Logo Matha

Cours

Blog

Classement

Besoin d'aide ?

Rejoins-nous ! actifs

Infos pratiques

Coding Days devient Matha 🥳

En savoir plus
designmarketing digital

Comment créer une landing page avec Instapage ?

Créer sa landing étape par étape

Clémentine Coycault

Clémentine Coycault

Growth Hackeuse

ven. 23

octobre 2020

30mn

de lecture

🙌 Difficulté

À la portée du premier caneton venu ! Après une prise en main qui peut être un peu longue, tu pourras produire de nombreuses landing pages en un temps record !

📖 Introduction

Qu'est-ce qu'une landing page ?

Une landing page est une page de destination. Contrairement à un site classique, elle ne comprend qu'une seule page et cette page n'a qu'un seul objectif.

Quel est ton objectif ? Gagner des inscriptions, déclencher des achats, des prises de rendez-vous ?

Une landing = une action visiteur !

Une fois l'objectif défini, toute la landing page devra se focaliser uniquement sur cette action.

Sauf exception, on n'y trouvera donc pas l'histoire de l'entreprise, les FAQ, les mentions légales, le kit média...

Les must-have :

  1. Ton logo : si tu n'en as pas, jète un oeil à notre tuto
  2. Un CTA (call-to-action) : c'est l'action que tu veux déclencher auprès de l'internaute > inscris-toi à la newsletter, télécharge le document, prends rdv, télécharge le livre blanc...
  3. La proposition de valeur : en une phrase, qu'apporte ton produit / service à son utilisateur ?
  4. Un visuel : mise en scène de ton produit / service (vidéo, photo, visuel, pictogramme)
  5. Des preuves sociales : témoignage, “ils nous ont fait confiance”, use cases...
  6. Un argumentaire produit : quelles sont les principales informations de ton produit ?

Pourquoi l'outil Instapage ?

Instapage permet de réaliser des landing rapidement, de façon responsive, avec des design déjà optimisés des meilleures pratiques, actualisées par l'éditeur.

La plateforme permet d'intégrer facilement tous tes outils (formulaire d'inscription, CRM...)

🛠 Outils

Un seul must-have : Instapage (seulement en Anglais)

Des outils en ligne (gratuits !) pour t'aider dans la créa :

  1. Canva : créer des designs rapides en ligne
  2. Coolors : créer des palettes de couleur
  3. Pexels et Stockup : banque d’images HD libres de droit
  4. Flaticon : banque de pictos libres de droit
  5. Google Font : banque de typo libres de droit

🚧 Le Tuto

Etape 1 : crée ton compte

  • Profite de 14 jours de d'essai gratuit pour avoir accès à l'ensemble du plan "Business"

Etape 2 : sélectionne le template de ta page

Instapage propose des modèles pour tout type de page (webinar, e-book, lead generation...). Nous recommandons largement de partir sur l'un des templates proposés pour une prise en main de l'outil en douceur.

Tu pourras évidemment modifier tous les éléments que tu souhaites par la suite.

  • Create a new page
  • Choisir un template : tu arrives par défaut dans la sélection "all" qui présente l'ensemble des modèles. Sélectionne le type de page que tu souhaites créer pour accéder aux templates correspondants.
    • Clique sur "preview" pour avoir accès à l'aperçu du modèle
    • Lorsque tu es satisfait d'un template, clique sur "use this template" et nomme ta landing page

Etape 3 : édite ton template

  • Tu peux maintenant modifier tous les éléments que tu souhaites pour en faire la landing idéale !

    • Clique sur "edit design" : tu te trouves maintenant dans le mode édition d'Instapage
    • Tu retrouves dans la barre latérale tous les éléments que tu peux ajouter : titre, paragraphe, bouton, formulaire... Passe ta souris sur les pictogrammes pour savoir à quel élément il se réfère !
    • Le 1er pictogramme est "Instablock". Lorsque l'on créé un site, il doit être conçu en sections, blocs de contenu, qui apparaîtront de façon linéaire lorsque le visiteur scrollera (faire défiler verticalement) la page. Dans "block templates", tu pourras retrouver différents modèle de sections : headers, bénéfices produit, description produit, témoignages...
    • Par défaut, tu as l'ensemble des sections du template sur ton site. Si tu souhaites supprimer l'une des sections, double-clique dessus, sélectionne "more" et "delete block".
    • Pour redimensionner un élément, sélectionne-le en cliquant dessus, place ta souris sur la bordure bleue pour l'étirer.
    • Au sein du bloc, tu peux maintenant éditer chaque élément en double cliquant dessus.
    • Ajoute ton logo, call-to-action, proposition de valeur, visuels, preuves sociales, argumentaires... Tous les éléments que tu avais prédéfinis.
    • Pense à régulièrement sauvegarder ton projet en cliquant sur "save" en haut à droite.
    • Tu peux regarder ce rapide tuto pour voir comment modifier les différents éléments de la page : https://youtu.be/0eSMd9chInc?t=79

Etape 4 : paramètre le responsive de ta landing

  • Tu as édité ta page avec un aperçu "desktop", ordinateur. Tu dois maintenant t'assurer que la version mobile est adaptée au format de l'écran d'un téléphone.
  • De façon générale, moins tu auras apporté de modification au template, moins tu devras apporter de modification à la version mobile pour qu'elle soit responsive
  • Sélectionne "mobile" pour voir l'aperçu de ta page en version smartphone.
  • Tu peux maintenant apporter les modifications visuelles aux différents éléments si besoin.
  • Si tu souhaites qu'un élément n'apparaisse pas sur la version mobile, clique sur le picto en forme d'oeil "hide"

Etape 5 : crée différentes version pour l'AB test

  • Chaque landing correspondant à une action bien spécifique, il est intéressant de faire de l'AB test afin de l'optimiser.
  • Tu peux tout AB tester : ton visuel principal, ton choix des mots, tes CTA, l'ordre des sections, ton ciblage...
  • Pour réaliser l'AB test, tu feras plusieurs versions d'une même landing page. Sur chacune de ces versions, tu modifieras un seul élément.
  • Tu auras un seul lien pour tes différentes versions de la page, et c'est Instapage qui enverra les navigateurs sur l'une de tes différentes versions, afin de voir quelle version convertit le mieux.
  • De manière générale, on recommande de faire des AB test très différenciants au début d'un projet. Après un certain temps de test (au moins 1 semaine !), tu pourras choisir la version qui fonctionne le mieux, et créer plusieurs versions de cette page en la soumettant à des tests plus fins (choix des typo, couleur des boutons...)
  • Pour créer une nouvelle version, clique sur "create an AB test" puis "new variation". Ta version 1 est dupliquée en version 2, que tu peux modifier à ta guise.
  • En cliquant sur la flèche à droite de chaque nom de version, tu peux : la dupliquer, la renommer, la supprimer ou la mettre en pause.

Etape 6 : installe le tracking

  • Tu vas maintenant pouvoir installer le tracking avec Google Analytics pour suivre la performance de ta page
  • Clique en haut à gauche sur "exit builder" pour retourner sur tnon dashboard
  • Sélectionne "integrations" > analytics integrations pour lier ton landing à ta campagne Google Analytics.

Etape 7 : optimise le référencement SEO

  • Sélectionne SEO : indique le titre de ta page, les mots clés et la meta description pour un meilleur référencement de ta page

Etape 8 : paramètre ton nom de domaine

Etape 9 : range tes landings dans des dossiers

  • Crée des dossiers appropriés (campagne, produit, client...) pour classer tes différentes landings

Etape 10 : Tu n'as plus qu'à publier ta page et générer du trafic en créant des campagnes d'ads !

webinstapagelandingcreadesignsitewebsiteentrepreneurmarketing digital