--- title: Créer un Call-to-Action (CTA) description: Un call-to-action (CTA) est un bouton que vous pouvez utiliser sur votre contenu HubSpot afin d'inciter des clients potentiels à se connecter à votre site web. --- # [Créer un Call-to-Action (CTA)](https://knowledgeqa.hs-sites.com/fr/ctas/create-calls-to-action-ctas) Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00 Un call-to-action (CTA) est un bouton que vous pouvez utiliser sur votre contenu HubSpot afin d'inciter les clients potentiels à se connecter à votre site web, où ils peuvent ensuite remplir un formulaire et être ajoutés à votre base de contacts. Les CTA doivent être visuellement attractifs, orientés vers l'action et faciles à localiser sur vos pages et e-mails. ## Créer un CTA - Depuis votre compte HubSpot, accédez à **Marketing** > **Capture de leads** > **CTA**. - Cliquez sur **Créer un CTA**.  - Dans le volet qui s'affiche, sélectionnez **Bouton personnalisé**, puis personnalisez le style du CTA : 1. **Contenu du bouton :** saisissez le texte qui s'affiche sur votre bouton CTA. Vous pouvez également ajouter des émojis ici. Vos contacts et visiteurs verront le style émoji natif de l'appareil qu'ils utilisent (Mac, Windows, Chrome, Android, etc.). 2. **Style de Bouton :** utiliser le **menu déroulant** pour sélectionner un style pour votre bouton CTA. Si vous souhaitez que votre bouton ressemble à un lien de texte normal, sélectionnez **Lien (aucun style) **dans le menu déroulant. 3. **Couleur du bouton :** cliquez sur le **sélecteur de couleurs** ou saisissez une **valeur HEX** de couleur personnalisée dans le champ de *Couleur du bouton*. 4. **Options avancées :** cliquez sur **Options avancées** pour personnaliser le [remplissage en pixels de votre CTA](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/where-can-i-edit-the-size-of-a-cta) et le [style CSS](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/add-custom-styles-to-my-cta). - Si vous souhaitez utiliser une Image pour votre CTA au lieu de personnaliser le bouton, cliquez sur **Bouton Image** : 1. Cliquez sur **Charger** et sélectionnez un fichier image à partir de votre appareil.  2. Cliquez sur **Parcourir les images** pour sélectionner une image contenue dans le gestionnaire de fichiers. Dans le panneau qui s'affiche, cliquez sur une **image **pour l'utiliser comme bouton CTA.  3. Ajustez la ******largeur **et la **hauteur **du bouton image. En savoir plus sur [l'optimisation de la rétine](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/where-can-i-edit-the-size-of-a-cta#what-is-retina-optimization) pour les images chargées.  4. Saisissez un **texte**** Alt **pour l'image.  - Lorsque vous avez modifié le bouton personnalisé ou le bouton image, cliquez sur **Suivant** **>**.  - Ensuite, configurez les options de CTA : - **Nom interne du CTA :** pour faciliter votre organisation, saisissez un **nom** pour votre CTA que seuls les utilisateurs de votre compte et vous pourrez voir.  - **Type de redirection de l'URL :** - Sélectionnez **URL du site externe** pour lier votre CTA à une page externe en dehors de HubSpot, puis saisissez l'URL du site web dans le champ **Saisir l'URL**. - Sélectionnez **Page HubSpot ou article de blog** pour lier votre CTA à l'une de vos pages HubSpot ou articles de blog, puis sélectionnez la page ou l'article dans le menu déroulant **Choisir une page HubSpot ou un article de blog**. - **Remarque :** Lors de la sélection d'une page ou d'un article de blog HubSpot, le lien du CTA est directement lié à la page (c.-à-d. l'ID de la page). Si l'URL de la page change, le lien du CTA sera automatiquement mis à jour selon la nouvelle URL de la page. Lorsque vous [configurez des pages via la préparation du contenu](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cms-general/redesign-and-relaunch-your-site-with-content-staging), les CTA qui renvoient vers des pages originales y seront toujours liés. Il est recommandé de mettre à jour les CTA existants ou de créer de nouveaux CTA pour vos nouvelles pages. - Sélectionnez **Lien de prise de rendez-vous **pour lier votre CTA à un [lien de prise de rendez-vous HubSpot](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/meetings/use-meetings), puis sélectionnez le lien de prise de rendez-vous dans le menu déroulant **Choisir un lien de prise de rendez-vous**. - Sélectionnez **Lien de fichier** pour lier votre CTA à un fichier dans le gestionnaire de fichiers. Cliquez sur **Parcourir les fichiers **et choisissez un fichier, puis sélectionnez la case **Ouvrir la page dans une nouvelle fenêtre **si vous souhaitez que les visiteurs cliquent sur le CTA pour afficher l'image dans une nouvelle fenêtre de navigateur  - **Lier une campagne HubSpot :** si vous souhaitez associer les analytics de votre CTA à une campagne, cliquez sur le **menu déroulant** et sélectionnez une campagne.  - Cliquez sur** Enregistrer**.  - Votre CTA final apparaîtra maintenant en haut du panneau. Cliquez sur l'**icône Crayon **edit en haut pour modifier le nom interne. Choisissez l'un des éléments suivants : - Cliquez sur **Terminer**** **pour enregistrer votre CTA.  - Cliquez sur **Créer une version intelligente** pour créer un CTA intelligent.  - Cliquez sur **Créer un test multi-variable** si vous souhaitez effectuer un test A/B.  ## Actions de CTA supplémentaires Sur le tableau de bord des CTA, analysez les indicateurs de niveau élevé pour comprendre les performances des CTA. Vous pouvez également filtrer le tableau de bord des CTA pour trouver un CTA spécifique ou prendre une action sur l'un des CTA répertoriés.  - Utilisez le menu déroulant **Plage de dates** pour filtrer vos CTA selon une plage horaire spécifique.  - Si vous avez [associé vos CTA à une campagne](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/campaigns/associate-assets-and-content-with-a-campaign), utilisez le menu déroulant **Campagne** pour filtrer par campagne. - Utiliser le menu déroulant **Type** pour filtrer par type de CTA.  - Passez le curseur de votre souris sur votre CTA et cliquez sur **Aperçu** pour voir votre CTA dans le volet latéral de l'aperçu ou cliquez sur le menu déroulant **Actions** et sélectionnez l'un des éléments suivants :  - **Modifications :** apporter des modifications à votre CTA.  - **Créer un test multivariable :** créez une deuxième version de votre CTA pour [tester la version A et la version B](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/A/B-test-your-calls-to-action-ctas) avec les contacts et les visiteurs.   - **Créer une version intelligente :** créez un [CTA intelligent](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cos-general/create-a-smart-call-to-action-cta). - **Afficher les détails :** affichez les [analytics](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/analyze-your-calls-to-action-performance) de votre CTA, y compris le nombre de vues, de clics et de soumissions. - **Cloner :** Créez une copie exacte de votre CTA.  - **Code d'intégration :** ajoutez votre CTA à l'une de vos pages externes en copiant et en collant le [code d'intégration](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/ctas/embed-a-call-to-action-cta-on-an-external-site). - **Supprimer :** supprimez votre CTA.   En savoir plus sur  [l'analyse des performances de votre CTA](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cta/analyze-your-calls-to-action-performance) . [Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/ctas/create-calls-to-action-ctas) ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "HubSpot Support" }, "dateModified" : "2020-07-08T14:46:59.481Z", "datePublished" : "2020-07-07T04:00:00Z", "headline" : "Créer un Call-to-Action (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/ctas/create-calls-to-action-ctas", "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" } } ```