Ajouter des styles personnalisés à votre CTA

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.

Note : 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.
• Passez le curseur sur un CTA existant et cliquez sur le menu déroulant Actions, puis sélectionnez Modifier. Cliquez sur Créer un CTAdans l'angle supérieur droit.

• Dans le volet qui s'affiche, cliquez sur Options avancées.

• Vous pouvez appliquer les CSS personnalisées à votre CTA de deux façons :
  • Si vous souhaitez ajouter une classe personnalisée à votre CTA, le champ CSS personnalisé 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é, 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.

• En bas à droite, cliquez sur Suivant > pour terminer la création ou la modification de votre CTA.