Insérer des call-to-actions (CTA) dans vos designs d'email (bouton)

Créez des boutons accrocheurs pour encourager les lecteurs à agir dans vos campagnes email. Utilisez le bloc de contenu Bouton dans l'éditeur d'email Drag & Drop, également appelé call-to-action (CTA), pour guider vos destinataires vers l'étape suivante, qu'il s'agisse de visiter votre site web, d'effectuer un achat ou s'inscrire à un événement. Un CTA bien placé et bien conçu peut faire toute la différence dans la performance de votre campagne.

Avant de commencer

💡 Conseils pour un call-to-action efficace

Votre CTA doit être clair, concis et visuellement attrayant. Gardez à l'esprit ces bonnes pratiques :

  • Rester court (2-4 mots)
    Les boutons longs donnent une impression d'encombrement et réduisent l'impact visuel.
  • Utiliser des verbes d'action (« Obtenir », « Acheter », « Réserver », « Essayer »)
    Encourage les lecteurs à agir immédiatement.
  • Choisir une couleur contrastée
    Cela fait ressortir votre bouton du reste de votre email.
  • Le positionner de façon stratégique
    Placez votre CTA principal près du haut de l'email et réitérez-le à la fin si besoin.
  • Le rendre adapté au mobile et au mode sombre
    Assurez-vous que le bouton est suffisamment grand pour être facilement touché sur un écran mobile et visible sur un écran en mode sombre.

✅ À faire

❌ À ne pas faire

DDE_button-dos_en-us.png
DDE_button-donts_en-us.png

🖱️ Insérer un bouton dans votre design d'email

Pour insérer un bouton dans votre design d'email :

  1. Faites glisser un bloc de contenu Bouton et déposez-le dans canevas de l'email. 
  2. Cliquez sur le bouton et remplacez le call-to-action par votre propre texte. Les paramètres du bouton s'ouvrent dans le panneau de gauche.
  3. (Facultatif) Cliquez sur magic-wand-icon.pngUtilisez l'assistant IA dans la barre d'outils de texte supérieure pour affiner le texte de votre bouton
  4. Dans la section Paramètres du lien, choisissez dans la liste déroulante Type de lien le type de lien que vous souhaitez ajouter sous votre bouton :
    Liens externes
    • Lien absolu (URL)
      Il s'agit de l'option de base pour les liens ; choisissez-la pour ajouter une URL.
    • Lien email (mailto)
      Ajoutez un lien vers une adresse email.
    • Cliquez pour appeler le numéro de téléphone
      Ajoutez un lien vers un numéro de téléphone.
    Liens standard
    • Lien de désinscription (global)
      Le lien de désinscription est automatiquement ajouté au pied de page de vos campagnes. Il s'agit d'un lien sur lequel les destinataires peuvent cliquer pour ouvrir votre page de désinscription Brevo et cesser de recevoir vos emails. La présence d'un lien de désinscription dans vos campagnes est obligatoire car il est essentiel pour vos contacts et pour le bon fonctionnement de ces dernières. 
      ➡️ Pour en savoir plus, consultez notre article dédié aux liens de désinscription.
    • Lien double opt-in 
      Ajoutez un lien double opt-in à votre template d'email si vous souhaitez que vos destinataires confirment leur inscription à ces emails après avoir rempli votre formulaire d'inscription. 
      ➡️ Pour en savoir plus, consultez notre article dédié à la création d'un template de confirmation double opt-in.
    • Afficher dans le navigateur
      Le lien miroir peut être ajouté à l'en-tête de vos campagnes. Il s'agit d'un lien sur lequel les destinataires peuvent cliquer s'ils rencontrent des difficultés à visualiser votre email dans leur boîte de réception ou s'ils souhaitent l'ouvrir en tant que page Web. La présence d'un lien miroir dans vos campagnes n'est pas obligatoire. 
      ➡️ Pour en savoir plus, consultez notre article consacré aux liens miroirs.
    • Mettre à jour vos préférences
      Brevo propose un formulaire de mise à jour du profil pour vous aider à recueillir des informations à jour à propos de vos abonnés, comme leurs informations, leurs préférences, ou même les listes auxquelles ils souhaitent s'abonner. Nous vous recommandons d'inclure un lien vers ce formulaire dans le pied de page de tous vos emails pour aider les abonnés à partager ses préférences avec vous. 
      Votre formulaire de mise à jour du profil sera automatiquement ajouté aux paramètres supplémentaires de votre campagne email comme expliqué ici
      Si vous créez un template d'email, vous devez ajouter manuellement le lien vers le formulaire de mise à jour de vos préférences .
      ➡️ Pour en savoir plus, consultez notre article dédié à la mise à jour des liens de profil.
    Liens Brevo
    Liens d'ancrage
    • Lien relatif (vers l'ancrage)
      Une fois que vous avez créé votre ancrage dans la campagne, utilisez cette option pour créer un lien vers l'ancrage.
      Par exemple, revenir à une partie spécifique de la newsletter en haut de la page.
    • Ancre pour les liens relatifs
      Créez une ancre quelque part dans votre campagne, puis utilisez l'option de lien relatif pour créer un lien vers cette ancre.

    ➡️ Pour en savoir plus sur les liens d'ancrage, consultez notre article dédié Ajouter une table des matières et des liens d'ancrage dans votre email.

  5. Dans la liste déroulante Cible du lien, selon le type de lien choisi, saisissez une URL, sélectionnez un lien, ou saisissez toute information nécessaire. 
    DDE_insert-button-content-block_en-us.gif
  6.  (Facultatif) Cliquez sur l'icône {} Ajouter une variable pour personnaliser votre URL avec un attribut du contact, des données d'événement ou une variable de flux de données.
  7. (Facultatif) Ajoutez un titre du lien pour afficher une infobulle qui décrit la destination du lien à vos destinataires lorsqu'ils le survolent avec leur souris.

Félicitations ! 🎉 Vous avez réussi à ajouter un call-to-action à votre email. Vous pouvez désormais le personnaliser pour qu'il corresponde à votre marque. 

🎨 Modifier et personnaliser le style de vos boutons 

💡 Bon à savoir
Pour gagner du temps, si vous voulez que tous vos boutons aient la même couleur, police et format de texte, ainsi que les mêmes largeur, rayon, couleurs et bordures, utilisez l'onglet Style pour définir leur identité visuelle. Pour en savoir plus, consultez notre article dédié Configurer la mise en page et la conception de vos emails avec l'onglet Style.

Maintenant que vous avez ajouté votre bouton, appropriez-vous-le ! Personnalisez son texte, sa couleur et sa forme pour créer un CTA qui correspond à votre marque et capte l'attention dès le premier regard :

Changer la couleur et la taille de votre bouton (largeur et hauteur) 

Pour changer la couleur et la taille de votre call-to-action, cliquez sur le bouton pour ouvrir ses paramètres dans le panneau de gauche. Vous pouvez alors effectuer ce qui suit :

↔️ Changer la largeur de votre bouton

Pour changer la largeur de votre bouton, il suffit de tirer sur ses côtés pour l'allonger ou le raccourcir. Sinon, vous pouvez changer son % ou ses px de largeur depuis le champ Largeur dans la section Paramètres du bouton

DDE_change-button-width_en-us.gif
↕️ Changer la hauteur de votre bouton

Pour changer la hauteur de votre bouton, ouvrez la section Espacement dans le panneau de gauche et ajoutez une marge intérieure en haut et en bas de votre bouton. 

DDE_change-button-height_en-us.gif
🖍️ Changer la couleur de votre bouton

Pour changer la couleur de votre bouton, ouvrez la section Paramètres du bouton dans le panneau de gauche et choisissez une couleur dans l'option Couleur d'arrière-plan .

DDE_change-button-color_en-us.gif

Changer la couleur, la police, la taille, etc. du texte de votre bouton

Pour personnaliser la couleur et le format du texte de votre bouton, cliquez sur le bouton et utilisez la barre d'outils supérieure. Vous pouvez alors effectuer ce qui suit :

  1. Utiliser l'IA pour affiner votre texte ; 
  2. Changer sa police, sa taille, sa couleur, son format ; et
  3. Ajouter des emojis ou des variables. 
DDE_edit-button-text-en-us.png

➡️ Pour en savoir plus sur la façon dont vous pouvez utiliser la barre d'outils supérieure pour personnaliser votre texte, consultez notre article dédié À propos des blocs de contenu Titre et de Texte.

Ajouter des angles arrondis à votre bouton

Pour ajouter des angles arrondis à votre bouton, ouvrez la section Paramètres du bouton et choisissez le rayon de vos angles dans l'option Angles arrondis :

DDE_add-rounded-corners-button_en-us.gif

Ajouter une bordure à votre bouton

Pour ajouter une bordure à votre bouton, ouvrez la section Paramètres du bouton et choisissez la largeur et la couleur de votre bordure dans l'option Bordures :

DDE_add-border-button_en-us.gif

❓ FAQ

Puis-je suivre les clics sur mon CTA ?

Oui ! Brevo suit automatiquement les clics sur vos liens et CTA. Vous pouvez accéder à vos analytics de clics via le rapport de campagne email

⏭️ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 0 sur 0