Comment créer un call-to-action avec une image personnalisée

Dernière mise à jour: March 6, 2018

Il est possible de créer votre propre CTA sans utiliser l'un des styles HubSpot grâce à des logiciels comme Sketch, Adobe Photoshop ou Microsoft Paint.

Instructions

Suivez les étapes ci-dessous pour créer un CTA avec une image personnalisée. Pour découvrir comment utiliser l'un des styles de bouton de CTA de HubSpot, cliquez ici.

1. Accéder à Contenu > Call-to-action

Sur votre tableau de bord, cliquez sur Contenu, puis sur Call-to-action.

2. Créer un CTA

Cliquez sur Créer un CTA, dans l'angle supérieur droit de l'écran.

3. Attribuer un nom au CTA

Dans l'onglet Information, remplissez le champ Nom de votre CTA. Il ne s'agit pas du texte qui apparaîtra sur le CTA lui-même, mais du nom interne qui vous servira à organiser vos CTA.

4. Choisir le type de bouton

Pour créer un bouton avec une image personnalisée, accédez à l'onglet Conception. Cliquez ensuite sur Bouton Image.

5. Choisir une image

Si vous n'avez pas encore créé l'image voulue, il est temps de le faire. Dès que votre image est prête, sélectionnez-la pour votre CTA en cliquant sur Sélectionner une image.

Plusieurs options sont disponibles pour choisir une image. Vous pouvez sélectionner l'une des images enregistrées dans votre gestionnaire de fichiers, utiliser une URL personnalisée ou l'un des fichiers de votre compte Dropbox ou Google Drive, ou encore faire glisser une image dans le rectangle entouré de pointillés qui se situe en bas de l'écran.

Dès que vous avez choisi une image, cliquez sur Utiliser l'image, en bas de la fenêtre.

6. Choisir un texte alternatif pour l'image

Dans le champ Texte alternatif, tapez le texte qui apparaîtra pour votre CTA si l'image est indisponible. Ce texte doit être aussi clair et concis que celui de votre CTA afin que l'offre soit évidente pour les utilisateurs de votre site.

7. Ajuster la taille de l'image

La taille par défaut est la taille d'origine de votre image personnalisée. Vous pouvez donc modifier sa hauteur et sa largeur avec les boutons dédiés. Cliquez sur le bouton Moins pour diminuer la taille de l'image, et sur le bouton Plus pour l'augmenter. Si vous voulez retrouver la taille d'origine de votre image, cliquez sur Origine.

8. Entrer le lien du CTA

Revenez à l'onglet Informations. Vous devez maintenant décider si votre CTA doit diriger vers une adresse web ou vers l'une des pages de votre site. Indiquez votre choix dans le menu déroulant Lien vers. Si vous choisissez un lien vers une adresse web, entrez simplement l'URL du lien dans la case suivante.

Si vous préférez relier votre CTA à l'une des pages de votre site hébergées sur HubSpot, cliquez sur l'option Vos pages dans le menu déroulant Lien vers. Vous pourrez ensuite facilement choisir une page en faisant défiler les choix proposés ou en effectuant une recherche dans le menu déroulant.

Une option permet à l'URL de votre CTA de s'ouvrir dans une nouvelle fenêtre lorsqu'un visiteur clique dessus. Pour l'activer, cochez la case Ouvrir dans une nouvelle fenêtre. Cette fonctionnalité est généralement utilisée lorsque le CTA dirige vers une page qui ne se trouve pas sur le même domaine.

9. Créer le CTA

Votre CTA peut maintenant être créé. Cliquez sur Créer un CTA afin de terminer le processus.

10. Vérifier le CTA

Dans le tableau de bord des CTA, vous pouvez vérifier votre CTA, le modifier, le cloner et le supprimer, ou encore créer une variation à tester. Pour cela, cliquez sur l'icône d'engrenage.

Article précédent:

Article suivant: