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.

Intégrer des CTA (héritage) sur votre site externe

Dernière mise à jour: juin 12, 2024

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Marketing Hub   Pro , Enterprise
Content Hub   Pro , Enterprise
Ancienne version Marketing Hub Basique

Les CTA hérités de HubSpot peuvent être utilisés sur les pages HubSpot et non HubSpot. Utilisez les CTA HubSpot sur votre site externe pour attirer et convertir des prospects.

Avant d'intégrer des CTA (legacy) sur votre site externe, assurez-vous que le code de suivi HubSpot est installé sur vos pages.

Avant de commencer

Avant d'ajouter un CTA (legacy) sur votre site externe, veuillez noter ce qui suit : 

  • Les CTA intégrés à votre site web externe seront automatiquement mis à jour dans le monde entier lorsqu'un changement sera apporté au contenu, au texte ou à la conception générale du CTA.
  • En raison des différences entre les systèmes de gestion de contenu (CMS), les étapes pour accéder au code HTML de votre site et intégrer le code CTA (legacy) peuvent différer. Si vous ne savez pas comment accéder au code HTML de votre site ou intégrer un code externe, envoyez cet article par e-mail à votre webmestre, à votre service informatique ou à une ressource technique.
  • Si vous intégrez un CTA sur un site WordPress, veuillez tenir compte des points suivants :

    • Si vous intégrez un CTA sur votre site WordPress, vous devrez peut-être appliquer des déclarations CSS supplémentaires dans votre feuille de style externe pour rendre le CTA réactif. 
    • Si vous remarquez que votre CTA ne fonctionne pas dans WordPress ou que le code d'intégration est modifié lorsque vous consultez la page en direct, vous devrez peut-être insérer le CTA à l'aide d'un plugin pour vous assurer que le code d'intégration reste intact.
    • Si vous utilisez la dernière version de Gutenberg, qui supprime le JavaScript en ligne, utilisez le plugin Inline JS Block for Gutenberg pour intégrer des formulaires et des CTA sur votre page.

Intégrer un CTA (héritage) sur votre site externe

Pour intégrer un bouton CTA sur votre site externe : 

  • Dans votre compte HubSpot, accédez à Marketing > CTA.
  • En haut à gauche, cliquez sur le menu déroulant et sélectionnez CTAs (Legacy).
  • Dans le tableau de bord des CTA (anciens), passez la souris sur un CTA et cliquez sur Actions > Code d'intégration.
  • Dans la boîte de dialogue, cliquez sur Copier.

 
  • Accédez au système de gestion de contenu (CMS) de votre site web externe. 
  • Collez le code d'intégration du CTA dans le code HTML de votre page non HubSpot, à l'endroit où vous souhaitez que le CTA apparaisse. 
  • Prévisualisez votre CTA sur la page web pour vérifier ce qu'il donne en direct.
    • S'il ne s'affiche pas correctement, vérifiez que votre CMS externe n'a pas modifié le code copié.
    • Si vous utilisez un CTA sous forme d'image, vous devrez peut-être ajouter un style supplémentaire pour vous assurer que le CTA sous forme d'image est réactif
  • Lorsque vous avez terminé, publiez votre page.

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.