Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
CTAs

Ajouter des styles personnalisés à votre CTA

Dernière mise à jour: août 30, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Pro, Entreprise
Ancienne version Marketing Hub Basique

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 CTAedit-or-create-new-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.