Intégrez les call-to-action (CTA) sur votre site externe
Dernière mise à jour: janvier 19, 2023
Les CTA HubSpot peuvent être utilisés sur les pages HubSpot et non HubSpot. Utilisez les CTA de HubSpot sur votre site externe pour attirer et convertir les prospects
Avant d'intégrer des CTA sur votre site externe, assurez-vous que le code de suivi HubSpot est installé sur vos pages
- Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > CTA.
- Dans le tableau de bord des appels à l'action, passez la souris sur un CTA et cliquez sur Actions > Code d'incorporation

- Dans la boîte de dialogue, cliquez sur Copier

- Accédez au système de gestion du contenu de votre site web externe (CMS).
- Collez le code intégré du CTA dans le lien HTML de votre page non-HubSpot, où vous souhaitez que le CTA apparaisse.
- Prévisualisez votre CTA sur la page Web pour vérifier son aspect 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 d'images, il peut être nécessaire d'ajouter un style supplémentaire pour assurer que le CTA d'images est adapté.
- Lorsque vous avez terminé, publiez votre page
Remarque :
- 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 peuvent différer. Si vous n'êtes pas sûr de la façon d'accéder au code HTML de votre site ou d'intégrer un code externe, envoyez cet article par e-mail à votre webmaster, votre service informatique ou votre ressource technique.
-
Si vous intégrez un CTA sur un site WordPress, veuillez prendre note 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 que le CTA soit réactif
- Si vous remarquez que votre CTA ne fonctionne pas dans WordPress ou que le code intégré est en cours de modification lorsque vous accédez à la page en direct, il peut être nécessaire d'insérer le CTA en utilisant un plug-in pour vous assurer que le code d'intégration reste intact.
- Si vous utilisez la dernière version de Gutenberg, qui élimine le code JavaScript en ligne, utilisez le bloc de code JS en ligne pour le plug-in Gutenberg afin d'intégrer des formulaires et des CTA sur votre page.
Thank you for your feedback, it means a lot to us.
Articles similaires
-
Créer un lien Cliquer pour appeler ou mailto
Lorsqu'ils sont utilisés, les boutons Cliquer pour appeler connectent les visiteurs sur des appareils mobiles...
Base de connaissances -
Partition de vos éléments HubSpot
Les éléments dans HubSpot peuvent être divisés afin que seuls les équipes et utilisateurs appropriés puissent...
Base de connaissances -
Centrer une image, un CTA ou un logo dans un modèle d'e-mail ou de page
Pour centrer une image, un CTA ou un module de logo sur votre page, blog ou e-mail, ajoutez un style...
Base de connaissances