Revenir au site

Créer une landing page avec Hubspot

Optimisez votre stratégie inbound marketing

9 juillet 2020

La landing page, qu’est-ce que c’est ?

La landing page, souvent traduit comme page de destination, est une page construite spécifiquement pour faire arriver un internaute après qu’il eut cliqué sur un lien tel qu’un lien commercial, un lien dans un email, un bandeau publicitaire ou un lien de résultat de recherche.

Son objectif est donc de transformer un visiteur en prospect.

Dans cet article, nous développerons rapidement le concept de landing page et comment créer et l’utilisation de l’outil Hubspot Landing Page.

A quoi ça sert une landing page ?

Une landing page est donc une page, qui doit être optimisée, afin de délivrer rapidement et efficacement le message ou l’idée développée plus globalement par la campagne marketing.

Son but est de transformer un simple clic en un prospect (lead) plus ou moins qualifié et peut-être même en client.

La landing page est donc un élément fondamental de toute campagne marketing car c’est elle qui permet de capter des nouveaux prospects. C’est le principal levier de transformation d’une campagne de marketing digital.

Quels sont les éléments d’une bonne landing page ?

Une bonne landing page est une landing page optimisée. Elle doit être percutante pour porter le message de la campagne et transformer le visiteur en client.

Les constituants d’une landing page sont souvent :

  • Un titre pour capter l’intérêt des visiteurs
  • Une image ou une infographie ou une vidéo porteuse de sens
  • Un formulaire visant à capter de la donnée de lead
  • Un call to action engageant
  • Un texte court et punchy pour inviter les visiteurs à remplir le formulaire

Nous ne développerons pas ici les bonnes pratiques des landing pages, Hubspot a très bien détaillé ces concepts dans cet article de blog.

Etape 1 : connectez votre domaine à Hubspot

La première étape pour développer et mettre à disposition vos landing pages de vos campagnes marketing est de connecter votre nom de domaine à votre instance Hubspot.

Pour connecter votre domaine, il faut se rendre dans la gestion du paramétrage de Hubspot. Puis, dans le menu de gauche, choisir « Domaines et URLs ».

Cliquez sur le bouton « connecter un domaine ».

Notre objectif est de publier des landing pages aussi choisissez « Principal ».

L’écran suivant vous demande de choisir votre domaine de marque. Il s’agit en général du domaine de l’adresse avec laquelle vous vous connectez à Hubspot. Par exemple pour nous notre domaine de marque est « pass-services ».

Notez que les utilisateurs de Hubspot Marketing Enterprise peuvent gérer plusieurs marques. Il est également possible d’acheter un complément uniquement pour cette fonctionnalité.

Cliquez sur « suivant ». L’écran suivant vous permet de choisir le sous-domaine qui hébergera vos landing pages.

Cela signifie que vos landing pages seront toutes hébergées dans un sous-domaine de votre domaine de marque. En termes de référencement c’est un très bon point.

Chez PASS Services, nous avons choisis le sous-domaine « pages » mais vous êtes libre de choisir un terme qui correspond mieux à votre business.

Vous pouvez également connecter un domaine racine. Plus d’information sur ce lien.

Choisissez également la langue principale de vos landing pages.

Cliquez sur « suivant ».

L’écran suivant traite de la connexion technique du sous-domaine à Hubspot.

Cochez « je suis prêt » en regard de « Confirmez que votre contenu est prêt à être mis en ligne ».

Il faudra ensuite vous connecter à la console de gestion de votre fournisseur DNS. Chez PASS Services nous utilisons les services de Gandi pour gérer nos DNS et ceux de nos clients.

Nous allons donc détailler la procédure pour un domaine hébergé par Gandi mais elle est similaire pour tous les fournisseurs DNS.

Cochez sur « Je suis connecté ». Dans les fait, je me suis connecté à la console Gandi.

Lorsque vous êtes dans les enregistrements DNS, cochez sur « Je suis ici ».

Ajouter un enregistrement CNAME qui a pour nom d’hôte votre choix de sous-domaine point votre domaine de marque point votre top level domain. Compliqué ?

Pour PASS Services, cela donne pages.pass-services.com

Votre domaine est connecté à Hubspot.

Cliquez sur le bouton « Terminé ».

Notez que le SSL est activé par défaut. C’est également un bon point pour le référencement de vos landing pages.

Etape 2 : Spécifier votre première landing page

Ça y est, votre département marketing a conçu une superbe campagne marketing autour de votre présence lors d’un prochain salon professionnel. Pour cela, ils envisagent d’acheter des mots clés dans Adwords puis de diriger les visiteurs vers un formulaire d’inscription.

Commençons par déterminer les renseignements que nous allons demander au visiteur afin de le qualifier.

Au-delà des informations d’identification comme le nom, le numéro de téléphone ou l’adresse courriel, il est intéressant de capter des informations complémentaires de la part du client telles que l’intérêt que le visiteur porte aux produits et services de votre entreprise, sa localisation ou la langue dans laquelle il souhaite échanger avec vos services.

Pour les besoins de cet article nous imaginerons que votre entreprise produise plusieurs gammes de vélos et fournisse des services associés.

Nous allons donc avoir besoin de champs permettant de déterminer les centres d’intérêts du visteur :

Taille de vélo :

  • Homme
  • Femme
  • Enfant

Style de vélo :

  • Ville
  • Tout-terrain
  • Course

Nombre de vélos.

L’outil Hubspot permettant de demander des informations aux visiteurs d’une landing page est le formulaire.

Notre landing page va donc être constituée des éléments suivants :

  • Une image en lien avec le salon professionnel
  • Un texte incitant le visiteur à saisir des informations
  • Un formulaire
Nous allons donc créer un nouveau formulaire afin de capter ces informations.

Etape 3 : Créer le formulaire

Nous allons à présent créer le formulaire qui va nous permettre de capter les informations du visiteur et de le qualifier.

L’accès aux fonctionnalités de gestion des formulaires se trouve dans le menu « Marketing ».

L’écran d’accueil liste les formulaires existants. Ces formulaires peuvent être organisés en dossiers.

Il est possible de cloner ou de modifier un formulaire existant. Vous pouvez également créer une liste dynamique des contacts ayant utilisé le formulaire. Toutes ces fonctionnalités sont accessibles depuis le bouton contextuel de chaque formulaire.

Nous allons créer un nouveau formulaire en cliquant sur le bouton « créer un formulaire ».

Hubspot vous demande ensuite de sélectionner le type de formulaire que vous souhaitez créer.

Choisissez le type « formulaire intégré ».

Nous allons construire un formulaire à votre image donc sélectionnez « modèle vierge » et cliquez sur le bouton « démarrer ».

Vous voici parvenu sur l’écran de construction des formulaires.

Commençons par nommer notre nouveau formulaire.

Dans la barre supérieure, changez le nom du formulaire par « inscription salon pro » en cliquant sur l’icône crayon.

Ensuite faîtes glisser de la zone gauche vers la zone d’édition du formulaire les champs « prénom », « nom », « numéro de téléphone » et « ville » au-dessus du champ « email ».

Réduisez la taille du formulaire en glissant-déposant le champ « nom » à droite du champ « prénom » et le champ « ville » à côté du champ « numéro de téléphone ».

Créons ensuite les champs d’information manquant.

Il est intéressant de noter que la création de ces champs complémentaire va ajouter des propriétés au modèle de données de Hubspot. De cette manière ces champs pourront être utilisés pour tous vos autres leads et dans vos rapports.

Dans la zone de gauche, descendez jusqu’à « créer un nouveau champ ».

Glissez déposez la tuile « plusieurs cases à cocher » vers la zone d’édition du formulaire sous le champ « email ».

Dans « libellé » saisir « taille de vélo ».

Cliquez sur « suivant ».

Dans « libellé » et « valeur interne » saisissez « homme ».

Cliquez sur « ajouter une option »

Puis recommencer pour les options « Femme » et « enfant ».

Cliquez sur le bouton « créer ».

La nouvelle propriété apparaît dans le formulaire.

Dans la zone de gauche, vous pouvez éditer les caractéristiques de la propriété pour par exemple la rendre obligatoire, ajouter une aide ou présélectionner des options.

Ajoutez également une propriété « type de vélo » sous la forme d’un menu déroulant et une propriété « nombre de vélo » de type nombre.

Nous allons maintenant créer un email de suivi du formulaire. Un email de suivi est un message ciblé envoyé au visiteur afin d’initier un contact avec lui.

Cliquez sur le menu « suivi ».

Puis cliquez sur le bouton « Créer un email de suivi »

Dans la ligne « ligne d’objet » saisissez l’objet du mail. Par exemple « merci de votre intérêt ». Dans le champ « corps », saisissez le texte du mail de suivi « Nous vous remercions pour l'intérêt que vous portez à nos produits.

Nous serons heureux de vous les présenter lors de ce salon. »

Cliquez sur le bouton « enregistrer ». Votre email de suivi est créé.

Cliquez sur le menu « options ».

Dans ce menu, vous pouvez choisir vers quelle destination sera redirigé le visiteur :

- Un message de remerciement

- Ou une autre page de votre site

Vous pouvez également choisir de créer un nouveau contact si l’email du visiteur n’est pas connu dans Hubspot ou ajouter un lien de réinitialisation du formulaire.

Dans le menu « style et aperçu » vous pouvez définir les couleurs de style du formulaire et pré-visualiser le formulaire.

Enfin cliquez sur le bouton « publier » pour créer votre formulaire et le rendre disponible au public.

Hubspot affiche le code html du formulaire ou le code d’intégration dans une page existante. Cela peut être utile pour réutiliser ce formulaire dans votre site internet si vous n’utilisez pas le CMS Hubspot.

Nous allons maintenant créer la landing page.

Etape 4 : créer la landing page

Dans le menu « marketing » choisissez « page de destination ». Hubspot affiche la liste des landing pages existantes. Celle-ci peuvent être organisées par dossier.

Cliquez sur le bouton « créer » pour commencer la création de votre landing page.

Choisissez un modèle qui vous convient. Vous pouvez également en acheter de superbes sur la marketplace Hubspot.

Puis nommer votre landing page et cliquez sur le bouton « créer un page ».

Vous êtes maintenant dans l’écran d’édition des landing pages.

Vous pouvez éditer le design de la page en glissant déposant des champs de la zone de gauche à la zone d’édition à droite. Mais également adapter les textes à votre besoin.

Dans la zone d’édition à droite, cliquez sur « form » dans le module formulaire.

Dans la zone de gauche, vous pouvez sélectionner le formulaire créé précédemment.

Le formulaire s’intègre dans la landing page.

Dans le menu « paramètres », saisissez le titre de la page. Attention ce titre est celui qui va être indexé par les moteurs de recherche. Il doit donc être clair et explicite.

N’oubliez pas de renseigner le champ méta-description car il est lui aussi important pour le SEO de votre landing page.

Notez que l’adresse de votre landing page reprend le domaine que nous avons connecté. Par défaut l’url de votre page reprend le titre mais il est possible de le modifier.

Cliquez sur le menu « optimiser » pour vérifier que votre page est conforme aux standards du SEO.

Cliquez sur « publier » pour rendre disponible votre page.

Nous allons maintenant étudier les statistiques de votre landing page.

Etape 5 : Statistiques et suivi de la landing page

Vous voici sur l’écran de suivi de votre landing page.

L’écran de suivi de la performance affiche les éléments suivants :

- Le nombre de vues de la page

- Le nombre de soumission du formulaire

- Le nombre de nouveau contacts créés

- Le nombre de client

- Les taux d’entrée et de sortie

L’écran SEO, affiche les liens entrants sur la page c’est à dire les pages sur le web référençant votre landing page. Ainsi que les liens internes de votre landing page, c’est les pages de votre site internet qui référencent votre landing page.

Vous avez maintenant créé votre landing page. Vous pouvez envoyer au département marketing l’url de la landing page pour qu’ils puissent l’utiliser dans leur campagne digitale.

La simplicité d’utilisation de l’outil HubSpot Landing Page vous accompagne dans le processus de conversion des visiteurs de votre site internet en lead qualifiés et en clients.

Pour optimiser votre taux de conversion, faites-en sorte que le message portait par votre landing page soit explicite : vous devez exprimer le mieux possible la valeur ajoutée de votre offre de produits et de services.

Maximisez et adaptez votre stratégie digitale en suivant les indicateurs de performances que vous fournissent les fonctionnalités d’analyses de HubSpot Landing Page.

Aller plus loin ?

PASS Services est partenaire certifié sur la solution Hubspot. Nous pouvons accompagner votre organisation dans la mise en œuvre de la solution et son intégration dans votre Système d’Information.