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.
