Ajouter un appel d'action (bouton)

Flexmail vous offre la possibilité d'ajouter facilement un appel à l'action à tout message, quelle que soit la manière dont vous le construisez. Un appel à l'action est en fait ce qui constitue le point principal de votre message. Il vous permet d'obtenir une réaction. Convertissez vos messages en ventes, faites en sorte que les gens s'abonnent à vos événements ou obtenez un retour d'information. Ce ne sont là que des exemples. Vous pouvez utiliser votre appel à l'action pour atteindre n'importe quel objectif souhaité.

Cet article vous guidera à travers un exemple utile d'ajout d'un appel à l'action dans tous nos outils - l'Email builder, le Legacy builder, le modèle d'assistant et l'éditeur HTML.

E-mail builder

1. Dans le panneau Éléments sur le côté gauche, vous pouvez trouver l'élément Bouton. Faites-le glisser sur le canevas dans une structure.

   

2. Ensuite, cliquez sur l'élément Bouton sur le canevas pour entrer directement le texte souhaité.

   Vous remarquerez que les paramètres du bouton seront visibles dans le panneau des paramètres et sont divisés en différentes sections. Vous trouverez également des paramètres séparés pour la version de bureau et la version mobile de votre bouton. Commencez par la version de bureau.

3. Dans la section Contenu, vous pouvez ajouter un lien à votre bouton. Choisissez l'une des options ci-dessous comme action pour votre bouton :
   • Weblink - dirigez vos contacts vers une source externe.  
   • Fichier - en cliquant sur le bouton, un fichier sera téléchargé.
   • Email - lorsque vos contacts cliquent sur le bouton, cela les redirige vers une adresse e-mail, lançant un e-mail de leur part vers vous. 
   • Page système - Renvoie simplement à la page de désinscription ou à la version web de votre e-mail.
   • Sondage - demandez à vos contacts de répondre à diverses questions pour vous, par exemple, des retours d'expérience clients.
   • Page d'atterrissage - dirigez vos contacts vers une page d'atterrissage 
   • Formulaire - demandez à vos contacts s'ils veulent remplir un formulaire pour vous, comme une invitation RSVP.
   • Lien personnalisé - Utilisez le contenu d'un champ personnalisé d'un contact comme lien.
   • Numéro de téléphone - Permettez à vos lecteurs mobiles de passer un appel facilement.
4. Dans la section Texte, vous pouvez changer le formatage de votre bouton.
   • Choisissez une police et une taille.
   • Grâce au Poids, vous pouvez définir si le texte sur votre bouton doit être en gras ou non.
   • Changez la couleur et la couleur de fond de votre bouton si nécessaire.
   • Définissez le remplissage pour ajuster l'espace blanc autour du texte dans le bouton. Désactivez l'interrupteur 'Appliquer à tous les côtés' si vous souhaitez l'ajuster plus en détail.
5. Dans la section Mise en page, vous pouvez ajuster comment le bouton s'intègre dans votre message
   • Par défaut, la largeur du bouton s'ajuste en fonction du contenu. Cliquez sur l'interrupteur 'Adapter au texte' pour passer à une largeur basée sur la colonne dans laquelle le bouton est placé.
   • Ajustez l'alignement du bouton.
   • Définissez des marges pour un espace blanc supplémentaire autour du bouton et créez plus d'espace. Désactivez l'interrupteur 'Appliquer à tous les côtés' pour régler chaque côté séparément.
6. Dans la section Bordure, vous avez la possibilité d'ajuster la bordure de votre bouton.
   • Choisissez un style de ligne pour chaque côté ou pour chaque côté séparément.
     • Définissez l'épaisseur de ligne de la bordure du bouton.
     • Choisissez un type de ligne comme une ligne pleine, une ligne en pointillés ou une ligne en pointillés.
     • Définissez une couleur de ligne en utilisant la palette de couleurs, le sélecteur de couleurs ou avec une valeur HEX.
   • Définissez le rayon pour arrondir le bouton.
7. Dans la section Visibilité, vous pouvez cacher l'élément.
8. Maintenant, passez à la vue mobile de votre e-mail et ajustez les paramètres si nécessaire.

Legacy builder

Vous pouvez glisser et déposer un bouton sur une structure vide ou une structure prédéfinie qui comprend un bouton sur la toile.

1. Dans l'onglet Élément, vous trouverez l'élément Bouton. Faites-le glisser et déposez-le sur la toile au-dessus d'une structure vide.

   

2. Ensuite, cliquez sur l'élément Bouton sur le canevas pour ouvrir la Configuration bouton. 

   

3. Tout d'abord, tapez le contenu de votre bouton dans le champ de texte du bouton.
4. Ensuite, vous pouvez personnaliser l'apparence de votre bouton :
   • Définissez la largeur et la hauteur du bouton en appuyant sur le plus ou le moins du bouton juste à côté du titre Largeur ou Hauteur.
   • Choisissez la couleur de fond de votre bouton.
   • Ajustez l'alignement et le périmètre du bouton.
   • Choisissez le style de la bordure que vous voulez donner à votre bouton - cliquez sur "plus d'options" si vous souhaitez donner un style différent à tous les aspects du bouton.
5. L'étape suivante et la plus importante consiste à choisir l'action de votre bouton. Vous pouvez choisir entre plusieurs actions pour votre bouton :
   • Email - lorsque vos contacts cliquent sur le bouton, ils sont redirigés vers une adresse électronique, ce qui déclenche l'envoi d'un message électronique de leur part vers votre adresse.
   • Lien - transférer vos contacts vers une source externe.
   • Formulaires - demandez à vos contacts de remplir un formulaire pour vous, par exemple une demande d'invitation.
   • Questionnaires - demandez à vos contacts de répondre à plusieurs questions pour vous, comme par exemple un avis relatif aux services que vous proposez.
   • Landing pages - transférez vos contacts vers une landing page.

   • Bibliothèque de fichiers - en cliquant sur le bouton, vous téléchargez un fichier.

     

     

6. Ensuite, vous pouvez ajuster le style du texte, les marges et le remplissage de votre bouton. Vous pouvez choisir la couleur, la taille et la typographie - gras, italique et souligné - du texte de votre bouton.

Modèle proposé par l'assistant

Dans le modèle Assistant, vous pouvez ajouter un appel à l'action aux éléments de personnalisation Appel à action et Articles.

Appel à l'action

1. Cliquez sur l'élément Appel à action pour le développer.
2. Tout d'abord, vous pouvez modifier le texte de votre appel à action.
   • Définissez le titre de votre appel à action - ce titre décrira l'objectif du bouton pour l'utilisateur.
   • Définissez la couleur du texte de votre titre.
   • Choisissez un nom pour votre bouton - ce sera le texte que votre bouton affichera.
3. Maintenant, vous devez déterminer la fonction de votre bouton dans le champ Lien. Ici, vous pouvez choisir d'entrer une URL dans le champ ou de cliquer sur l'une des petites lettres du champ. Chaque lettre vous permet de choisir une action différente.
   • "P" signifie landing Page
   • "F" signifie Formulaires
   • "S" signifie Enquêtes
   • "D" signifie Document
4. Vous remarquerez que vous avez ensuite 3 choix de couleurs.
   • La première couleur correspond au texte du bouton.
   • La deuxième couleur est destinée à l'arrière-plan du bouton.

   • La troisième couleur est celle du fond de la toile.

     

Articles

1. Cliquez sur l'élément Article pour le développer.
2. Cliquez sur Ajouter un article pour commencer.
   

   

3. Remplissez d'abord le champ de votre article. Ensuite, pour gérer votre bouton d'appel à l'action, faites défiler l'écran vers le bas jusqu'à la fin du champ de texte Contenu.
4. Ensuite, insérez le nom du lien pour votre bouton afin de rendre votre appel à l'action dans votre article le plus engageant possible.
5. Maintenant, vous devez choisir la fonction de votre bouton dans le champ Lien. Ici, vous pouvez choisir d'entrer une URL dans le champ ou de cliquer sur l'une des petites lettres du champ. Chaque lettre vous permet de choisir une action différente.
• 'L' stands for Landing page
• 'F' stands for Forms
• 'S' stands for Surveys
• 'D' stands for Document
6. Vous remarquerez que dans certains modèles, vous pouvez choisir des couleurs dans les articles. Vous pouvez ici définir la couleur du texte et du fond de votre bouton ou même la couleur de fond de votre canevas d'appel à l'action.
   
   
   Conseil de support
   Vous pouvez toujours choisir les couleurs de votre bouton d'appel à action. Lorsque vous ne trouvez pas de sélecteurs de couleurs dans l'élément article, vous pouvez toujours faire défiler la page vers le bas jusqu'à la rubrique Mise en page pour définir la couleur du texte et du fond de votre bouton.

   

Éditeur HTML

L'éditeur HTML WYSIWYG ne dispose pas d'une option spécifique pour ajouter un bouton. Cet article vous donnera une simple proposition sur la façon d'ajouter un bouton via HTML. Veuillez noter cependant que nous ne fournissons pas de support pour le code HTML personnalisé. 

1. Dans vos options WYSIWYG, cliquez sur le bouton Source HTML.

   

2. Dans le code source, vous pouvez ajouter le code suivant.

   
   

<button>Button text</button>

1. Cliquez ensuite sur Mise à jour pour modifier le code source.
2. Cette action permet d'ajouter un bouton à votre message HTML.

3. Ensuite, mettez le texte en surbrillance dans le bouton et cliquez sur le bouton Hyperlien en haut.

   

4. Cela ouvrira la fenêtre contextuelle Insérer/Modifier le lien. Vous pouvez y choisir l'effet de votre bouton ou le type d'action que vous souhaitez faire subir à votre public. Vous pouvez créer un lien vers une source externe, une page d'accueil, un formulaire, un questionnaire ou même un fichier à télécharger.

   

5. Ensuite, vous pouvez également personnaliser les paramètres Pop-up, Événements et Avancés pour ajuster l'apparence de votre lien. Par exemple, vous pouvez choisir que le lien s'ouvre dans une pop-up ou sélectionner une action qui se produit lorsque vous passez au-dessus du lien.

   

6. Cliquez sur Insérer lorsque vous êtes prêt à appliquer la fonctionnalité à votre bouton.

Articles liés