Les boutons

Un Bouton ou “CTA” (Call To Action) est un élément qui incite le destinataire de votre email à effectuer une action. Il permet par exemple, de le rediriger au clic vers une landing page (confirmation d’achat, contenus en ligne, formulaires, téléchargement d’une application, inscription à une newsletter, ...).

Pour ajouter un Bouton dans un email, il vous suffit d’entrer dans une Section, un Groupe, un Arrière-plan ou une Slide, puis d’accéder à l’onglet “Eléments” du volet de conception et de glisser-déposer l’élément bouton dans votre email.

Lorsque vous sélectionnez une Section et que vous accédez à l’onglet Styles du volet de conception, vous avez alors accès à plusieurs options de personnalisation réparties dans 10 catégories : 

• Conteneur
• Police
• Lien
• Marges
• Coins arrondis
• Bordures
• Alignement de l’élément
• État au survol
• Attribut HTML personnalisés
• Contenu dynamique

Chacune de ces catégories vous donne alors accès à des options de personnalisation.

Cette catégorie vous donne accès aux options suivantes :

• Largeur, qui permet de personnaliser la largeur du Bouton en pixels ou en pourcents par rapport à la largeur de l’élément parent.
• Hauteur, qui permet de personnaliser la hauteur du Bouton en pixels.
• Couleur de fond, qui permet de personnaliser la couleur de fond du Bouton.
• Opacité, qui permet de personnaliser l’opacité du Bouton.
• Contenu, qui permet de définir le libellé du Bouton.
• Masqué sur tablette, qui permet de masquer le Bouton en vue tablette.
• Masqué sur mobile, qui permet de masquer le Bouton en vue mobile.

Cette catégorie permet de personnaliser l’apparence du libellé du Bouton. Elle donne accès aux options suivantes :

• Collection de famille d’écriture, qui permet de personnaliser la police utilisée pour l’affichage du libellé du Bouton.
• Couleur de texte, qui permet de personnaliser la couleur du libellé du Bouton.
• Taille de police, qui permet de personnaliser la taille du libellé du Bouton.
• Gras, qui permet de mettre en gras le libellé du Bouton.
• Italique, qui permet de mettre en italique le libellé du Bouton.
• Interlettrage, qui permet de personnaliser l’espacement entre les lettres du libellé du Bouton.
• Changement de casse, qui permet de personnaliser la casse du libellé du Bouton.
• Alignement du texte, qui permet de gérer l’alignement à gauche, au milieu ou à droite du libellé du Bouton.

Pour plus d’informations sur le fonctionnement des liens, vous pouvez vous référer à Insérer des liens dans un e-mail.

Cette catégorie permet de personnaliser les marges en haut, à droite, en bas et à gauche, à l’intérieur de l’élément Bouton. Elles peuvent être définies en pixels ou en pourcents de la largeur de l’élément qui contient le Bouton.

Pour plus d’informations sur le fonctionnement des coins arrondis ou des bordures, vous pouvez vous référer à Adapter les coins arrondis et les bordures d'un élément.

Cette catégorie permet de gérer l’alignement du Bouton à gauche, au centre ou à droite, au sein de l’élément qui le contient.