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 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.

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