---
title: Ajouter des styles personnalisés à votre CTA
description: Découvrez comment ajouter des styles et classes personnalisés à vos CTA HubSpot.
---

<https://knowledgeqa.hs-sites.com/fr>

# [Ajouter des styles personnalisés à votre CTA](https://knowledgeqa.hs-sites.com/fr/cta/add-custom-styles-to-my-cta)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00

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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/ctas/create-calls-to-action-ctas#custom) et non [aux boutons d'images](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/ctas/create-calls-to-action-ctas#image).

- 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 CTA**dans 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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cos-general/create-edit-and-attach-css-files-to-style-your-site) 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.

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/cta/add-custom-styles-to-my-cta)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-07-08T13:29:58.323Z",
  "datePublished" : "2020-07-07T04:00:00Z",
  "headline" : "Ajouter des styles personnalisés à votre CTA",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/cta/add-custom-styles-to-my-cta",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "FR | Knowledge Quick Answers"
  }
}
```