Article

11min lecture

15 Templates Bootstrap Gratuits de Landing Pages

Aujourd’hui, les landing pages sont partout ! Difficile de faire un pas sur le Web sans tomber sur une page accrocheuse qui demande tour à tour notre adresse e-mail, un abonnement à un service ou une prise de contact.

C’est la réalité : le format des landing pages fonctionne et reste à l’heure actuelle un des meilleurs moyens de générer des leads qualifiés.

Pour autant, pas facile de s’y retrouver dans la jungle de solutions qui proposent de créer rapidement des landing pages.

Pour rappel, une landing page est une page de votre site internet sur laquelle vos visiteurs « tombent » ; spécialement conçue dans le but de convertir vers un but précis : une vente, un échange d’e-mail, une inscription, la lecture d’une vidéo…

À l’heure où l’A/B Testing est devenu incontournable et où l’on a besoin de tester rapidement ses idées, ses concepts et constater tout de suite si la réponse de nos visiteurs est bonne, les landing pages sont devenues l’outil indispensable pour générer des ventes rapidement.

Parce qu’on avait envie de vous faire gagner du temps, nous vous proposons une sélection de 15 Templates Bootstrap pour construire vos landing pages en deux temps trois mouvements.

Ah oui et bonus : tous ces templates bootstrap sont gratuits.

Si vous utilisez un CMS, nous avons aussi établi une sélection de templates de landing pages sous WordPress et listé d’autres exemples de design de landing pages.

REGNA

One page bootstrap landing page template

Regna est un template de landing page, basé sur Bootstrap, épuré et facile à personnaliser.

Idéal pour les agences de tout types et les business de services, il s’agit d’un site « one page » simple d’utilisation.

On apprécie le menu déjà constitué qui permet de customiser rapidement en fonction de son activité.

La présentation générale est claire et directe ce qui convient parfaitement aux entreprises qui souhaitent un site accessible qui va droit au but pour présenter ses services, ses clients, son équipe…

La navigation est fluide et parfaitement responsive sur tous les supports.

Pour pré-visualiser Regna

Pour télécharger Regna

SAILOR

Corporate bootstrap landing page template

Sailor est un template Bootstrap parfait pour les landing pages de business « Corporate ».

Le design est très facilement personnalisable et il possède de nombreuses fonctionnalités comme des animations de transition, des palettes de couleurs déjà pré-intégrées…

Parfaitement responsive sur toutes les plateformes, c’est le template idéal pour introduire son entreprise, son portfolio de clients, son histoire…

Pour pré-visualiser Sailor

Pour télécharger Sailor

Bell

Quick start your bootstrap landing page template

Bell est le thème polyvalent par excellence pour vous lancer rapidement dans la création de votre nouvelle landing page.

Facile à prendre en main et 100% mobile friendly, il s’adapte à quasiment tous les types de projets (hors e-commerce) tels que : les agences, l’immobilier, l’industrie, la construction, la finance, le consulting, les services (ménage etc..).

Le design est moderne et élégant et les animations de transition et de « scroll » sont finement mises au point. En somme : un must-have !

Pour pré-visualiser Bell

Pour télécharger Bell

MediLab

Bootstrap landing page template for medical industry

MediLab est un must-have pour les entreprises du secteur médical, les cliniques et toutes les activités liées à la santé et au médical.

Facile à customiser, ce template Bootstrap est 100% responsive et contient toutes les fonctionnalités nécessaires au secteur médicale : prise de rendez-vous, affichage des témoignages de patients, affichage des cartes (géographiques), des horaires…

Pour pré-visualiser MediLab

Pour télécharger MediLab

Laura

Bootstrap landing page template for photographs

Laura est un template particulièrement intéressant pour les photographes, les web-designers, les start-up et les entreprises qui souhaitent communiquer de façon visuelle en intégrant du story-telling sur leur landing page.

Le template Bootstrap est facile à prendre en main, personnalisable et mobile friendly, quelque soit le device.

On apprécie particulièrement le choix des couleurs (personnalisables) et la navigation fluide qui en font une landing page facile à naviguer et claire dans sa proposition de valeur.

Pour pré-visualiser Laura

Pour télécharger Laura

Maundy

Coming soon bootstrap landing page template

Maundy est un template de landing page spécialement conçu pour le « Coming Soon ».

Il est parfait lorsque vous travaillez sur un produit à venir (campagne de crowdfunding par exemple) mais que vous souhaitez tout de même disposer d’une landing-page pour récolter des adresses e-mail, des inscriptions…

Clair, simple et élégant, le template dispose d’une fonctionnalité de compte-à-rebours parfait pour annoncer la venue d’un événement ou la sortie de votre futur service/produit au grand public.

Pour pré-visualiser Maundy

Pour télécharger Maundy

Bethany

Modern bootstrap landing page template

Bethany est un template Boostrap facile à utiliser, moderne et minimaliste.

Il convient parfaitement aux web-designers, aux agences créatives et aux professions liées à la création, la photographie ou le développement.

Complet, il est 100% responsive et intègre des templates internes pour créer des formulaires, des boutons et une navigation personnalisée.

Pour pré-visualiser Bethany

Pour télécharger Bethany

Instant

Bootstrap landing page template for freelances

Instant est un thème WordPress Bootstrap parfait pour les freelances.

Simple et élégant, il contient 3 pages qui permettent de rapidement créer une page d’accueil, une page de contact ou de renseignements et une page de portfolio pour présenter vos créations.

Il est facilement personnalisable et permet aux freelances de disposer d’un « vrai » site vitrine pour leurs activités.

Pour pré-visualiser Instant

Pour télécharger Instant

Stylish Portfolio

Bootstrap landing page template for portfolio

Stylish Portfolio est un template ultra-moderne et design pour présenter ses créations.

Fluide et clair, ce template de landing page est idéal pour les agences de toutes sortes (web, photographies, design…) ainsi que les freelances souhaitant disposer d’une vitrine pour leurs créations.

100% responsive, il dispose d’un « scroll » amélioré grâce à JQuery et son footer intègre un module Google Maps parfait pour indiquer l’emplacement de ses locaux de façon visuelle à ses clients.

Pour pré-visualiser Stylish Portfolio

Pour télécharger Stylish Portfolio

New Age

Bootstrap landing page template for mobile app

New Age est le template Bootstrap parfait pour tous les créateurs d’applications mobiles.

Spécialement conçu pour présenter les fonctionnalités d’une App, le template est 100% mobile friendly et sa navigation est fluide et intuitive.

Il contient des boutons « AppStore » et « PlayStore » prêts à l’emploi ainsi que des call-to-actions pour inciter vos visiteurs à télécharger l’application.

Son design moderne et élégant est facilement personnalisable aux couleurs de votre App et vous pourrez intégrer votre logo et vos fonctionnalités rapidement.

En somme : un must-have pour toutes les entreprises basées sur une application mobile.

Pour pré-visualiser New Age

Pour télécharger New Age

Clean Blog

Bootstrap landing page template for blogging

Clean Blog est un template crée avec Bootstrap 4.

Parfait pour initier un blog, il possède des éléments facilement personnalisables et est 100% responsive.

Simple à modifier et à utiliser, ce template est l’atout parfait pour les bloggeurs qui souhaitent une base fiable et hautement modifiable pour lancer leur blog en ligne.

Complet, il contient un formulaire de contact en PHP avec fonction de validation de l’envoi et un footer avec des liens vers les réseaux sociaux déjà intégrés.

Pour pré-visualiser Clean Blog

Pour télécharger Clean Blog

Butterfly

Bootstrap landing page template for SaaS startup

Butterfly est un template ultra-complet destiné aux start-up et entreprises qui proposent des solutions software ou SaaS.

En plus de sa navigation fluide et sérieuse, le template intègre en une page des sous-pages de services, présentation du portfolio, de l’équipe et des témoignages clients.

Il contient des formulaires de contact prêts à l’emploi et de puissants designs de call-to-action pour attirer vos futurs clients.

Son design modern et élégant rend la présentation de votre offre ultra-claire et précise.

Pour pré-visualiser Butterfly

Pour télécharger Butterfly

Tempo

Bootstrap landing page template example

Tempo est un modèle de landing page simple mais efficace.

Facile à personnaliser, il contient des thèmes de couleurs faciles à changer et toutes les fonctionnalités qu’on attend d’une landing page efficace afin de présenter sa solution, ses services, ses clients et d’amener naturellement à la prise de contact.

Complètement responsive, il s’adapte bien aux plateformes tablettes et mobiles et inclut des fonctionnalités avancées comme des sliders d’images, etc.

Pour pré-visualiser Tempo

Pour télécharger Tempo

Company

Bootstrap landing page template for SMBs

Company est un template généraliste parfaitement adapté aux TPE/PME de toutes industries.

Facile à modifier, il est 100% responsive et vous permet de présenter aisément et avec beaucoup d’impact vos services.

C’est un bon choix pour des activités comme la plomberie, le droit, les services à la personne.

Il intègre des fonctionnalités avancées de prise de contact et permet de créer un blog interne et une page de news, parfait pour acquérir de nouveaux clients ou communiquer sur votre marque.

Pour pré-visualiser Company

Pour télécharger Company

Delicious

Bootstrap landing page template for restaurant

On ne pouvait pas terminer cet article sans laisser une solution fiable et facile à mettre en place pour les restaurateurs !

Delicious est le template parfait pour les restaurants, bars et entreprises liées à la restauration ou au vin.

Il fonctionne sous HTML 5, CSS 3 et BootStrap 3 et intègre des fonctionnalités avancer pour créer des effets dynamiques.

Créatif et moderne, son design élégant permet de recréer l’atmosphère de votre restaurant et de présenter aisément vos menus.

Une option payante (à 9€ à vie…) permet d’intégrer un module de réservation parfaitement fonctionnel sous PHP/Ajax.

Pour pré-visualiser Delicious

Pour télécharger Delicious

Vous avez trouvé votre template idéal de landing page ? Faites-le nous savoir dans les commentaires ci-dessous. Et surtout n’oubliez pas que quel que soit le template retenu, il est impératif de le tester pour savoir s’il impacte positivement vos conversions.

Si vous n’êtes pas familier avec l’A/B testing, téléchargez notre livre blanc dédié au sujet.

Article

17min lecture

Les Meilleurs Outils de Création de Landing Page en 2021

En 2021, l’ère du “trafic à tout prix” est révolue. Tout l’enjeu du marketing digital réside aujourd’hui dans l’acquisition de leads et de visiteurs qualifiés dans le but de maximiser la conversion des visiteurs en ventes (ou en prospects).

Pour cela, les digital marketers utilisent depuis quelques années déjà un concept que l’on appelle “landing page”.

Définition : une landing page est une page d’un site internet spécialement conçue pour cibler un type de visiteurs en particulier selon des critères spécifiques de démographie, d’intérêts et de comportement d’achat. Son but est d’attirer le plus efficacement des leads (en B2C comme en B2C) et de maximiser la conversion des visiteurs en acheteurs.

Une landing page est donc une page où “atterrissent” vos prospects et visiteurs : son rôle est ensuite de les convertir en clients en appliquant un ensemble de bonnes pratiques que nous avons traitées dans 2 de nos articles dédiés :

Si l’on parle beaucoup de ce que doit contenir une landing page ou comment designer une telle page, on trouve plus rarement des ressources qui traitent de comment créer sa landing page le plus efficacement possible et à moindres coûts.

Rassurez-vous, il existe bien plusieurs outils qui permettent de créer facilement vos landing pages de A à Z.

Qu’est-ce qu’un outil de création de landing page

Les outils de création de landing page se présentent la plupart du temps sous la forme d’un “SaaS” (Software as a Service) qui permet de créer de toutes pièces des landing pages personnalisées en ligne.

Plutôt qu’engager un développeur chargé de designer et programmer une page web, l’idée consiste ici à créer soi-même ses landing pages à l’aide de cet outil qui permet de concevoir et publier des pages web sans connaissances approfondies en programmation.

Les outils de création de landing pages permettent donc un gain de temps considérable et disposent surtout de nombreux templates sur lesquels vous pouvez vous baser pour concevoir votre futur page.

Voici le fonctionnement général d’un outil de création de landing page :

  1. Sélection du template
  2. Personnalisation
  3. Ajout de fonctionnalités
  4. Publication

Le but d’une telle solution est donc de créer des pages spécifiques (dites “landing pages”) afin de les ajouter à vos campagnes de marketing digitales dans le but de les faire correspondre avec les audiences que vous ciblez.

Un exemple concret :

Imaginons que vous représentiez une entreprise en B2B qui commercialise des applications mobiles à destination des entreprises.

Vous savez que votre clientèle se divise habituellement en 3 secteurs :

  1. L’immobilier
  2. La finance
  3. Le tourisme

À l’heure actuelle, vous ne possédez qu’un seul site internet (et une seule page d’accueil) sur laquelle vous faites atterrir tous vos visiteurs et prospects.

Problème : vous ne savez pas comment s’adresser à ces 3 cibles en même temps car elles ont chacune des problèmes et des besoins différents.

Solution : vous utilisez un outil de création de landing pages pour créer 3 pages différentes et personnalisées pour cibler vos 3 cibles que sont les entreprises du tourisme, de la finance et de l’immobilier.

Résultat : vos taux de conversion s’améliorent car vous envoyez des visiteurs et des prospects qualifiés sur la landing page qui a été créée spécifiquement pour répondre à leurs questions. Vous obtenez plus de leads et les convertissez mieux.

À ce stade, vous pensez sûrement qu’un outil de création de landing page pourrait vous faire gagner du temps et de l’argent et vous permettre de mieux qualifier vos leads en amont.

Mais un problème persiste : quel outil de création choisir ?

Il existe en effet une multitude de logiciels en ligne de création de landing pages parmi lesquels il est difficile de faire son choix avant de les avoir essayés soi-même.

Pour vous faire gagner du temps et vous orienter vers l’outil de création qui vous conviendrait le mieux, AB Tasty a sélectionné 5 des meilleurs outils de création de landing page en 2018 que nous considérons parmi les plus performants du marché.

Pour créer notre analyse, nous nous sommes basés sur un ensemble de 4 critères que nous avons étudiés chez chacune des solutions.

La prise en main de l’éditeur

Il s’agit de présenter la facilité avec laquelle l’éditeur de pages peut être utilisé. Certaines solutions nécessitent plus de connaissances et de pratiques que d’autres et nous pensons qu’il est utile de vous le communiquer.

Les prix et les abonnements

Tous les outils ne se valent pas et ne se vendent pas au même prix : nous présentons les prix de ces solutions qui fonctionnent souvent sous la forme d’un abonnement mensuel ou annuel.

L’éventail des fonctionnalités

Lorsque vous créez votre landing page, vous voulez avoir le choix de personnaliser à votre guise votre future page. Nous nous penchons sur les possibilités de personnalisation et les différentes fonctionnalités que mettent ces solutions à votre service.

Le choix parmi les templates

On ne naît pas tous graphistes : beaucoup d’entrepreneurs(ses) ont besoin d’inspiration pour créer leur page et c’est normal ! Nous vous présenterons le choix des templates et leur prix pour chaque solution.

NOTE : notre sélection d’outils de création de landing page ne reflète pas un classement. Nous considérons que les 5 outils présentés ont chacun leurs forces et leurs faiblesses et peuvent s’adresser à des profils d’utilisateurs différents.

Les 5 meilleurs outils de création de landing page en 2018

1. Unbounce

Unbounce Landing Page Builder

Assurément une des solutions les plus complètes de création de landing pages, Unbounce est un incontournable du secteur.

Sa solution ultra-complète s’adresse aussi bien à programmeurs expérimentés qui veulent gagner du temps que des entrepreneurs qui souhaitent créer rapidement une ou plusieurs landing pages 100% personnalisées.

Prise en main de l’éditeur

Unbounce Drag & Drop Editor

L’éditeur de Unbounce fonctionne grâce à un système de “drag and drop”. Il fait partie des éditeurs les plus complets que vous puissiez trouver sur le marché et intègre de nombreuses fonctionnalités avancées d’ajout d’éléments de prise de contact et de personnalisation. Vous disposez également de la possibilité de rajouter votre propre HTML-CSS si vous en avez besoin.

Éventail des fonctionnalités

D’emblée, Unbounce s’impose comme une des solutions les plus complètes du marché. L’outil de création de landing pages se focalise sur l’optimisation de la conversion avec l’ajout de pop-up, de sticky bars et de nombreuses possibilités de création de formulaires visuellement attractifs.

Unbounce s’intègre parfaitement avec WordPress ce qui permet de publier ses pages en quelques minutes. On apprécie également le design complètement responsive et les options de parallax, vidéo en fond d’écran et les nombreux widgets proposés.

Unbounce intègre une solution d’A/B Testing avec son outil de création de landing page qui permet de couvrir les basiques de l’A/B Testing lors de campagnes marketing.

On apprécie également son intégration avec Google Adwords ainsi que les principaux CRM que sont Salesforce, Zapier, Marketo, Hubspot, etc…

Choix des templates

Unbounce propose un accès à une galerie de 125 templates responsive et adaptés à de nombreux secteurs d’activités.

En supplément, Unbounce propose d’accéder à la galerie de Themeforest qui contient 200 templates Unbounce additionnels, accessibles pour la plupart autour des 20€.

Prix et abonnements

Unbounce Plans & Pricing

Unbounce propose 3 formules d’abonnements mensuels (avec une réduction pour les achats facturés à l’année) distinctes qui vous permettent d’ajuster vos besoins à votre budget à partir de 79$/mois.

Entre les 3 abonnements, on constate que c’est essentiellement le nombre de landing pages et de pop-ups que l’on peut créer qui varie. Pour les agences, la possibilité de créer des sous-comptes clients n’est accessible qu’à partir de la formule Premium.

Bien qu’Unbounce fasse partie des solutions les plus chères du marché, le rapport qualité-prix obtenu en reste fortement intéressant.

2. LeadPages

Leadpages Landing Page Builder

LeadPages est une solution largement utilisée par les créateurs de landing pages pour une bonne raison : il s’agit d’un des outils de création de landing pages les plus abordables du marché qui offrent pourtant de nombreuses fonctionnalités et un large éventail de templates sur lesquels les entrepreneurs et marketers se basent pour personnaliser leurs pages.

Prise en main de l’éditeur

Leadpages Drag & Drop Editor

L’éditeur de LeadPages est clair et intuitif : c’est un éditeur que l’on prend facilement en main et avec lequel on arrive rapidement à des résultats probants.

Il fonctionne grâce à un système de drag and drop qui ne nécessite pas de connaissances approfondies en programmation et qui permet d’ajouter rapidement de nombreux éléments : titres, images, vidéos, formulaires, boutons…

Éventail des fonctionnalités

Avec LeadPages, vous obtenez de nombreuses fonctionnalités à chacun des différents abonnements proposés.

On apprécie l’intégration rapide des modules de paiement et de réservation utilisés par de nombreuses entreprises et la possibilité d’ajouter des pop-ups et des formulaires personnalisés.

Bien que toutes les formules d’abonnements ne le proposent pas, LeadPages s’intègre également avec les principaux CRM que sont Hubspot, Salesforce et Marketo.

Comme pour Unbounce, un plugin WordPress permet d’intégrer LeadPages rapidement avec le CMS. On apprécie également la présence d’un éditeur de campagnes publicitaires Facebook.

Leadpages intègre une solution basique d’A/B Testing accessible à partir de leur formule “Pro”.

Choix des templates

LeadPages propose environ 160 templates accessibles gratuitement avec la possibilité d’acheter d’autres templates payants qui intègrent des fonctionnalités plus poussées.

Prix et abonnements

Leadpages Plans & Pricing

Accessible dès 25$/mois avec un paiement annuel, LeadPages s’impose comme une des solutions les plus abordables pour la création de landing pages.

On remarque cependant que de nombreuses fonctionnalités ne sont pas accessibles avec la version “Standard” et qu’il faudra donc passer sur une version “Pro” ou “Advanced” pour intégrer LeadPages avec des CRM ou encaisser des paiements.

3. GetResponse

Getresponse Landing Page Builder

GetResponse est une solution complète de marketing qui outre un module d’email marketing, intègre aussi un outil de création de landing pages.

Accessible à partir de 15$/mois, GetResponse propose plusieurs “packages” dont les prix peuvent cependant atteindre plus de 1000$ par mois.

Prise en main de l’éditeur

Getresponse Drag & Drop Editor

L’éditeur de GetResponse fonctionne sous la forme d’un drag-and-drop intuitif et efficace. On regrette cependant que de nombreuses fonctionnalités ne soient accessibles qu’à partir des abonnements “Pro” et “Max”.

On apprécie la facilité avec laquelle des vidéos peuvent être ajoutées et la possibilité d’ajouter un moyen de paiement grâce à PayPal.

Éventail des fonctionnalités

Avec GetResponse, on est assez rapidement limités si l’on ne passe pas à la formule “Pro” : vous ne pouvez créer qu’une seule landing page en formule “basic”, ce qui permet cependant de tester l’outil en profondeur avant de souscrire à une offre plus complète.

On apprécie l’accès à une bibliothèque de plus de 1000 images en accès gratuit ainsi que la présence d’un éditeur de photo intégré à la solution.

Du côté des fonctionnalités complémentaires, GetResponse propose également des outils d’e-mail marketing et de marketing automation en intégrant certaines fonctionnalités d’AB Testing.

Getresponse s’intègre avec plusieurs CRM et outils dont Adwords, KISSmetrics, Facebook & Tag Manager.

Choix des templates

GetResponse propose plusieurs centaines de templates gratuits inclus avec leurs abonnements : les templates sont responsive et classés par utilisations : “opt-in”, page de ventes, page de téléchargement… toutes les possibilités de landing pages sont couvertes.

Prix et abonnements

Getresponse Plans & Pricing

Bien que les abonnements commencent à 15$/mois, ce n’est qu’à partir de l’offre “Pro” à 49$/mois que les possibilités de création de landing pages deviennent réellement intéressantes.

4. Instapage

Instapage Landing Page Builder

Si Instapage peut se différencier des autres outils de création de landing pages, c’est bien sur la rapidité et la déconcertante facilité d’utilisation de leur outil.

Bien que l’éditeur soit plus basique que d’autres comme celui d’Unbounce, Instapage est une solution puissante pour les entrepreneurs et marketers qui désirent créer des landing pages en quelques minutes.

C’est donc un outil particulièrement bien adapté aux personnes qui souhaitent une solution rapide, puissante et abordable pour créer des landing pages.

Prise en main de l’éditeur

Instapage Drag & Drop Editor

L’éditeur d’Instapage fait partie des meilleurs du marché grâce à sa prise en main rapide et efficace.

Sur le même système de drag-and-drop, les utilisateurs peuvent ajouter à leur guise des formulaires, titres, images et vidéos en les faisant glisser vers l’éditeur.

Éventail des fonctionnalités

Moins complet sur certains aspects qu’Unbounce, on apprécie la puissance de l’éditeur, l’accès à une large librairie de photos gratuites et la clarté des rapports d’analyse de performances d’Instapage.

On notera cependant que les fonctionnalités d’AB Testing ne sont pas accessibles avec la formule d’entrée de gamme.

Choix des templates

Instapage donne accès à un choix parmi environ 200 templates responsive adaptés à la plupart des utilisations courantes. Les templates sont également classés par utilisation ce qui permet de gagner du temps et de faire son choix parmi des options pertinentes.

Prix et abonnements

Instapage Plans & Pricing

Pour le nombre de fonctionnalités proposés, les prix d’Instapage sont dans la moyenne et offrent un large choix en fonction de vos besoins. On note cependant que les fonctionnalités d’A/B Testing et de heatmaps ne sont accessibles qu’à partir de l’offre “Optimizer” bien que les fonctionnalités principales de création de landing pages soient accessibles dès le premier package.

5. Wishpond

Whispond Landing Page Builder

Wishpond est une autre solution assez complète qui permet (en plus des landing pages) de créer du contenu social, des pop-ups et de mettre en place certaines fonctionnalités de marketing automation sur ses landing pages.

D’emblée, on apprécie la possibilité de créer un nombre illimité de landing pages même avec la formule basique : c’est sur le nombre de leads générés que se basent les formules d’abonnement supérieures.

Prise en main de l’éditeur

Whispond Drag & Drop Editor

L’éditeur de Wishpond permet de modifier des templates préalablement sélectionnés sur un modèle de drag-and-drop. Il n’est cependant pas aussi complet que ceux d’Instapage et d’Unbounce bien que les fonctionnalités principales permettent de créer des landing pages professionnelles.

Éventail des fonctionnalités

Wishpond permet d’accéder à l’essentiel des fonctionnalités recherchées dès le premier “package” : l’outil permet de créer un nombre illimité de landing pages, de campagnes e-mail et de pop-ups tout en n’imposant aucune restriction sur le nombre d’utilisateurs : un cas unique dans notre sélection d’outils.

Wishpond s’intègre également avec de nombreux autres outils tels que Zapier, Salesforce, Surveymonkey, Infusionsoft ou encore Slack.

Choix des templates

Comme ses concurrents, Wishpond permet d’accéder à un catalogue d’une centaine de templates responsive adaptés à de nombreux secteurs d’activités.

Prix et abonnements

Whispond Plans & Pricing

Accessible à partir de 49$/mois avec un essai gratuit de 14 jours, l’offre “Starting Out” de Wishpond est sûrement une des plus complètes du marché pour les utilisateurs qui souhaitent créer un nombre illimité de landing pages à moindre coût.

Sur ce point, Wishpond fait évoluer ses différents packages différemment de ses concurrents : l’offre d’entrée de gamme vous limitera à 1000 leads générés tandis que vous devrez passer à une offre supérieure si vous souhaitez acquérir plus de leads : un modèle étonnant mais séduisant !

6. Mailchimp

A noter également que la solution d’envoi d’emails Mailchimp vient également de lancer sa propre solution de création de landing page. A l’heure où nous écrivions ces lignes, nous n’avions pas eu l’occasion de tester l’outil mais cela peut s’avérer une option sérieuse si vous utilisez déjà leur solution de newsletter ou d’email transactionnel et souhaitez une solution intégrée.

Outils de création de landing pages ou solution complète d’A/B Testing : que choisir ?

Si vous lisez cet article, c’est que la création et l’optimisation de landing pages sont des problématiques importantes pour vous ou votre entreprise.

Parfaits pour les débutants ou les agences qui ont besoin de créer de nombreuses pages ex-nihilo, des outils comme Unbouce, Instapage ou Leadpages permettent de créer efficacement des nouvelles landing pages en s’inspirant de templates : une solution DIY et rapide qui permet d’obtenir des résultats concrets en quelques heures.

Pour les entreprises qui souhaitent optimiser des pages déjà en ligne, ces outils ne sont pas adaptés : ils ne permettent pas de modifier des pages déjà publiées et vous permettent seulement d’en créer des nouvelles à l’aide d’un éditeur drag-and-drop.

Autre limite des landing page builders, vos pages nouvellement créées sont hébergées par l’éditeur de la solution ce qui a des effets néfastes sur la capacité de votre landing page à se référencer sur Google.

Pourquoi préférer une solution complète d’A/B Testing ?

Contrairement aux solutions toutes-en-un des outils de créations de landing page, les solutions complètes d’A/B Testing comme AB Tasty permettent de modifier des pages existantes et déjà mises en ligne dans le but d’en optimiser la conversion.

Lorsqu’on utilise un page builder, on cherche avant tout à créer de nouvelles pages pour cibler une audience particulière : les outils de création de landing pages sont donc tout à fait adaptés à cet usage et permettent de réellement gagner du temps.

Lorsqu’on cherche à analyser ses propres pages et à les optimiser, une solution comme AB Tasty permet d’obtenir des insights et une profondeur d’analyse que les outils de création de landing page ne permettent pas d’obtenir.

Entre autres, voici quelques fonctionnalités que les outils de création de landing pages ne proposent pas et qui vous sont accessibles avec AB Tasty :

User Insights

  • Enregistrement de sessions : visualisez vos utilisateurs interagir sur votre site et analysez leur comportement en vidéo.
  • Cartes de chaleur : utilisez des cartes de chaleur pour visualiser l’interaction de ces visiteurs.

A/B Testing

  • Fonctionnalités avancées d’A/B testing : tests multivariés ou encore tests de tunnels de vente où vous ne testez plus une seule page mais une succession de pages dans le parcours clients.
  • Tests A/B côté serveur ou encore compatibles avec les frameworks JavaScript comme Angular ou React.
  • Ciblage avancé : utilisez plusieurs dizaines de paramètres pour cibler les audiences affectées à un test A/B. Vous pouvez aussi étendre ces critères en connectant vos outils tiers (ex: Data Management Platform, Data Onboarding).
  • Analyses et statistiques avancées : les outils dédiés à l’A/B testing proposent des algorithmes d’analyse des résultats bien plus fins que les solutions embarquées par les outils de création de landing pages dont ce n’est pas le coeur de métier.

Personnalisation des contenus

  1. Segmentation des audiences : divisez vos audiences par cible et intérêts pour décomposer les comportements de chacun.
  2. Adressez des messages différents à chacun des profils de vos clients grâce à des messages personnalisés.
  3. Marketing prédictif : exploitez votre data et utilisez les algorithmes de machine learning pour anticiper le comportement de vos futurs clients.

Besoin de prendre le contrôle et de décupler la conversion de vos landing pages ? Découvrez nos solutions complètes d’optimisation de landing pages.

Article

16min lecture

Exemples des Meilleurs Design de Landing Page

Si vous gérez un site Internet (ou que vous prévoyez de le faire), alors vous savez à quel point il est peut-être difficile de convaincre un visiteur de rester sur votre page et encore plus de le convaincre d’acheter ! Le design de votre landing page joue un rôle important.

Comment choisir le design de sa landing page ?

Conçues dans le but de convertir vos visiteurs en leads ou clients, les landing pages sont des pages dont le design est travaillé pour focaliser l’attention des visiteurs sur votre proposition de valeur dans le but de les amener à réaliser une action que vous aurez déterminée auparavant : l’achat d’un produit, le remplissage d’un formulaire ou encore la participation à un essai gratuit.

Mais parmi toutes les offres disponibles et tous les concurrents qui existent sur le marché : il peut être difficile de se distinguer des autres.  Pour cela, il vous faut créer une landing page percutante et persuasive, spécialement adaptée à votre secteur d’activité.

Parce que nous savons qu’il peut être difficile de trouver l’inspiration avant de se lancer dans le design de votre future landing page, nous avons sélectionné pour vous dix landing pages modernes et efficaces qui convertissent.

Si vous vous posez des questions sur les landing pages et que vous souhaitez en apprendre davantage avant de vous lancer, consultez tous nos articles dédiés aux landing pages avec définition, bonnes pratiques et exemples concrets ou encore notre post sur les meilleurs outils pour créer une landing page.

Ces exemples sont tirés de sites que vous pouvez consulter. Bien évidemment, aucune de ces landing pages n’est parfaite : la perfection n’existe pas et c’est à vous d’adapter votre design aux exigences de vos clients. Nous vous conseillons également d’A/B tester différents design pour vos landing pages.

Arrêtez d’optimiser votre site sur la base d’intuitions ! Cliquez-ici pour mettre en place une vraie méthodologie d’optimisation basée sur la donnée !

10 exemples des meilleurs design de landing pages

LeadQuizzes

LeadQuizzes est une société spécialisée dans la vente de « quiz » conçus pour capturer des « leads ».  On remarque d’emblée la vidéo explicative (très bien conçue) du service qui répond aux questions basiques telles que :

  • À quoi ça sert ?
  • Suis-je concerné ?
  • Qu’est-ce que cela m’apporte ?

Deuxièmement, le call-to-action orangé détonne du reste de la page et invite très clairement au clic : « Try it Free » nous rassure sur le fait que nous ne payerons pas d’emblée et qu’il existe un essai gratuit. En savoir plus sur l’optimisation des call-to-action.

La preuve sociale est flagrante et bien mise en valeur : les références sont des acteurs connus du marché et le texte indique que plus de 3 millions de leads ont été générés via LeadQuizzes : ça donne envie !

Design Landing Page Lead Quizzes

Design Landing Page Social Proof

La suite de la landing page ne déçoit pas non plus : elle est construite autour de l’éducation du visiteur à l’utilité du produit.  Le but : convaincre avec une (grande) page que le service de LeadQuizzes est performant et utilisé par les grands acteurs du digital.

Design Landing Page Lead Quizzes Social Proof

La preuve sociale est fortement mise en valeur sur la landing page de LeadQuizzes. Elle répond à des questions concrètes et tangibles qui concernent les potentiels acheteurs :

  • Combien de ventes supplémentaires vais-je réalise ?
  • Combien de nouveaux prospects puis-je capturer ?

GrowthHackers

GrowthHackers est une société qui commercialise un logiciel qui augmente la productivité des équipes marketing et coordonne les actions de « business development » ainsi que les nouvelles idées des équipes innovantes.

Similaire à LeadQuizzes, le call-to-action orangé se démarque agréablement du reste des couleurs de la page et invite à l’action. Nous sommes également invités à un « essai gratuit » qui permet de rassurer un grand nombre de visiteurs qui ne seraient pas prêts à payer avant d’avoir été convaincus de l’utilité du service.

Landing Page Design Growth Hackers

La landing page se prolonge avec une navigation sous la forme d’un menu déroulant qui répond aux principales questions que se posent les potentiels utilisateurs de GrowthHackers Project.

  • « Pourquoi utiliser le service ? »
  • « Pourquoi les cadres aiment-ils le logiciel ? »
  • « Pour qui est ce service ? »

On remarque également qu’une bulle de « chat » est disponible pour poser des questions : une fonction bien utile lorsqu’on est indécis ou qu’une question nous taraude.

Landing Page Design Growth Hackers

Quant à la preuve sociale, elle est mise en valeur de deux façons :

  • On voit qu’une « communauté » existe autour du service.
  • On voit que de nombreuses personnes utilisent le service et sont actives dans la communauté.

On pourrait cependant reprocher que les nombres ne sont peut-être pas assez visibles.

Landing Page Design Growth Hackers

ElegantThemes

ElegantThemes est une entreprise spécialisée dans la vente de templates ou « thèmes » WordPress et commercialise également un « builder » appelé Divi, qui permet de créer visuellement des pages sous WordPress. A ce sujet, consultez nos exemples de templates de landing pages pour WordPress.

On remarque d’emblée la preuve sociale : c’est le premier élément mis en avant qui vient rassurer le visiteur sur la popularité du service : plus de 400.000 utilisateurs selon le site.

Landing Page Design Elegant Themes

On remarque ensuite que la proposition de valeur est double et que deux call-to-actions séparés ont été créés pour l’occasion : un pour découvrir les templates prêts à l’emploi et un autre pour découvrir les Plugins de la marque.

Autre élément intéressant : on voit apparaître sur le côté droit inférieur une bulle de conversation prête à répondre aux questions qu’un visiteur pourrait se poser.

Le module de chat est particulièrement intéressant puisqu’il permet également d’envoyer des pièces-jointes, Emojis et GIFs ce qui ne peut que renforcer la richesse de l’interaction.

Design Landing Page Divi Builder

En naviguant sur la landing page, les visiteurs se voient offrir la possibilité d’essayer en « live » une démonstration du Builder Divi. Il s’agit d’une proposition de valeur conséquente et très convaincante puisque les utilisateurs peuvent découvrir directement le produit, sans payer ni même s’inscrire.

Example Landing Page Design

Plus bas dans la landing page, la preuve sociale est remise en avant et le paragraphe contient un élément destiné à rassurer les potentiels acheteurs : une offre de remboursement valable 30 jours.

De plus, le call-to-action rouge-rose vient contraster avec le fond bleu de la page, renforçant l’effet de curiosité : on est visuellement attirés vers le bouton placé en position centrale sur la page.

Shopify

Shopify est un CMS qui permet de créer rapidement et simplement des sites e-commerce sans connaissance en programmation. Ils se démarquent par leurs nombreuses ressources mises à la disposition des utilisateurs (guides, vidéos, podcasts, forums) ainsi que des services additionnels complémentaires à leur cœur d’activité : magasin de « thèmes » prêts à utiliser, librairie de photos gratuites…

Sur la landing page, la proposition de valeur est tout de suite mise en avant : « the e-commerce platform made for you ».  L’idée est donc de d’adresser à une clientèle large, souvent indépendante comme en témoigne la photo d’illustration.

Particularité de cette landing page, le call-to-action contient un champ pour l’adresse e-mail. Ce champ est donc la condition d’accès à l’essai gratuit de 14 jours proposé juste en dessous qui précise qu’aucune carte bancaire n’est requise pour l’essai : c’est un argument majeur.

La suite de la landing page met l’accent sur les caractéristiques du service de Shopify.

Grâce à des illustrations uniques et la bonne utilisation de courts paragraphes, l’entreprise présente les fonctionnalités et les bénéfices tirés de l’utilisation de Shopify dans le but de convaincre les visiteurs de passer sur l’essai gratuit voire d’acheter l’abonnement mensuel.

Argument majeur dans le secteur des CMS, l’utilisation massive du service est mise en valeur grâce à deux éléments :

  • la représentation graphique du nombre d’utilisateurs et des revenus générés
  • des témoignages de vrais clients dont les sites sont en ligne.

L’idée est de créer un sentiment de mimétisme dans l’esprit des visiteurs : « si 1.000.000 de personnes utilisent Shopify et créent de vraies boutiques sans programmer ; alors moi aussi je peux le faire ».

Salesforce

On ne présente plus Salesforce. Roi du « CRM » (Customer Relationship Management), la société américaine possède plusieurs landing pages particulièrement travaillées qui méritent le coup d’œil.

Design Landing Page Salesforce

La première chose qui saute au regard est le travail des illustrations et des couleurs. Un aperçu des solutions sur Ordinateur-Tablette-Mobile est présenté sur un fond qui inspire le calme et la sérénité.

On remarque également que deux call-to-action sont présents sur la partie supérieure gauche au-dessus de la ligne de flottaison : un premier pour une démonstration et un deuxième pour un essai gratuit.

Aillant un positionnement double, Salesforce propose également une solution pour les grandes entreprises, dont le call-to-action est placé à droite de l’essai gratuit : pratique pour éviter de perdre de potentiels leads issus de grands groupes.

Subscription Form Design Landing Page Salesforce

Lorsqu’un visiteur clique sur un des call-to-action, il passe de la page d’accueil à une landing page créée spécifiquement pour convaincre un maximum de personnes de s’inscrire à l’essai gratuit.

Parmi les éléments marquants, on remarque :

  • Le rappel de la proposition de valeur « 30 jours d’essai gratuit »
  • La mise à disposition d’un service d’assistance téléphonique
  • La mention « aucun téléchargement, aucun logiciel » en majuscules
  • La preuve sociale avec l’insertion des logos de références connues
  • Une inscription simplifiée via Google+, Facebook & LinkedIn

Neil Patel

Neil Patel est un consultant en marketing digital qui possède une très forte notoriété aux États-Unis et dans le monde. Son site reçoit plusieurs millions de visites par mois grâce à une stratégie de contenu accessible et de nombreuses ressources créées pour ses visiteurs : articles de blog, vidéos sur YouTube, guides pratiques…

Neil Patel Design Landing Page

Ce qui frappe en premier sur le site de Neil Patel, c’est son approche décomplexée et franchement directe sur la question.

Le thème couleur est extrêmement simple et joue sur le contraste entre le fond orangé et le texte blanc. L’idée : poser une question directe, simple et courte aux visiteurs afin de les engager au maximum.

On constate également que la landing page propose d’emblée (au-dessus de la ligne de flottaison) un champ conçu pour réaliser une analyse de votre site en direct : c’est une démonstration de force qui amène le visiteur à découvrir par lui-même ce qui pourrait être amélioré sur son site.

Design Landing Page Benefits Neil Patel

La particularité du site de Neil Patel, c’est que presque toutes les pages sont conçues sur le modèle d’une landing page avec un seul objectif : convertir le maximum de visiteurs.

La page « Services » par exemple (au-dessus) affiche un long texte qui agit comme une preuve d’autorité sur les visiteurs. Elle expose donc ce que Neil peut faire pour vous mais également ce qu’il a réussi à faire (voir en dessous) et les clients pour lesquels il a travaillé.

Design Landing Page Proof Neil Patel

L’approche est toujours très directe et focalisée sur les résultats et bénéfices.

L’idée de Neil est de prouver par A+B qu’il est compétent pour vous aider à améliorer votre référencement.

Neil Patel Call to Action Design Landing Page

Toujours sur la même page « Services », le call-to-action n’arrive ici qu’à la fin (et on peut se demander si c’est une bonne idée ?). Il est structuré en plusieurs étapes qui invitent le visiteur à renseigner ses informations afin d’être contacté ultérieurement.

UpWork

UpWork est une plateforme de freelances mondialement connue. Elle permet aux entreprises de trouver rapidement de la main d’œuvre qualifiée pour des missions diverses et permet aux indépendants de s’inscrire sur la plateforme pour proposer leurs services.

Design Landing Page Upwork

Sur la page d’accueil, on remarque d’emblée que la charte graphique est claire et que c’est l’aspect « professionnel » qui est mis en avant. De façon intéressante, la tagline choisie ne s’adresse pas aux freelances mais bien aux entreprises.

Le ton est direct, efficace et clair : on comprend instantanément la proposition de valeur : sous-traiter du travail de façon efficace.

Le call-to-action est placé sur le côté gauche au-dessus de la ligne de flottaison. Sa couleur verte le distingue du reste de la landing page et il est constitué d’une barre de recherche qui sert à indiquer le type de travaux que les visiteurs cherchent à externaliser. Si l’on paye attention aux détails, on remarque que le fond utilisé est en réalité un témoignage client dont on peut visionner l’histoire : c’est très percutant !

Design Landing Page Upwork

La suite de la landing page est assez classique : elle détaille les différents services proposés par les freelances et fait découvrir les offres payantes destinées aux utilisateurs.

CodeCombat

CodeCombat est un exemple intéressant. Il s’agit d’un jeu éducatif qui permet aux enfants (et aux moins jeunes) d’apprendre à programmer à l’aide d’un jeu vidéo. Le principe est simple : on programme soi-même son avancée dans le jeu.

Code Combat Landing Page

Le premier point intéressant de la landing page de CodeCombat est que la cible est double : elle vise à la fois les enseignants (qui souhaitent l’utiliser en classe) et les enfants (qui découvrent par eux-mêmes ou grâce au bouche-à-oreille).

L’accent de la landing page est donc mis sur la pédagogie et sur la simplicité d’utilisation du programme. On remarque donc un double call-to-action : un pour les enseignants et un pour les enfants/joueurs.

Design Landing Page Code Combat

La suite de la landing page présente les avantages et bénéfices tirés de l’utilisation de CodeCombat ainsi que des captures d’écran pour rendre plus « tangible » le service.

Testimonial Design Landing Page Code Combat

De façon assez classique, la suite reprend les points forts du service et inclut un témoignage client adapté à la cible : celui d’un directeur d’école.

MailChimp

MailChimp est une entreprise de marketing et d’emailing automatisé extrêmement populaire. Leurs services sont utilisés massivement pour créer des campagnes e-mails, marketing et des newsletters depuis des sites e-commerce.

De façon aussi directe que Neil Patel, la landing page est extrêmement claire et directe : elle s’adresse aux visiteurs d’une manière franche tout en restant vague : « Build your brand, Sell more stuff. ».

Cela permet à MailChimp de s’adresser de façon globale aux visiteurs en évitant d’en exclure une trop grosse partie d’emblée.

La proposition de valeur est simple au possible : construire sa marque, vendre davantage.

Cette approche directe et décomplexée est répandue auprès des solutions SaaS (Software as a Service) : le but est de parler directement aux chefs d’entreprises de toutes tailles en allant droit au but.

On remarque que le call-to-action est très visible : il est situé en position centrale au-dessus de la ligne de flottaison et propose un essai gratuit (encore ?!).

Comme sur Plated, la suite de la landing page détaille les bénéfices tirés de l’utilisation du service. Cela permet aux visiteurs de « visualiser » rapidement la valeur ajoutée du service et de se faire une idée claire sur la question suivante : « Ce service est-il fait pour moi ? »

En construisant une longue landing page, vous permettez à vos visiteurs de « scroller » autant qu’ils le souhaitent : cela permet de répondre à un maximum de questions tout en faisant office de brochure commerciale afin de mettre en avant votre valeur ajoutée.

En utilisant des captures d’écrans, MailChimp permet aux visiteurs de se projeter plus facilement. L’idée est donc d’aider les visiteurs à mieux comprendre le service en visualisant un échantillon. Cette technique peut être adaptée en vidéo ou même sous la forme d’une démonstration en live comme le fait ElegantThemes.

On remarque que le call-to-action de l’essai gratuit est toujours accessible, où que l’on se situe sur la page, ici en haut à droite.

Une fois pris dans le tunnel de conversion, les visiteurs atterrissent sur la page de formulaire nécessaire pour activer l’essai gratuit. Afin de maximiser la conversion, le formulaire d’inscription de MailChimp est volontairement :

  • Court
  • Clair
  • Précis

En limitant le nombre de champs à trois, MailChimp permet aux visiteurs hésitants de sauter le pas plus facilement : l’engagement demandé est gardé au strict minimum : un e-mail, un nom d’utilisateur et un mot de passe.

S’il devait être amélioré, on pourrait regretter l’absence d’une inscription rapide via Facebook ou Google qui faciliterait encore plus la conversion.

Vous avez aimé cet article ? Si vous êtes inspirés et que vous souhaitez sauter le pas, découvrez notre article dédié aux templates de landing pages Bootstrap : l’atout parfait pour une landing page réussie.

Article

15min lecture

10 Templates de Landing Pages WordPress à Tester

Vous y êtes. Vous avez sauté le pas et vous souhaitez créer votre site. Mieux : vous voulez créer une landing page dans le but d’attirer des visiteurs et de les convertir en leads ou en acheteurs.

Parmi toutes les solutions disponibles, vous avez choisi WordPress. Et maintenant ?

Pourquoi choisir un template wordpress ?

Lors de la création d’une landing page WordPress, plusieurs options s’offrent à vous :

  • Vous pouvez utiliser un « Builder » comme Divi, Beaver ou Elementor. C’est une solution facile à prendre en main mais vous restez en charge de la création du design.
  • Vous pouvez utiliser un « Plugin » : disponibles sur WordPress, les plugins vous permettent de créer des pages assez rapidement mais sont limités en termes de fonctionnalités.
  • Vous pouvez utiliser un template : c’est la solution que nous vous proposons aujourd’hui.

Un template est un design prêt à l’emploi : il s’agit dans notre cas de landing pages dont le design est déjà réalisé : vous n’avez donc plus qu’à personnaliser le design de votre choix aux couleurs et logo de votre entreprise. Consulter d’autres exemples de design de landing pages.

Un des atouts majeurs des templates WordPress est la variété de choix qui s’offre à vous. Il existe des milliers de templates dont certains sont de véritables best-sellers. Ils sont donc :

  • Reconnus par le secteur
  • Fréquemment mis à jour
  • Faciles à prendre en main
  • Attractifs et efficaces

Mais quels templates de landing page wordpress choisir ?  Avant de vous proposer notre sélection de 10 templates de landing page, nous attirons votre attention sur les éléments qui définissent une bonne landing page.

La recette magique d’une landing page qui convertit

  1. Des titres clairs et concis
  2. Une bonne répartition du texte
  3. Un thème de couleurs cohérent
  4. Une ou des « preuves sociales »
  5. Un ou des « call-to-action » pertinents et visibles
  6. L’utilisation d’images et de vidéos attractives
  7. Un formulaire ou des CTA bien mis en valeur
  8. De l’A/B Testing pour améliorer les performances

Ces huit éléments sont les garants d’une landing page efficace et il est important de les garder en tête lorsque vous choisirez votre thème. N’hésitez pas à consulter notre guide sur l’optimisation des landing page en 2018.

Maintenant que vous possédez une meilleure idée de ce qui fait une « bonne » landing page, voici notre sélection.

10 templates de landing pages wordpress à adopter de toute urgence

STRATUS

Stratus est un template WordPress pensé pour les entreprises de types SaaS, développeurs d’Apps ou qui souhaitent présenter un produit technologique. Il s’édite via un système du « drag and drop » ce qui rend son utilisation et la personnalisation de votre landing page facile et intuitive.

Complet et performant, il satisfait tous les critères d’une « bonne landing page » et contient :

  • 40 widgets à personnaliser
  • 20 templates de pages
  • Une infinité de designs possibles

Autre élément intéressant de Stratus : sa versatilité. Stratus est facile à personnaliser et contient déjà plusieurs types de landing pages afin de s’adapter à votre cœur d’activité parmi : les SaaS, les produits technologiques ou encore les applications mobiles.

Exemple de design « boutique e-commerce »

Wordpress Template Landing Page Ecommerce

Exemple de design « saas » :

Wordpress Template Landing Page SaaS

Exemple de design « application mobile »

Wordpress Template Landing Page Mobile Application

Voir la démo

Télécharger le template

FLATSOME

Flatsome est un template WordPress E-Commerce. Il s’agit donc d’un thème WooCommerce (qui est un plugin e-commerce gratuit pour WordPress).

Complet et intuitif, Flatsome est le couteau suisse du E-commerce sous WordPress.

Fréquemment mis à jour, c’est un best-seller qui a enregistré plus de 60.000 ventes depuis sa création : il dispose donc d’une communauté et d’une forte notoriété parmi les utilisateurs de WooCommerce.

100% Responsive, il utilise un page builder intuitif et rapide à mettre en place qui ne nécessite pas de compétences en programmation.

Comme pour Stratus, le builder fonctionne grâce à un « drag and drop » qui facile la prise en main du template.

Wordpress Template Landing Page Shop

Le template intègre de jolis effets de parallaxe, des comptes à rebours et des champs pour souscrire à une newsletter : des atouts de choix pour commencer un site e-commerce.

Wordpress Template Landing Page Online Shopping

Voir la démo

Télécharger le template

UNCODE

Uncode est un template WordPress parfait pour les agences, les freelances, les créatifs et toutes les entreprises/personnes qui souhaitent présenter un projet, une idée ou un portfolio.

Son impressionnante librairie d’éléments prêts-à-utiliser en fait un incontournable du secteur : Uncode s’adapte facilement à votre design personnalisé afin de créer un vrai site unique.

Parfait pour les sites qui souhaitent héberger du média, Uncode est préparé pour intégrer du contenu depuis Facebook, Instagram, YouTube, SoundCloud, Spotify et autres…

Wordpress Template Landing Page Startup

Chose vraiment appréciable avec Uncode : le design est épuré et bien pensé.

Les thèmes de couleurs sont bien choisis et les blocs sont en harmonie les uns avec les autres : on remarque également que les call-to-action se distinguent du reste de la page.

En somme : Uncode est une très bonne base pour commencer sa landing page.

Wordpress Template Landing Page Creative Agency

Voir la démo

Télécharger le template

WP RESIDENCE REAL ESTATE

Qui a dit que les entreprises de l’immobilier n’avaient pas le droit à leur landing page ? En tout cas, ce template WordPress est l’arme ultime pour toutes les agences ou acteurs de l’immobilier.

Pensé pour présenter des agences ou des acteurs indépendants de l’immobilier, le thème permet également aux visiteurs de soumettre leurs propriétés en ligne contre un forfait, un abonnement ou gratuitement : idéal pour nourrir ses listings !

Pour vous faciliter encore plus la tâche, 12 démos prêtes à être utilisées sont disponibles dans le pack : la création du site de votre agence n’est plus qu’une affaire de minutes…

Wordpress Template Landing Page Real Estate

L’intégration d’une carte dans le template de base est un véritable plus pour les agences immobilières : vous pouvez afficher l’emplacement de vos biens à la vente ou à la location en toute simplicité : vos utilisateurs vont adorer !

On remarque l’agencement en « grilles » des listings de propriétés pour plus de clarté. Le thème couleur (facilement personnalisable) met bien en avant les biens immobiliers.

Le template propose l’intégration d’un blog et d’un module de souscription à la newsletter : un must-have pour développer votre audience et l’engager avec des news pertinentes.

Wordpress Template Landing Page Appartment Rent

Sur cette version du template « Rio », on apprécie la barre de recherche très fournie qui inclut un curseur de prix : cela simplifie la navigation et permet d’afficher des résultats pertinents aux visiteurs.

De même, la possibilité de filtrer les listings de propriétés à la guise du visiteur permet d’afficher plus rapidement des résultats adaptés à chaque visiteur.

Un must-have pour les entreprises de l’immobilier !

Voir la démo

Télécharger le template

EDUCATION WORDPRESS THEME

De plus en plus populaire, le e-learning se taille une place de choix dans le milieu du e-commerce. Accessible et souvent bon marché, les internautes raffolent des cours en ligne en vidéo. Cependant, les ressources nécessaires à la création d’un site de e-learning freinent parfois les entrepreneurs : c’est terminé !

Education WP est un template ultra-complet qui vous permet de créer votre site internet de cours en ligne rapidement et sans programmation.

Le template contient plusieurs thèmes adaptés aux différents acteurs de l’éducation :

  • Écoles/Collèges/Lycées
  • Universités
  • E-learning
  • Centre de formation
  • Garderies

Wordpress Template Landing Page E-learning

Sur le même principe de « drag and drop » que Stratus & Flatsome, le builder d’Education WP est simple à utiliser et intuitif.

Le template est 100% Responsive, optimisé pour le SEO et l’UX et contient 10 thèmes pré-chargés prêts à être utiliser.

Étant un best-seller du milieu, le template est très souvent mis à jour et bénéficie de l’appui d’une communauté.

Voir la démo

Télécharger le template

ROSA

Rosa est un template de landing page spécialement conçu pour les restaurants.

Visuellement très abouti, il contient également de nombreuses fonctionnalités très utiles comme des modules de réservation, des calendriers ou encore un module pour afficher votre menu.

Révolutionnaire et pourtant simple d’utilisation, le template est 100% responsive et mobile-friendly.

Particularité très intéressante de ce thème, vous disposez d’un module de commande en ligne pour la livraison de nourriture : un must-have !

Il est également optimisé pour le SEO et inclut des effets de parallaxe.

Wordpress Template Landing Page Restaurant

img source : https://pixelgrade.com/demos/themes/?product=rosa

Facile à personnaliser, le template a également été prévu pour être facilement traduit grâce à l’ajout de fichiers spécifiques.

Voir la démo

Télécharger le template

NEWSPAPER

NewsPaper est un template WordPress simple à prendre en main qui vous permet de créer une infinité de landing pages.

Ce thème n’est pas spécifique à un domaine d’activité en particulier mais il s’adapte particulièrement bien aux entreprises de type « média ».

100% Responsive et optimisé pour le SEO, NewsPaper fonctionne également grâce au « drag and drop » : il ne nécessite donc pas de connaissances en programmation.

NewsPaper est facile à personnaliser en fonction de votre thème de couleurs et votre logo : c’est une excellente base pour commencer la construction de votre landing page.

Il contient des widgets personnalisables adaptés aux entreprises médiatiques : réseaux sociaux, emplacements publicitaires, modules de météo…

Prêt à l’emploi, le template propose d’emblée des dizaines de thèmes couleurs et de styles différents à appliquer sur votre nouveau site.

Wordpress Template Landing Page Newspaper

Wordpress Template Landing Page Media Publisher

De façon générale, on apprécie l’utilisation savante des différentes couleurs pour mettre en avant les catégories.

La colonne de droite est bien exploitée et permet d’y afficher des publicités, ce qui est primordial pour un site média.

Dans l’ensemble, la navigation est claire et épurée : les différents éléments sont bien mis en valeur et la disposition sous forme de « tableaux » est agréable.

Voir la démo

Télécharger le template

THE « 7 »

On aurait pu le mettre en 7ème position dans cette sélection, mais ça aurait porté à confusion !

« The 7 » est un template WordPress ultra-complet. Tellement complet que l’on peut presque tout faire avec lui.

Template généraliste mais très abouti, il vous permet de mettre facilement en valeur votre entreprise, quel que soit son secteur d’activité.

Voici quelques suggestions de secteurs d’activité susceptibles d’utiliser « The 7 » :

  • Corporatif, grands groupes
  • Agences de toutes sortes
  • E-Commerce de toutes sortes
  • TPE et PME
  • Écoles, éducation
  • Evénementiel
  • Bâtiment et construction
  • Salons de coiffure et petits commerces

Voici 2 utilisations possibles de « The 7 » (parmi des dizaines) :

Un exemple de design de type « Corporate » :

Wordpress Template Landing Page Corporate

Un exemple de design de type « entreprise du bâtiment » :

Wordpress Template Landing Page Construction

Voir la démo

Télécharger le template

XSTORE

Xstore est un template de landing page E-Commerce pour WooCommerce très performant et adapté à un grand nombre d’activités.

Il possède de nombreuses variations de thèmes aux couleurs très vivantes et attractives.

Complètement responsive, Xstore est un outil à mettre entre les mains de toutes les PME qui souhaitent se lancer dans le e-commerce ou rénover leur site.

La particularité de XStore est sa grande bibliothèque de « stores » prêts à l’emploi : au total plus de 70 magasins en ligne sont à votre disposition afin de créer la boutique de vos rêves.

Best-seller de sa catégorie, XStore propose de la documentation en ligne et en vidéos : c’est un atout majeur face à d’autres templates qui ne proposent pas de documentation pour vous aider à construire votre site.

Entre autres, voici quelques secteurs d’activité pour lesquels XStore se prête particulièrement bien à la création de votre futur e-shop :

  • Restaurants
  • Applications Mobiles
  • Spa / Santé / Fitness
  • Coiffeurs / Barbiers / Petites entreprises
  • Mode, Retail et vente d’accessoires
  • Lingerie, sport, produits technologiques

Wordpress Template Landing Page Interior Home

Sur XStore, on apprécie particulièrement l’attention portée au design des boutons, des formulaires et des icônes qui sont particulièrement travaillés.

L’impression générale est très qualitative et très impressionnante : les champs sont bien positionnés et l’organisation de l’architecture du site est réfléchie.

Dans l’ensemble, XStore est une excellente base pour un site e-commerce.

Wordpress Template Landing Page Biking

Voir la démo

Télécharger le template

MEDICAL PRESS

Medical Press est un template de landing page WordPress pensé pour les entreprises et professionnels du domaine de la santé et les cliniques.

Il propose plusieurs variations de styles (header, corps, footer) ainsi que plusieurs types de formulaires : pratiques pour les personnaliser à l’image de votre entité.

Il s’agit d’un template responsive et compatible e-commerce : vous pouvez donc l’utiliser pour allier la présentation de vos activités, la prise de rendez-vous et la vente d’appareils ou de services médicaux.

Wordpress Template Landing Page Medical

Medical Press est dans l’ensemble un très bon thème. On apprécie particulièrement le choix des couleurs et des boutons ainsi que la possibilité d’inclure des blocs destinés à la présentation des praticiens et des services.

Le template contient également de la documentation (écrite), pratique pour mieux prendre en main l’édition du contenu des pages.

Voir la démo

Télécharger le template

 

Vous avez aimé cet article ? Vous vous demandez comment améliorer les performances de votre site ?

Découvrez nos solutions d’A/B Testing et de personnalisation et boostez vos performances !

 

Article

6min lecture

Convaincre et convertir : la checklist pour une landing page optimale

 

Une landing page, aussi appelée « page d’atterrissage » ou « page de destination » est une page qui a pour but de convertir un visiteur en un prospect aussi appelé « lead ». Une landing page diffère du reste de votre site web car elle est focalisée sur un seul et même objectif (la conversion) et dispose d’informations très spécifiques. Elle doit proposer aux visiteurs une offre (ebook, demande de démo, inscription à la newsletter) en échange de données par l’intermédiaire d’un formulaire (Nom, Prénom, Adresse email). Si la landing page propose au visiteur de recevoir du contenu répondant à ses besoins, il sera plus à même de renseigner ses données en échange.

Votre rôle est donc de définir une offre de qualité contre laquelle l’internaute serait prêt à soumettre quelques données. Plus le contenu proposé par la landing page a de la valeur pour le visiteur, plus il sera prêt à convertir. Consultez notre article sur la rédaction d’une landing page efficace et 20 astuces pour optimiser vos landing pages.

Pourquoi la page d’accueil de votre site n’est pas aussi importante que vous ne l’imaginez ?

Souvent, nous avons tendance à penser que la page d’accueil d’un site est la plus importante. Nous voyons le site internet comme une maison, avec une porte d’entrée par laquelle on rentre avant d’accéder aux autres pièces. Dans la réalité, les internautes arrivent sur votre site depuis toutes les pages de votre site. Et c’est tant mieux !

Une landing page doit ressembler à une page de votre site, à quelques détails près. En effet, pour obtenir des taux de conversion avantageux, une landing page se compose de plusieurs éléments indispensables comme un formulaire, un CTA, un titre clair, quelques phrases explicatives, un visuel attractif. Et c’est à peu près tout.

Vous l’aurez compris, une landing page ne doit pas être confondue avec les différentes pages qui composent la structure d’un site (homepage, pages du tunnel d’achat, fiches produits, etc). Sur une landing page, la conversion peut être immédiate dans la mesure où elle a été conçue pour orienter les visiteurs vers une action concrète ou bien la conversion peut être progressive via la génération de leads. Il y a de nombreux avantages à une landing page efficace, mais la mise en œuvre nécessite un travail attentif, ainsi que des tests et des analyses en continu.

La checklist pour une landing page optimale !

Commençons par le header de la landing page :

#1 Écrire un titre ou une phrase d’accroche concis et clair afin de définir l’objet de l’offre.

#2 Utiliser des verbes d’action.

EVERNOTE Landing Page - Souvenez-vous de tout

Le bon exemple d’Evernote avec son accroche « Souvenez-vous de tout ». En 4 mots, tout est dit !

Ensuite, pour le contenu de la landing page :

#3 Informer le visiteur de la teneur de l’offre et comment il peut y accéder : 1 à 3 phrases pour présenter l’offre et 1 à 3 phrases expliquant comment y accéder.

#4 Ne pas surcharger la landing page avec du contenu textuel : privilégier les phrases courtes et concises pour garder le visiteur attentif, pour cela il est possible (voire judicieux !) d’utiliser des bullets points par exemple. Mais les chiffres ou la mise en avant de phrases en gras peut aussi très bien fonctionner.

#5 Agrémenter la page avec un élément visuel : une image, une courte vidéo ou encore d’une animation est l’élément indispensable pour marquer l’esprit de l’internaute et donner du sens au contenu textuel.

STRIKINGLY Landing page - Gérez votre présence en ligne

Chez Strikingly, la proposition de valeur est claire et concise. Les verbes d’action sont justement utilisés. Nous notons aussi l’équilibre entre le contenu textuel, le formulaire et l’image de la page.

#6 Aider les visiteurs à se concentrer sur ce qui est important en enlevant toute sorte de distractions comme : la barre de navigation, les liens sortants, les CTA inutiles, etc.

#7 Ajouter des boutons pour partager la landing page sur vos réseaux sociaux et ainsi atteindre plus de personnes.

WISTIA Landing page - Put your business videos to work

Wistia a totalement orienté sa landing page en simplifiant au maximum les actions dessus : il n’y a que 3 options, se connecter, se créer un compte ou quitter la page.

Enfin pour le formulaire de la landing page :

#8 Le formulaire reflète la valeur de l’offre : plus l’offre a de la valeur, plus il sera possible de demander des informations. Notons qu’un formulaire trop long pourra avoir des conséquences sur les taux de conversion de la landing page.

#9 Le CTA du formulaire se doit d’être clair : il doit apparaître comme une évidence pour le visiteur. Pour cela, il ne faut pas hésiter à tester différentes couleurs ou libellés pour constater ce qui fonctionne le mieux.

PAYPAL Landing page - Download the free ebook.

Lorsque vous souhaitez télécharger un contenu sur le site de Paypal, vous atterrissez sur cette landing page : un formulaire avec seulement les informations nécessaires, un CTA bien visible et compréhensible, l’utilisation du gras et des bullet points pour rendre la description très lisible et clair, la mention de la gratuité du livre, le footer minimaliste qui permet de se concentrer sur le contenu de la page.

Grâce à ces différents éléments, vous serez en mesure de créer des landing pages optimisées pouvant générer des taux de conversion avantageux. Gardez à l’esprit qu’il n’existe pas un modèle « parfait » de landing page mais que chacune d’entre elle doit être optimisée en fonction du contenu que vous avez à offrir.
N’hésitez pas à tester les différents éléments de votre landing page pour la rendre toujours plus favorable aux conversions !


Testez par vous-même !

Pour vous inspirer des idées de test, voici 10 bons exemples de landing page.

1. Dropbox
2. Final
3. Bankjoy
4. Contently
5. Airbnb

6. HubSpot
7. Microsoft
8. Mailjet
9. Slack
10. Uber

Article

8min lecture

3 étapes pour booster les performances de vos Landing Pages

Nous avons de nombreux clients qui disposent de landing pages et qui nous ont demandé des bonnes pratiques pour optimiser leurs performances. Nous avons décidé de mettre en page tous ces conseils formulés et de vous les partager.

Cet article a fait l’objet d’un webinar animé par Sarah JevremovicChristelle Mampuya. Pour connaitre les dates de nos prochains webinars incrivez-vous à notre newsletter !

Pourquoi optimiser vos landing pages ?

Nous avons déterminé 3 enjeux majeurs :

  • tout d’abord, il s’agit de capter l’attention de vos visiteurs car la landing page est le point d’entrée de votre site web.
  • Ensuite, rentabiliser votre stratégie d’acquisition afin de mesurer son ROI et rentabiliser tout ce trafic.
  • Enfin, faire comprendre votre offre, votre service ou votre marque afin de plus engager vos visiteurs.

10 secondes, c’est le temps nécessaire pour que l’internaute se fasse une idée de votre landing page – et potentiellement quitte votre site. Aujourd’hui, on consacre beaucoup de temps et de budget dans l’acquisition mais ce qu’on sait moins, c’est que l’optimisation de ces landing page est tout aussi crucial. On estime le taux de conversion d’une landing page e-commerce à 10% en B2C et 13% en B2B. Et sur la génération de lead, on estime à 16% en moyenne le taux de conversion.

Pour optimiser et booster les performances de vos landing pages, suivez ces 3 grandes étapes.

1 – Structurez votre message

Avant de commencer des séries d’itération de test, il est important de se concentrer sur la stratégie en structurant votre message.

Commencer par définir vos objectifs

  • Lead generation : télécharger une brochure, demander un devis, etc.
  • “Click Through” : page intermédiaire, souvent utilisée en e-commerce, pour présenter un produit ou une offre avant d’être redirigé sur le site

Identifier une proposition de valeur claire et unique

L’objectif est de vous différencier de vos concurrents : quels sont les bénéfices pour les visiteurs, pourquoi votre offre est unique, etc.

DRPOBOX Landing page

Dropbox a utilisé cette landing page pour interpeller les visiteurs sur leur offre Dropbox Business. Le design est très minimaliste et le contenu est ultra simplifié. L’internaute comprend très rapidement la proposition de valeur de Dropbox et son offre.

Connaître votre audience

Pour adresser le bon message à la bonne audience, encore faut-il connaître cette audience. Photobox souhaitait adresser un message personnalisé aux nouveaux visiteurs afin de leur proposer une offre sur leur première commande.

PHOTOBOX Pop Up BIENVENUE 10€ OFFERTS

Définir les indicateurs clés de performance (KPI)

Si vous voulez a/b tester une landing page, vous devez impérativement définir un objectif. Cela peut être le taux de clic sur CTA, taux de rebond, temps passé, le taux de rebond, etc. L’idée est d’avoir les données nécessaires pour prendre une décision ensuite sur la mise en production de votre landing page.

2 – Optimiser le parcours utilisateur

Maintenant que nous avons vu la partie stratégie, quel type de test on peut appliquer pour optimiser une landing page ? Voici nos bonnes pratiques pour optimiser le parcours utilisateur, que vous pouvez mettre en place rapidement.

Mettre les informations principales au dessus de la ligne de flottaison

Par informations principales, on attend celles qui sont nécessaires à la conversion comme le CTA ou la proposition de valeur par exemple. Le but est de rendre certains éléments rapidement visibles et minimiser le scroll. Dans l’exemple suivant, on s’aperçoit que Noddle a supprimé quelques éléments afin de faire remonter son CTA principal.

NOODLE A/B Testing

Mettre en avant l’action principale

Par « action » nous sous-entendons surtout la mise en avant d’un CTA. Et plus particulièrement le CTA principal. Dans cet exemple, Smartrenting a mis en avant son CTA principal avec un contenu accrocheur et un design épuré. Ils ont pris soin de le laisser fixe au scroll afin qu’il soit visible pour l’internaute tout au long de sa navigation.

SMARTRENTING CTA Récupère ton loyer

S’adapter au device de l’internaute

Le cas de Naranja est très intéressant car ils ont souhaité a/b tester le design et la disposition des éléments sur leur site mobile. L’idée est de rendre visible le CTA principal afin de générer des leads. Le mobile est un petit écran et l’usage n’est pas du tout le même que sur un desktop.

Naranja A/B testing

Limiter les points de fuite

Pour limiter les points de fuite, rien de plus efficace que la suppression des éléments de distraction. Dans l’exemple ci-dessous, Panorama Banque a testé une variation qui masquait tous les autres éléments dit « secondaires » afin de se concentrer sur l’action principale.

Panora Banques Landing page - Comparez les banques

Sur cette variation, il n’y a pas de header ou de footer. Uniquement le formulaire pour comparer les banques. Cela se fait rapidement dans l’éditeur AB Tasty en sélectionnant simplement les éléments que vous voulez masquer !

Mettre en avant des éléments de réassurance de façon claire

Les éléments de réassurance permettent d’instaurer un climat de confiance entre votre site / offre et l’internaute. Ces éléments peuvent être des arguments commerciaux comme le prix, des notes clients ou encore un live chat comme Blablacar.

BlaBlaCar Landing page - BlaBlaCar Et vous qui allez-vous retrouver ?

A/b testez ce qui fonctionne pour vos internautes : quel élément et à quel endroit. N’hésitez pas à en disposer plusieurs tout au long du parcours d’achat ou de conversion.

Capitaliser sur votre communauté d’utilisateurs

Pour aller plus dans le détail avec les éléments de réassurance, capitalisez sur la communauté d’utilisateurs ou de clients que vous avez. Mettez en avant les avis de vos clients sous forme de note ou de témoignage afin de démontrer votre crédibilité auprès de votre audience. La landing page de Ouicar met en avant le nombre d’utilisateur ainsi que des témoignages clients récents.

OuiCar Landing page - Louez une voiture à deux pas

Simplifier les formulaires

Lorsqu’on créé un formulaire, il faut toujours s’interroger : est-ce que tous les champs sont nécessaires ? Avons-nous besoin du code postal de l’internaute dans le cadre d’une inscription à une simple newsletter ? La réponse est évidente, pourtant il n’est pas rare de voir des formulaires avec de nombreux champs.

NRJ A/B Testing formulaires

Limiter l’implication des visiteurs

Dans cette même idée de simplification, prenons l’exemple de Coinbase qui a choisi de ne demander que l’adresse email sur sa landing page. Le fait de ne demander que l’adresse email en première étape renforce l’appétence de l’internaute pour entrer dans le tunnel de conversion.

Coinbase Landing page

Créer un sentiment d’urgence

Inconsciemment, nous réagissons tous aux messages d’urgence. Le but est de créer un sentiment d’urgence pour inciter l’internaute à agir rapidement. Disposer un compte à rebours ou une mention “plus que x places disponibles” dans le tunnel d’achat peut inciter l’internaute à passer à l’action.

FNAC A/B Testing

Testez les images ou vidéos

Enfin, testez un autre format de contenu sur votre landing page pour capter l’attention de vos internautes. Galerie de photo, slider ou vidéo peuvent s’avérer très utiles pour présenter votre offre ou votre service. De plus, le format vidéo un bon moyen de présenter votre offre plus en détails.

FINAL Landing Page

3 – Comment maximiser l’optimisation de vos Landing Pages avec AB Tasty ?

Après avoir parcouru les bonnes pratiques et les idées pour optimiser vos landing pages, voici un rapide aperçu des fonctionnalités de notre solution pour booster les performances de votre site.

Cet article a fait l’objet d’un webinar animé par Sarah JevremovicChristelle Mampuya. Pour connaitre les dates de nos prochains webinars inscrivez-vous à notre newsletter !

Article

9min lecture

Comment Créer une Landing Page Efficace ?

Définition d’une landing page

De façon intuitive, une landing page est une page Internet sur laquelle les visiteurs « arrivent » ou « atterrissent » dans un but précis qui peut être la récolte de leurs informations ou la conversion vers une action précise comme un achat, la souscription à un abonnement ou le remplissage d’un formulaire de contact.

À quoi sert une landing page ?

Le but d’une landing page est de faire convertir les visiteurs ou bien de récolter des informations en échange d’une contrepartie dans le but de pouvoir ensuite se servir de ces données à des fins marketing ou de vente.

Imaginons que vous dirigiez une entreprise qui vend des des articles de décoration en ligne. Vous possédez donc un site e-commerce qui propose une sélection de bougies adaptées à toutes les occasions.

Pour Noël, vous décidez de mettre en vente des bougies sur le thème des fêtes de fin d’année car vous savez d’expérience que vos clients sont friands de ces produits.

Vous créez donc une publicité Facebook Ads afin de promouvoir vos bougies parfumées de Noël.

Problème : si votre publicité redirige vos visiteurs directement sur votre page d’accueil ; comment feront-ils pour accéder aux bougies dont vous faites la promotion ? Combien de visiteurs partiront de votre site avant même d’avoir vu les bougies en question ?

C’est là l’intérêt d’une landing page : vous créez une page spécialement conçue pour présenter les bougies de votre offre de Noël aux visiteurs dans le but de maximiser la conversion en acheteurs.

Quelles sont les caractéristiques d’une landing page performante ?

Lorsque on parle de landing page, il est nécessaire de comprendre que toutes les pages web ne sont pas des landing pages.

Une bonne landing page comporte plusieurs caractéristiques précises bien déterminées qui la différencie d’une simple page web ou d’un article de blog par exemple.

Une proposition de valeur

La proposition de valeur, c’est ce que propose votre landing page en termes de valeur en échange d’informations, de ressources ou d’un achat. Il s’agit simplement d’expliciter clairement les avantages de votre offre et sa valeur ajoutée. Vous pouvez également proposer des contreparties (livre blanc, essai gratuit etc..) dans le but de faciliter la conversion des visiteurs.

Sur le site de Pandadoc, la proposition de valeur est clairement explicitée et le site nous propose au choix une démonstration ou un essai gratuit.

PandaDoc - Good Landing Page
source : pandadoc.com

Une navigation limitée

Vous avez réussi à attirer des visiteurs sur la page où vous souhaitez qu’ils effectuent une action, ne les laissez pas s’échapper ! Limitez le nombre de « sorties » possibles hors de la page et centrez la navigation autour de l’accomplissement de la tâche que vous souhaitez qu’ils effectuent : le remplissage d’un formulaire, la description d’un service, la souscription à un abonnement…

Sur Envato qui propose des templates PowerPoint via un abonnement mensuel, la landing page est construite comme un fil de plomb qui « bloque » le visiteur dans la landing page.

Envato - Landing Page Navigation
source : envato.com

Un call-to-action pertinent

En mettant en valeur un bouton ou un formulaire visible et bien pensé, vous augmentez naturellement vos chances d’amener vos visiteurs à effectuer l’action que vous souhaitez. Il existe plusieurs paramètres à prendre en compte pour créer un call-to-action efficace qui convertit. Si vous souhaitez en savoir plus, consultez notre article dédié à la rédaction de call-to-action qui donne envie de cliquer.

Des options de partage

Si votre proposition de valeur s’y prête, il est impératif de mettre en évidence des options de partage prêtes à l’emploi. Exemple : vous créez un guide à destination des professionnels de l’immobilier : faites-en sorte qu’il soit facilement partageable !

La preuve sociale

Rien ne fonctionne aussi bien que la preuve par l’exemple et les recommandations. C’est extrêmement vrai pour les landing pages. En faisant parler vos clients de leur satisfaction, vous provoquez une réaction inconsciente chez le visiteur : le mimétisme. Votre preuve sociale peut apparaître sous différentes formes tant qu’elle reste pertinente : témoignages clients, études de cas-clients, graphiques du nombre d’utilisateurs…

Sur la page d’accueil de la start-up bancaire Revolut, un paragraphe est dédié au « service » rendu aux utilisateurs dans le but de faire comprendre que si plus d’un million de personnes en ont déjà profité, vous aussi vous le pouvez.

Revolut - Landing Page Social Proof
source : revolut.com

Des tests

Parce que rien ne remplace l’expérience, soyez certains d’utiliser une solution d’A/B testing pour vos landing pages. En faisant des tests réguliers, vous identifierez les points de friction et améliorerez grandement votre taux de conversion. L’A/B testing vous permet de comparer simultanément deux versions d’une même landing page et ainsi identifier les éléments qui fonctionnent et ceux qui vous freinent.

BONUS : le formulaire de conversion

Si vous créez une landing page dans le but de récolter des informations afin de transformer vos visiteurs froids en « leads », alors il est impératif de rajouter un formulaire (« lead form ») à votre landing page.

Un bon formulaire doit pouvoir :

  • Attirer l’attention des visiteurs (attractivité)
  • De distinguer du reste de la page (visibilité)
  • Ne pas être trop compliqué ni trop personnel (simplicité)
  • Avoir un nombre de champs à remplir limité (rapidité)

Leadformly possède une landing page qui convertit plus de 30% des visiteurs en prospect grâce à ses formulaires. Et pour cause : ils sont eux-mêmes spécialisés dans les formulaires !

Grâce à un formulaire simple et visuel, le processus de transformation d’un visiteur en un lead se fait naturellement en 3 étapes : efficace et rapide.

LeadFormly Landing Page Lead Form
source: leadformly.com

Deux types de landing page à connaître

Lorsque vous vous lancez dans le design de votre landing page, vous pouvez intuitivement choisir entre deux types de landing page selon vos objectifs et votre business model.

Les deux types sont importants et très largement utilisés par les entreprises en ligne.

1. La Landing Page « Click Through »

Les landing pages « click through » sont des pages conçues spécialement pour servir « d’intermédiaire » avant une étape décisive comme l’ajout au panier, la souscription à un abonnement ou la vente d’un service.

Très utiles, elles sont utilisées pour « chauffer » les visiteurs de la page afin de les qualifier le plus possible avant l’étape de la conversion en client.

On peut notamment les utiliser en e-commerce pour qualifier les visiteurs avant de proposer l’ajout au panier afin de diminuer le taux d’abandon.

Si vous êtes intéressés par plus d’informations sur les tunnels d’achats, on ne saurait que trop vous recommander notre article dédié à l’optimisation du tunnel de conversion e-commerce.

Dans le secteur des services ou SaaS, les entreprises ont trop souvent tendance à faire « atterrir » leurs visiteurs directement sur la page du formulaire d’adhésion : c’est une erreur qui rebute de nombreux potentiels acheteurs.

En créant une landing page intermédiaire qui fournit des informations complémentaires et de bons arguments de vente, vous augmentez exponentiellement vos chances de convertir votre visiteur en client.

2. La Landing Page de « Génération de Leads »

Une landing page de génération de leads sert avant tout à récolter les informations de potentiels clients appelés « leads » ou « prospects ».

Elle contient donc naturellement un formulaire (e-mail, nom, numéro de téléphone sont les champs classiques) précédé par un argumentaire de vente ou une proposition de valeur percutante.

Autre aspect indispensable de cette landing page, la contrepartie est un service ou un produit que vous offrez à vos visiteurs en échange de leurs informations.

Sur le site de Buffer, vous pouvez accéder à du contenu gratuit sous la forme d’e-books en échange de votre adresse e-mail. L’idée de cette landing page est donc de récolter des adresses e-mail de « leads » pour ensuite essayer de les convertir en clients.

Buffer - Landing Page Lead Collector
source: buffer.com

Vous avez sauté le pas et décidé de créer votre landing page, félicitations !

Si vous possédez déjà une landing page et que vous vous demandez comment pourrait-elle convertir davantage, jetez un œil à notre article dédié à l’optimisation des landing pages et à notre guide dédié à l’A/B Testing.

Si au contraire vous cherchez de l’inspiration pour construire votre première landing page, vous pouvez vous inspirer de ces designs de landing pages ou consultez notre sélection d’exemples de templates de landing pages sous WordPress.

Article

14min lecture

Optimisation de Landing Page : 20 Astuces pour Mieux Convertir

Vous avez une ou plusieurs landing pages en ligne mais les performances ne sont pas forcément à la hauteur de vos attentes ? Vous vous demandez comment vous pourriez générer plus de ventes  Nous avons peut-être la solution pour vous

L’optimisation de votre landing page peut augmenter votre trafic et votre taux de conversion de façon significative.

Un meilleur taux de conversion vous amènera plus de leads et donc plus de clients : vous augmenterez votre ROI sans forcément devoir payer pour attirer davantage de visiteurs.

Pour vous aider à augmenter vos ventes et optimiser votre landing page, voici 20 astuces à mettre en place dès maintenant sur votre site Internet.

Pour faciliter votre compréhension, nous avons segmenté ce guide en 4 chapitres :

  1. Optimiser votre design
  2. Travailler votre marketing
  3. Miser sur la confiance
  4. Améliorer votre SEO

La prise en compte de ces 4 thématiques va vous aider à cerner les changements à mettre en place sur votre site et à augmenter votre taux de conversion.

Si, à ce moment, vous vous demandez ce qu’est une landing page, nous vous conseillons d’abord de lire notre article sur la définition d’une landing page efficace.

Optimiser le design de sa landing page

Le design de vos landing pages définit l’attractivité visuelle de votre site. Cela peut paraître évident, mais de nombreux sites e-commerce négligent certains aspects pourtant cruciaux du design de leur landing page.

Si vous êtes en manque d’inspiration, voici des exemples de design de landing page dont vous pouvez vous inspirer ou des exemples de templates WordPress si vous utilisez ce CMS.

Pour améliorer votre design, voici quelques conseils.

1. Harmonisez les couleurs de votre thème

Beaucoup de sites abusent de l’utilisation injustifiée d’une palette de couleurs beaucoup trop grande.

En conséquence, les différents éléments de votre design sont mal mis en valeur à cause de l’absence de hiérarchie dans les couleurs.

En uniformisant la palette de couleurs que vous utilisez, vous pourrez faire ressortir plus facilement des éléments importants comme les call-to-action, les formulaires de contact ou encore vos boutons d’ajout au panier.

Design color Dropbox
source: dropbox.com

Sur Dropbox, le design se focalise sur deux couleurs : le texte ressort mieux et le formulaire placé sur la droite est fortement mis en valeur.

2. Soignez vos titres

Les titres (« headlines ») en Anglais sont le nerf de la guerre des landing pages.

Votre mission : faire en sorte de transmettre votre proposition de valeur de la façon la plus claire et explicite possible.

Ne bâclez pas la rédaction de vos titres (et si besoin, embauchez un copywriter) car ce sont eux qui transmettent aux visiteurs la plus-value de vos produits ou services.

Optimize Headings Landing Page
source: mixbook.com

En seulement 6 mots, Mixbook parvient à transmettre un message solide et vendeur aux visiteurs : des albums photos faciles à créer et faits avec amour.

3. Simplifiez la navigation

Une landing page trop compliquée avec trop de boutons et de liens sortants diminue votre potentiel flux de nouveaux clients : faites simple et efficace tout en focalisant la page sur un message précis : ne surchargez pas d’informations, d’images ou de liens au risque de faire fuir un bon nombre de visiteurs.

4. Utilisez des images et des vidéos

Selon Kissmetrics, l’utilisation de vidéos pour vos produits peut augmenter les chances d’ajout au panier de 65%-80% : une opportunité qu’il serait dommage de rater !

En ajoutant des éléments visuels pertinents, vous permettez aux visiteurs de se projeter davantage sur vos produits et services.

5. Surveillez votre ligne de flottaison

Ce qui se situe au-dessus de la ligne de flottaison (« above the fold » en Anglais) désigne les éléments qui apparaissent en premier sur votre page sans que vos visiteurs aient besoin de scroller.

Généralement, on constate que peu de visiteurs daignent « scroller » : il est donc impératif de soigner la partie au dessus de la ligne de flottaison pour « capturer » un maximum de visiteurs le plus rapidement possible.

Pour garantir un maximum de conversion, il est important d’afficher votre call-to-action, votre headline principale et éventuellement quelques « avantages » à ce niveau.

6. Jouez sur la symétrie et l’utilisation de listes

Le cerveau humain aime la symétrie : il l’associe à la droiture, au fonctionnement normal des choses.

Sachant cela, vous pouvez structurer votre landing page de façon à ce qu’elle soit « plaisante » à naviguer en jouant sur les contrastes, la symétrie et l’utilisation habile des couleurs.

Pour mettre en valeur vos arguments de vente, partez de la psychologie humaine : nous avons tendance à « scanner » un texte rapidement lorsque nous arrivons sur une page : inutile donc de rédiger de gros paragraphes de texte indéchiffrables : jouez sur la clarté !

Pour les listes, vous pouvez utiliser :

  • Des bullet points
  • Des tirets
  • Des flèches
  • Des numéros

7. Soignez l’expérience utilisateur sur mobile

C’est connu, Google pénalise fortement les sites Internet non responsive. Assurez-vous donc que votre contenu s’affiche bien et rapidement sur toutes les plateformes disponibles.

Vous pouvez utiliser ces 2 outils de Google pour tester le responsive et la vitesse :

  • Mobile-Friendly Test de Google
  • PageSpeed de Google

Travailler son marketing pour optimiser sa landing page

Quels que soient les efforts que vous fournissez en termes d’acquisition de trafic : ceux-ci seront fournis en vain si vous n’optimisez pas les aspects marketing de votre landing page.

Le but est toujours le même : convertir le maximum de visiteurs (issus de tous les canaux d’acquisition) en leads ou en clients dans le but d’augmenter vos ventes.

8. Soignez votre proposition de valeur

La proposition de valeur, c’est tout simplement l’ensemble de vos avantages compétitifs qui déterminent :

  • Ce que vous proposez aux visiteurs
  • Pourquoi ils devraient se tourner vers vous plutôt qu’un autre

Lorsque que vous travaillez sur votre landing page, vous devez avoir en tête ces éléments :

  • Quels services/produits proposez-vous ?
  • À quels prix et sous quelles conditions ?
  • Qu’est-ce qui vous distingue des autres concurrents ?
  • Quels avantages tirent vos clients de votre offre ?
  • Pourquoi devrait-on vous faire confiance ?

En travaillant autour de ces 5 aspects, vous devriez pouvoir formuler une proposition de valeur attractive et pertinente.

9. Apprenez à connaître vos visiteurs

Beaucoup de sites pensent connaître leurs clients. Mais combien connaissent réellement leurs visiteurs ?

Pour cela, vous pouvez utiliser Google Analytics : l’outil de Google vous permet d’avoir un aperçu des critères démographiques de vos visiteurs : une bonne façon de mieux appréhender vos visiteurs.

Bien connaître vos visiteurs est important : votre offre marketing en dépend.

En effet, vous ne rédigerez pas vos offres de la même façon si vous vous adressez à :

  • Des profils « jeunes »
  • Des profils « seniors »
  • Des profils « B2B »
  • Des profils « B2C »

De la même façon, l’identité de vos visiteurs (qui peut être multiple) va influencer les ressources que vous allez mettre à leur disposition : vidéos interactives, contenus pédagogiques, e-book informatifs…

10. Soignez vos Call-to-Action

Un call-to-action est un élément du design qui se différencie du reste de votre landing page.

Son but : être le plus clair, visible et impactant possible afin d’amener le maximum de visiteurs vers la réalisation d’une action.

L’essentiel d’un bon call-to-action en quelques mots :

  • Visible
  • Impactant
  • Utile
  • Bien placé

Nous vous conseillons la lecture de notre article dédié pour savoir comment rédiger des call-to action efficaces.

11. Créez un sentiment d’urgence

En créant un sentiment d’urgence via des offres limitées par exemple, vous poussez les visiteurs à prendre une décision rapidement. Voici quelques exemples de phrases à intégrer pour créer un sentiment d’urgence :

  • « Plus que 5 jours avant la fin de la promotion »
  • « Bénéficiez de 25% de remise jusqu’au 17 Avril ! »
  • « Offre limitée aux 50 premiers inscrits »

En créant une limite (de temps, de places…) vous incitez les visiteurs à passer à l’action dès à présent.

12. Faites de l’A/B testing sur vos landing pages

L’A/B testing est un outil qui permet de comparer deux versions d’une même page. En faisant de l’A/B testing sur votre landing page, vous pouvez mesurer l’efficacité des modifications que vous mettez en place et ainsi augmenter votre taux de conversion, magique non ?

L’A/B testing vous permet de distinguer « ce qui fonctionne » de « ce qui ne fonctionne pas » directement sur vos visiteurs, pour de vrai. Voici deux ressources incontournables :

Miser sur les éléments de ré-assurance pour optimiser sa landing page

La confiance sur Internet fonctionne comme la confiance dans la vie « réelle » : on a tendance à ne croire que ce que l’on constate de nos propres yeux. Sur Internet, il peut être difficile de « transmettre » la confiance à un parfait inconnu qui visite notre site.

Pourtant, il existe bien des techniques qui permettent de mettre en avant vos avantages, vos clients et vos services/produits tout en inspirant un sentiment de confiance à vos visiteurs.

13. Intégrez des témoignages clients

Afficher des vrais témoignages de clients sur son site permet de transmettre un message positif à vos visiteurs : « Nos clients pourraient être vous. »

En mettant en avant des témoignages, case studies et interviews aussi détaillées que possible, vous parviendrez à créer un sentiment de confiance.

Optimize Client Testimonials Landing Page

Sur le site de Fiverr, les témoignages clients défilent dans un slider qui remplit tout l’espace disponible : c’est dire l’importance que le site y accorde !

Quelques conseils pour des témoignages clients réussis :

  • Ne pas utiliser de faux témoignages
  • Ajoutez Nom + Prénom et photos si possibles
  • Utilisez des vidéos et des interviews de clients
  • Soyez transparent et donnez des détails
  • Laissez les clients s’exprimer

14. Montrez votre équipe

Vous avez une superbe équipe composée de gens talentueux et experts dans leur domaine ? Parlez-en !

De nombreuses études ont pointé du doigt l’influence positive de visages souriants (et sincères) sur le comportement des internautes.

De plus, parler de son équipe est également l’occasion pour vous de faire du storytelling sur votre entreprise et vos activités.

Optimize Teams Landing Page

Sur le site de l’agence BuzzMan, toute l’équipe est présentée sur la page « People » : une façon originale de se familiariser avec l’entreprise et de découvrir « les visages » derrière le service proposé.

15. Soyez accessible et transparent

Avouons-le, un site sur lequel l’adresse des locaux est introuvable n’inspire pas confiance… De la même façon, un site marchant sur lequel aucune page n’aborde la politique de retour des produits fera fuir de potentiels acheteurs.

Pour augmenter la confiance que vous accordent vos visiteurs, essayez d’être le plus transparent possible :

  • Affichez vos coordonnées (adresse, e-mail, téléphone)
  • Soyez joignable par mail et téléphone
  • Répondez aux questions des visiteurs

Pour aller plus loin, vous pouvez également mettre en place un « chat » en ligne afin de répondre instantanément à vos visiteurs.

16. Ne sous-estimez pas la valeur des informations

Beaucoup de sites proposent des formulaires à rallonge, allant parfois jusqu’à demander l’adresse postale et le numéro de portable au premier contact.

Si cela vous concerne, sachez que plus votre formulaire sera long, plus vous perdrez de potentiels leads : essayez-donc de maintenir sa longueur au minimum.

De façon générale, les visiteurs n’apprécient guère de se voir soustraire toutes leurs informations personnelles : demandez le minimum d’informations de façon à pouvoir contacter vos leads sans pour autant paraître intrusif.

Améliorer son SEO pour augmenter son trafic et sa conversion

Le SEO pour « Search Engine Optimization » désigne l’ensemble des méthodes et techniques mises en place pour améliorer son référencement naturel sur Google. Bien que le sujet soit très vaste, voici quelques astuces à mettre en place sur votre landing page.

17. Soignez vos balises titres et méta-descriptions

Le titre d’une page (formulé par la balise <title>) est un des premiers éléments rencontrés par vos visiteurs lorsque leur navigation commence par une recherche Google.

Il est donc important de respecter quelques règles afin d’augmenter le taux de clics et d’attirer des visiteurs qualifiés :

  • Soyez précis sur ce que « propose » votre page
  • Restez dans la limite de 55-60 caractères pour votre titre
  • N’écrivez-pas tout en MAJUSCULES
  • Affichez le nom de votre site dans le titre
  • Écrivez un titre unique par page

Les mêmes conseils s’appliquent aux méta-descriptions à l’exception de la limite de caractères : on recommande autour de 150-160 caractères pour un affichage optimal.

De façon générale, n’oubliez-pas non plus d’inclure vos mots-clés principaux dans vos titres et méta-descriptions : cela permet à Google d’indexer vos pages en rapport avec les mots-clés que vous ciblez.

Note : attention tout de même à ne pas transformer vos balises <title> et <meta> en fourre-tout à mots-clés : cela n’a aucun intérêt pour les utilisateurs et risque même de vous pénaliser aux yeux de Google.

18. Faites pointer vos contenus vers votre landing page

L’autorité d’une page est longue et difficile à construire : elle est déterminée par de nombreux facteurs dont le nombre et la qualité des liens qui pointent vers elle.

Si vous produisez du contenu en rapport avec votre landing page, faites-en sorte de « linker » vos contenus vers votre landing page : ce maillage interne a un effet positif pour le SEO.

19. Optimisez la vitesse de chargement de votre site

Il y a deux principales raisons à vouloir optimiser son site afin que les éléments s’affichent plus rapidement :

  • Vos visiteurs vont adorer
  • Google va adorer

Le raisonnement est simple : plus votre landing page nécessite du temps pour s’ouvrir, plus vous perdrez de potentiels précieux visiteurs.

Pour l’algorithme de référencement de Google, une page bien optimisée est une page bonne à référencer : vous avez donc tout intérêt à mettre en place les modifications nécessaires à l’amélioration de la vitesse de chargement de votre site.

Pour améliorer la vitesse de votre site Internet, vous pouvez utiliser un outil comme GT Metrix.

20. Tirez profit de Google Images

Google Images est souvent ignoré par de nombreux commerçants : c’est une erreur monumentale !

En effet, de nombreux visiteurs pourraient arriver sur votre landing page depuis une recherche d’images : c’est à vous de faire en sorte qu’ils y parviennent !

Pour cela, gardez en mémoire ces 2 astuces :

  • N’utilisez pas de photos trouvées au hasard sur Internet : cela vous décrédibilise et ne permettra pas de trouver votre landing page via Google Images.
  • Renseignez l’attribut « ALT » de vos images : l’attribut alt permet de donner une description de vos photos à Google : cela permet de les référencer sur Google tout en vous assurant qu’elles pointeront vers votre site.

Si vous cherchez à créer rapidement de pages d’atterrissage efficaces, découvrez ces logiciels de création de landing pages.

Vous avez aimé cet article ? Nous serions ravis d’en discuter avec vous. Si vous cherchez à augmenter vos performances et à améliorer votre conversion, découvrez ce qu’AB Tasty peut faire pour vous.

Article

13min lecture

Le Guide Complet pour Générer des Leads sur sa Landing Page

Dans notre article sur la définition d’une landing page efficace, nous avions évoqué les 2 principaux types de landing pages et leurs différences.

  • La landing page « click-through »
  • La landing page de génération de leads

C’est cette dernière qui nous intéresse aujourd’hui.

Qu’est-ce qu’une landing page pour la génération de leads ?

Définition : à la différence de la landing page « click-through » qui sert d’étape « de chauffe » avant une action comme la vente d’un produit ou d’un service, la landing page dite de « lead generation » sert à récolter des informations personnelles et établir des points de contact pour créer un maximum de « leads » ou « prospects » utiles à votre activité.

Dans la pratique, il s’agit donc de maximiser l’interaction entre vos visiteurs et votre page dans le but d’établir un contact.

Pour cela, votre landing page aura pour principal objectif le recueil d’informations personnelles telles que :

  • Le nom et prénom
  • L’adresse e-mail
  • Le numéro de téléphone

Pour beaucoup d’activités telles que le conseil, les solutions dites SaaS (Software as a Service) ou l’immobilier : les leads sont le nerf de la guerre. Pas de leads, pas d’activité commerciale : vous voyez où on veut en venir ?

Et pourtant, de nombreux sites internet ne portent pas assez d’attention à leur capacité à attirer continuellement de nouveaux leads.

Mais pas de panique, cet article va vous aider à mieux comprendre :

  1. Pourquoi vous devriez créer une landing page pour générer des leads
  2. Ce que vous devez améliorer pour vous distinguer de la concurrence
  3. Comment attirer des prospects continuellement sans utiliser AdWords

10 conseils à mettre en place dès à présent pour générer des leads sur votre landing page

1. Faites attention à votre design

Tout le monde le sait : un design approximatif n’inspire guère confiance.

Si vous souhaitez générer davantage de leads, il va donc falloir commencer par travailler le design de votre landing page.

Design Landing Page Groupon
source : groupon.com

En règle général, vous devez faire en sorte que votre design soit clair, compréhensible et abordable par tout le monde.

Pour créer un design impactant :

  • Harmonisez les couleurs de votre thème
  • Différenciez clairement les « titres » de vos paragraphes
  • Jouez sur les formes et la symétrie
  • Pensez à aérer votre texte pour le rendre lisible

Si vous présentez plusieurs offres distinctes, une astuce consiste à en mettre une en valeur par rapport aux autres : vous focalisez ainsi vos leads vers une offre en particulier.

Pricing Page LeadQuizzes
source : leadquizzes.com

Sur le site de LeadQuizzes, la landing page dédiée à l’essai gratuit est construite de sorte à mettre en avant l’offre intermédiaire.

Concrètement, le site utilise une couleur différente pour l’offre que l’équipe souhaite mettre en valeur : le bandeau vert vient renforcer l’attractivité visuelle de l’offre.

Pour autant, la landing page de LeadQuizzes reste claire et facile à naviguer : la proposition de valeur tient en une phrase et les caractéristiques du service sont mises en valeur sous les 3 offres.

Si vous cherchez l’inspiration, consultez ces exemples de design de landing pages.

2. Travaillez vos call-to-action

Les call-to-action font partie des éléments auxquels vous devez le plus prêter attention lorsque vous travaillerez sur votre landing page.

Pour rappel, un call-to-action est un élément de votre landing page qui a pour but de déclencher une action. Les actions peuvent être nombreuses, en voici quelques-unes parmi les plus courantes :

  • Souscription à une newsletter (E-Mail)
  • Formulaire d’inscription (coordonnées personnelles)
  • Essai gratuit (coordonnées bancaires et personnelles)
  • Achat d’un service/d’un produit
  • Réservation d’une prestation
  • Demande de rappel / prise de contact

Un call-to-action doit être vu comme l’aboutissement de votre proposition commerciale : il doit donc être introduit par des arguments de vente et être mis en valeur par rapport au reste de votre page. En savoir plus sur l’optimisation des call-to-action.

Trello Call to Action Landing Page
source : trello.com

Sur le site de Trello, la landing page a été travaillée de sorte à être la plus simple et percutante possible.

On distingue donc deux paragraphes de texte dont le premier contient la proposition de valeur mise en gras.

Le call-to-action est fortement mis en valeur avec sa couleur verte qui résonne avec le bouton « Créer un compte » visible dans le coin supérieur droit.

Concernant la formulation du call-to-action, on constate deux éléments :

  • L’utilisation de l’impératif : « inscrivez-vous »
  • La présence d’un argument : « c’est gratuit »

L’utilisation de l’impératif est une méthode qui revient souvent lors de la rédaction d’un call-to-action : cela permet d’impliquer le visiteur dans le processus en lui parlant directement. C’est une approche plus directe et plus personnelle que le traditionnelle « Inscription ».

3. Soignez vos formulaires

Lorsqu’on parle de landing pages qui ont pour but la génération de leads, le formulaire en est l’étape finale : c’est la qualité de cet élément qui déterminera si vos visiteurs laisseront volontiers leurs informations personnelles.

Pour créer un formulaire qui convertit, la recette est assez similaire à celle d’un bon-call-to-action :

  • Faire ressortir le formulaire du reste de la page
  • Utiliser des couleurs attractives
  • Formuler une proposition de valeur claire et intéressante

AdExpresso Lead Generation Form
source : adespresso.com

De façon générale, voici quelques conseils pour vous aider à créer un formulaire qui convertit :

Ne demandez que le minimum.

Réduisez vos formulaires au strict minimum : il est inutile et contre-productif de demander trop d’informations à vos visiteurs : vous les ferez fuir à coup sûr. Un bon formulaire est donc un formulaire qui ne demande que des informations réellement nécessaires à la suite du processus : e-mail, téléphone et nom-prénom sont le maximum.

Utilisez des boutons et des cases à cocher.

Les visiteurs n’aiment pas écrire. Pour maximiser votre génération de leads, vous pouvez remplacer des champs à remplir par des cases à cocher, des quizz, des sélections multiples.

En utilisant cette méthode, vous pouvez également choisir en amont les réponses à cocher ce qui vous permettra d’obtenir des leads plus qualifiés tout en augmentant votre nombre de leads : magique, non ?

Focalisez-vous sur les bénéfices

Comme pour les call-to-action, il est nécessaire de mettre en avant les bénéfices que vont tirer vos visiteurs s’ils s’inscrivent ou donnent leurs informations personnelles. Sans proposition de valeur pertinente, vos visiteurs ne souhaiteront pas communiquer leurs données personnelles. Pour augmenter votre nombre de leads, n’hésitez-pas à proposer une vraie contrepartie : cela peut être l’accès à un e-book, une newsletter ou même un essai gratuit.

Optimisez pour les mobiles

Bien que la proportion varie en fonction du secteur d’activité, de nombreux sites internet voient la moitié ou plus de leur trafic arriver depuis des terminaux mobiles.

Si vous créez un formulaire, assurez-vous donc qu’il soit responsive et que son affichage sur mobile soit optimal.

Pour plus de résultats, vous pouvez également créer des formulaires spécialement conçus pour le mobile : vous aurez alors l’assurance que l’expérience des visiteurs sur votre site sera optimale.

A/B testez vos formulaires

Mettre en place des modifications pour améliorer ses formulaires est une bonne chose. Cela prouve que vous êtes conscients de l’importance des formulaires pour une landing page de génération de leads. Mais comment quantifier l’amélioration des performances ?

Pour cela, nous vous recommandons de faire de l’A/B testing sur vos formulaires.  En quelques mots, l’A/B testing vous permet de comparer deux versions d’une même landing page.

L’intérêt est donc de comparer votre landing page avec le précédent formulaire contre votre landing page équipée du nouveau formulaire. Une partie du trafic sera dirigée vers l’ancien formulaire (souvent la moitié) et comparée à l’autre moitié du trafic qui verra le nouveau formulaire.

Après analyse, vous aurez accès à un rapport de performance détaillé qui mettre en lumière l’efficacité des changements que vous avez mis en place.

4. Ajoutez des témoignages de (vrais) clients

Les témoignages clients fonctionnent comme une preuve sociale : plus vous en affichez, plus vous réassurez les visiteurs de votre page. Le cerveau humain passe son temps à chercher des formes reconnaissables, des noms familiers et des similitudes : faites-en sorte qu’il soit satisfait !

Stripe Landing Page
source : stripe.com

Sur le site de Stripe, l’équipe a créé une page dédiée à ses clients. Et quelle page !

Le header de la page affiche les logos des clients existants qui défilent lentement tandis que le reste de la page est scindé en fonction du type de clients : e-commerce, économie participative etc…

Pour chaque catégorie de clients, la page propose un témoignage client et explique comment l’entreprise a intégré Stripe à son fonctionnement.

Les couleurs sont harmonisées afin de faire ressortir le texte ce qui permet aux visiteurs de prendre le temps de découvrir « ce que Stripe peut leur apporter ».

5. Mettez en avant les bénéfices de votre offre

Beaucoup de sites créent des landing pages en expliquant « ce qu’ils font » mais en oubliant de parler de « ce qui va changer pour leurs clients ».

Lorsque des visiteurs naviguent sur votre landing page, ils cherchent à comprendre ce qu’ils vont obtenir : quels sont les bénéfices tirés de votre offre ?

Pour générer davantage de leads, focalisez-vous sur la mise en valeur des avantages et bénéfices offerts par vos services. On parle souvent de la proposition de valeur.

Sur le site de Shopify, les fonctionnalités sont présentées sous la forme d’arguments de vente et de bénéfices : « Vendre sur Internet facilement », « Accélérer la croissance de votre entreprise ».

En formulant votre offre de la sorte, vous explicitez aux visiteurs ce qui va changer pour eux et comment vous allez leur simplifier la vie : rien de plus efficace pour les convaincre de se laisser tenter par votre offre.

6. Créez des offres limitées

Le temps, c’est de l’argent. Pour augmenter facilement votre conversion, il existe une astuce qui consiste à créer des offres limitées dans le temps ou en quantité.

Le but d’une offre limitée : créer une deadline (fictive ou réelle) pour profiter d’une offre alléchante : vous précipitez donc le processus de décision de vos visiteurs tout en leur faisant découvrir vos services.

Udemy Landing Page with Time Limited Offer
source: udemy.com

Sur le site de Udemy, le bandeau au dessus du menu met en valeur une promotion limitée dans le temps : celle-ci précise qu’une offre antérieure a été prolongée et expire dans 20h.

AB Tasty propose des fonctionnalités pour animer votre site web à l’aide de différentes tactiques marketing comme jouer sur l’urgence et l’effet de rareté pour améliorer ses conversions.

7. Faites attention à votre tunnel de conversion

Un tunnel de conversion représente l’ensemble des étapes préliminaires au passage à l’action d’un visiteur. Il comprend donc tout le processus qui fait passer un visiteur au stade de lead voire de client.

Si vous possédez une landing page ou que vous projetez d’en créer une, nous vous recommandons de lire notre guide pour tout savoir sur le tunnel de conversion.

L’idée générale est de créer un tunnel de conversion pertinent depuis vos canaux d’acquisition jusqu’à vos landing pages.

Voici quelques exemples de tunnels de conversion simples :

  • Campagne Google Adwords ciblée sur un mot-clé qui pointe vers une landing page optimisée sur ce même mot-clé.
  • E-book gratuit échangé contre une adresse e-mail qui contient des liens pointant sur une ou plusieurs landing pages créées spécifiquement sur le thème de votre e-book.
  • Publicité Facebook ciblant un segment particulier qui renvoie sur une landing page optimisée pour ce segment de clients.

Lorsque vous travaillez sur votre tunnel d’achat, faites attention à la cohérence entre vos canaux d’acquisition (les publicités affichées) et vos landing pages.

Pour maximiser la conversion, il est important que le message marketing soit le même tout au long du tunnel de conversion.

8. Créez des ressources pertinentes, adaptées à votre cible

Il existe de nombreuses « bonnes » landing pages. Mais celles qui se distinguent le plus sont les quelques-unes qui parviennent à fournir à leur visiteur un contenu de qualité adapté à leur cible.

Le but : créer des ressources abordables et intéressantes qui fourniront des informations pertinentes à vos visiteurs dans le but de présenter vos services et de renforcer votre autorité en la matière.

Les possibilités de création sont infinies et différentes en fonction de votre activité.  Il existe cependant plusieurs « supports » récurrents :

  • Les vidéos
  • Les infographies
  • Les guides
  • Les e-books
  • Les articles

Vous vous demandez « est-ce vraiment efficace » ? Faites le constat par vous-même, vous êtes actuellement en train de lire une « ressource » !

9. Soyez audacieux : créez une page par type de client

S’il y a bien une erreur à ne pas commettre lorsqu’on cherche à générer des leads : c’est de croire que tous les segments de visiteurs de votre site sont les mêmes et qu’ils doivent être traités pareillement. La personnalisation de l’expérience utilisateur est aujourd’hui clé pour se différencier.

La première étape pour créer des landing pages distinctes en fonction de vos segments de clients est de comprendre quels sont les segments de visiteurs qui parcourent mon site.

Pour cela, rendez-vous sur Google Analytics dans l’onglet « Audiences > Demographics». Vous obtiendrez des informations détaillées sur le nombre de sessions classées par âge, sexe, provenance géographique…

Une fois cet aspect étudié, il ne vous reste plus qu’à créer des pages adaptées aux différents segments. Exemple : Vous savez qu’une partie de votre clientèle est constituée de Seniors intéressés dans l’acquisition de résidences secondaires en Espagne : créez une landing page pour eux !

Pour en savoir plus sur la personnalisation en e-commerce, téléchargez notre ebook.

10. Faites de l’A/B testing pour améliorer votre taux de conversion

L’A/B testing vous permet de quantifier les performances de votre page en comparant deux versions d’une même page :

  • La page « A » dite de contrôle
  • La page « B » dite variation, dont vous souhaitez mesurer la performance.

Concrètement, vous avez une landing page A. Vous souhaitez changer le formulaire pour augmenter le nombre de leads. Vous utilisez un outil d’A/B testing pour créer une variation de votre landing page qui contiendra le nouveau formulaire. Une partie du trafic est dirigée vers la page A et une autre sur la Page B. Après quelques jours ou semaines, vous obtenez les résultats : la page B avec le nouveau formulaire vous a apporté 20% de leads en plus.

Bonus. Comprenez comment se comportent vos internautes

Si malgré la mise en place de toutes ces tactiques, vos landing pages ne convertissent toujours pas plus, il est possible que vous ayez atteint un palier. Pour le franchir, il va falloir utiliser de nouvelles méthodes pour comprendre quels freins empêchent vos visiteurs de convertir.

Vous pouvez utiliser des outils comme les heatmaps (cartes de chaleur) ou le session recording qui vous aident à visualiser comment les internautes interagissent avec vos pages .

Les premières représentent à l’aide de couleurs quels éléments ou zones sont les plus cliqués alors que le deuxième enregistre en vidéo toutes les actions de vos internautes. Vous voyez où ils cliquent, les déplacements de leur souris, sur quels zones de votre site ils hésitent ou encore comment ils interagissent avec vos formulaires.

Ces outils sont des aides précieuses pour continuer à optimiser vos conversions et faire de vos landing pages de vraies machines à générer des leads. Envie d’avoir plus ? Consultez nos 20 astuces pour optimiser vos landing pages ou notre sélection d’outils de création de landing pages.