Ajouter des styles personnalisés à votre CTA
Dernière mise à jour: janvier 18, 2023
Utilisez les options avancées de HubSpot pour créer des boutons de CTA hautement personnalisés qui correspondent parfaitement au thème de votre site web.
Remarque : les styles personnalisés ne peuvent être appliqués qu'aux boutons personnalisés et non aux boutons d'images.
- Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > CTA.
- Placez le curseur sur un CTA et cliquez sur Actions>Modifier, ou cliquez sur Créer un CTA.
-
Dans la fenêtre glissante, faites défiler et cliquez sur Options avancées.
- Vous pouvez appliquer des styles CSS personnalisés à votre CTA de deux façons :
- Si vous souhaitez ajouter une classe personnalisée à votre CTA, le champ Classe CSS personnalisée prend en charge les entrées de classe personnalisées. Cela est utile lorsque plusieurs CTA sur les pages de site web doivent partager un ensemble similaire de caractéristiques de conception, telles que les familles de polices, la taille ou même le remplissage et les marges. Si vous utilisez une classe CSS personnalisée, assurez-vous que la classe est incluse et stylisée dans la feuille de style CSS appliquée comme étant le style principal de vos pages HubSpot.
- Si vous souhaitez que les styles personnalisés s'appliquent au CTA que vous modifiez, dans le champ CSS personnalisée, vous pouvez appliquer le style en ligne à ce CTA. Si vous disposez d'un élément du CTA que vous souhaitez modifier, ajoutez une nouvelle déclaration de style avant d'enregistrer vos modifications.
Remarque : lors de l'application d'un style CSS personnalisé à votre CTA, vous devez utiliser uniquement la Classe CSS personnalisée ou l'option CSS personnalisée. L'application des deux options peut générer des problèmes au niveau du style ou de l'affichage de votre CTA.

- En bas à droite, cliquez sur Suivant > pour terminer la création ou la modification de votre CTA.
Thank you for your feedback, it means a lot to us.
Articles similaires
-
Créer un lien Cliquer pour appeler ou mailto
Lorsqu'ils sont utilisés, les boutons Cliquer pour appeler connectent les visiteurs sur des appareils mobiles...
Base de connaissances -
Partition de vos éléments HubSpot
Les éléments dans HubSpot peuvent être divisés afin que seuls les équipes et utilisateurs appropriés puissent...
Base de connaissances -
Centrer une image, un CTA ou un logo dans un modèle d'e-mail ou de page
Pour centrer une image, un CTA ou un module de logo sur votre page, blog ou e-mail, ajoutez un style...
Base de connaissances