Qu’est-ce qu’une landing page ?
Si vous êtes en train de lire cet article, vous avez probablement déjà une idée de ce qu’est une landing page. Mais je vais tout de même le clarifier, juste pour m’assurer que vous êtes à la (landing) page. Tout d’abord, une landing page n’est pas une page d’accueil. Une page d’accueil est l’endroit où les visiteurs arrivent lorsqu’ils consultent votre site Web. En gros, c’est le hall d’entrée de votre site. Les pages d’accueil ont de nombreux objectifs : diriger les visiteurs vers d’autres pages du site, leur donner un endroit familier où arriver, fournir un hub central pour commercialiser votre marque, et plus encore. Une landing page est une page unique conçue dans un but très précis : inciter les visiteurs à l’action, que ce soit demander de plus amples informations, acheter un produit ou un service, ou consulter votre site principal. On appelle cela une landing page (page d’atterrissage, ou page de destination) car c’est là que vous souhaitez que vos visiteurs « atterrissent » après avoir cliqué sur un lien ou une publicité.Qu’est-ce qu’une landing page efficace ?
Penchons-nous sur les éléments qui contribuent à l’efficacité d’une landing page. Pour convertir des visiteurs, votre landing page doit contenir au moins ces trois éléments :- Un en-tête. Cela attirera l’attention de vos visiteurs. Il doit être court et précis.
- Un sous-en-tête (ou sous-titre). Il s’agit d’un bref texte qui explique à vos visiteurs en quoi vous pouvez les aider. Bien que vous disposiez d’un peu plus d’espace que pour l’en-tête, votre sous-en-tête doit également être court et agréable.
- Un CTA. Cela signifie « Call to Action » (appel à l’action). C’est le bouton sur lequel vous voulez que vos visiteurs cliquent. Aussi simple que cela.
- Peu ou pas de navigation. Une landing page efficace doit tout faire pour attirer l’attention sur votre CTA. D’autres éléments de navigation risquent de détourner l’attention de votre CTA, vous faisant perdre des leads. Bien que certaines landing pages efficaces incluent des éléments de navigation (je pense par exemple à DoorDash), essayez de les réduire au minimum.
- Des visuels intéressants. Il ne s’agit pas de remplir votre page de texte, mais vous devrez la rendre attrayante d’une manière ou d’une autre. Des images de haute qualité sont un excellent moyen de susciter l’intérêt pour votre service. Une vidéo est un bonus !
- Une preuve sociale. Vous avez reçu des avis positifs ? N’hésitez pas à les partager sur votre landing page. Les êtres humains sont sociables. Si vos visiteurs voient que d’autres recommandent vos produits ou services, ils seront plus susceptibles d’être intéressés.
- Des éléments interactifs (le cas échéant). Inciter les visiteurs à interagir avec votre site peut être un moyen efficace de susciter leur intérêt. Les quiz, les barres mobiles et les mini-jeux sont parfaits pour encourager les visiteurs à cliquer. Toutefois, assurez-vous que tous les éléments interactifs sont vraiment en rapport avec ce que vous proposez. Dans le cas contraire, vos visiteurs risquent de ne pas apprécier.
- Connaissez votre public. Qu’offrez-vous ? Est-ce élégant ? Énergique ? Branché ? Il peut être intéressant pour un magazine de jeux d’intégrer un mini-jeu au navigateur. Une boutique de bougies peut proposer un bref questionnaire qui aide les visiteurs à trouver la bougie idéale. Tout, des polices aux couleurs d’arrière-plan, doit plaire à votre public cible.
Méthode 1 – Utiliser un créateur de pages WP
Avant de commencer, il est important d’établir la différence entre WordPress.com et WordPress.org. WordPress.org est une plate-forme open source pour la création et la gestion de sites Web. Vous avez peut-être entendu dire qu’environ un tiers de tous les sites Web sont basés sur WordPress. Et c’est vrai. Pour utiliser WordPress.org, vous aurez besoin d’un fournisseur d’hébergement Web ainsi que d’un nom de domaine. Mais ne vous inquiétez pas : cela semble plus compliqué qu’il ne l’est. WordPress.com est la version de WordPress qui inclut son propre hébergement. En comparaison avec WordPress.org, il est bien plus proche d’un créateur de site Web traditionnel. Cela signifie qu’il est plus facile à gérer, mais aussi plus limité. À noter que les deux éditeurs sont disponibles en français. Commençons par créer une landing page avec WordPress.org. Si seul WordPress.com vous intéresse, vous pouvez passer cette section.Étape n° 1 : Procurez-vous un hébergement
Avant de commencer, vous aurez besoin d’un fournisseur d’hébergement où vous pourrez installer WordPress et d’un créateur de pages. Si vous en utilisez déjà un pour votre site principal ou votre boutique en ligne, gardez-le ; il n’y a aucune raison de compliquer les choses. Si vous n’avez pas encore de fournisseur d’hébergement, je vous suggère de lire notre avis sur les meilleurs fournisseurs d’hébergement en 2024.
Le processus d’installation de WordPress variera en fonction de votre fournisseur, mais en règle générale, cela ne devrait pas être trop compliqué. Pour ma page, j’ai choisi Hostinger. Hostinger propose des forfaits spécialisés pour l’hébergement WordPress. Il m’a donc suffi de créer un compte et de suivre les instructions de son outil d’installation automatique.
Économisez jusqu'à 75 % sur votre abonnement Hostinger !
Offre à durée limitée - À ne pas manquer !
Étape 2 : Installez votre créateur de page
Maintenant que vous avez le bon fournisseur d’hébergement, il est temps d’installer votre créateur. Tout ce que vous avez à faire est d’accéder à votre tableau de bord WordPress, puis à Plugins, et de cliquer sur “ Ajouter un nouveau ”. Si vous avez déjà téléchargé un fichier .zip pour votre créateur, il suffit de l’importer. Sinon, vous pouvez rechercher votre créateur préféré dans la barre ” rechercher des plugins ” et cliquer sur le bouton ” Installer maintenant “. J’ai utilisé Elementor pour ma landing page, mais les étapes seront très similaires quel que soit votre créateur de page. Si vous ne savez pas quel créateur utiliser, vous pouvez consulter certains de mes préférés ci-dessous. Quel que soit le créateur choisi, testez-le avant de commencer. Regardez des tutoriels YouTube, créez des pages fictives, etc. Il est judicieux de vous familiariser avec l’interface et les fonctionnalités de votre créateur avant de vous lancer.Étape 3 : Concevez votre page
Si vous n’avez pas une idée claire de ce que vous souhaitez, vous risquez de vous retrouver avec une landing page sans queue ni tête. D’où l’importance d’avoir un plan.
Commencez par créer une maquette de votre landing page. Il n’y a pas de règles pour ça. Vous pouvez la concevoir dans Photoshop, MS Paint, ou la dessiner sur une serviette. La seule chose qui compte, c’est qu’elle soit suffisamment claire pour que vous puissiez vous en servir.
Si vous ne savez pas par où commencer, vous pouvez toujours jeter un œil à des exemples de landing pages réussies dans votre secteur ou créneau. Pensez à votre marque, à votre style et à votre public.
Pour cet exemple, j’ai décidé de concevoir une landing page pour une librairie par abonnement qui envoie des suggestions personnalisées chaque mois. Outre les bases, j’ai choisi d’inclure un quiz qui recommande de nouveaux livres à l’utilisateur.
Étape #4 : Choisissez le modèle idéal
Bon, vous avez choisi un fournisseur d’hébergement, vous avez installé WordPress et votre créateur de pages est opérationnel. Vous êtes fin prêt(e) à passer à la partie sympa, n’est-ce pas ? Presque. Encore faut-il choisir un modèle. Bien sûr, vous pouvez simplement commencer avec une page vierge, mais le nombre de décisions de design minutieuses que vous devrez prendre (des polices aux couleurs en passant par les animations et designs d’arrière-plan) risque de vous surprendre. Plus un modèle existant correspond à votre design idéal, moins vous aurez de travail pour donner vie à votre vision. WordPress.org propose une vaste galerie de modèles. En outre, votre créateur de page intègrera peut-être une sélection d’options. Si vous êtes dépassé(e), notre liste des meilleurs modèles de landing page en 2024 peut vous aider. J’ai commencé avec le thème Online Life Coach d’Elementor. Même si je l’ai adapté à des fins différentes (demandez à qui vous voulez, je suis vraiment mal placé pour vous dire comment vivre votre vie), ses polices élégantes et ses éléments bien agencés m’ont donné un excellent point de départ.Étape #5 : Personnalisez votre page
Le processus exact de personnalisation d’une landing page est différent pour chaque utilisateur. En ce qui me concerne, j’aime commencer par les aspects généraux puis peaufiner les détails. Pour modifier quelque chose avec Elementor, il suffit d’accéder à votre tableau de bord WordPress, de créer une nouvelle page et de choisir ” modifier avec Elementor “. Vous verrez un menu avec plusieurs options de widget. Cliquez sur le menu hamburger en haut à gauche (c’est-à-dire les trois lignes horizontales) puis sur ” Paramètres du site “. Vous pourrez y personnaliser les aspects plus généraux de votre page, comme les polices globales, la couleur d’arrière-plan, etc. Lorsque vous avez terminé, cliquez sur les petits carrés en haut à droite du menu. Vous verrez une série de widgets que vous pouvez ajouter à votre site. Les widgets de base incluent des éléments tels que du texte, des images et des vidéos. J’ai décidé de passer à Elementor Pro pour débloquer des widgets plus intéressants comme des titres animés et des carrousels multimédias. Dans tous les cas, vous pouvez simplement faire glisser et déposer n’importe quel widget à l’endroit où vous souhaitez qu’il apparaisse sur votre page. Vous pouvez ensuite cliquer sur votre widget pour afficher le menu du widget. Selon le widget, vous pouvez personnaliser des éléments tels que la couleur, les bordures et même les animations. Pour ma propre page, j’ai commencé par modifier les couleurs d’arrière-plan et supprimer les éléments inutiles de mon modèle. J’ai ensuite modifié mon titre, mon sous-titre et créé un espace où je pouvais ajouter un quiz. Je voulais que ma landing page soit aussi simple que possible, j’ai donc supprimé la plupart des éléments déroulants de la page. Je n’ai gardé que les éléments prédéfinis pour la preuve sociale et une brève section ” À propos “, que j’ai modifiée pour correspondre au style recherché. Le quiz a pris un peu plus de temps. Heureusement, Elementor inclut un widget de formulaire intégré, donc c’était tout de même relativement simple. Si vous utilisez un autre créateur, vous trouverez de nombreux plugins de formulaire que vous pouvez installer sur votre page.Les meilleurs créateurs de pages pour les landing pages
Il existe une myriade (et j’insiste sur myriade) de créateurs de pages pour WordPress. Même une liste des meilleurs serait trop longue. Je vais donc vous fournir un bref aperçu de mes créateurs de prédilection.
Elementor
Elementor est l’un des créateurs de pages les plus populaires pour WordPress, et pour cause. Elementor propose un outil d’édition « drag-and-drop » puissant et gratuit . Il vous faudra un peu de temps pour maîtriser ses fonctionnalités les plus intéressantes, mais Elementor est extrêmement puissant une fois que vous vous y êtes habitué(e). Ses meilleures fonctionnalités pour les landing pages incluent notamment :- Une myriade de thèmes tiers. Il existe des milliers de thèmes compatibles avec Elementor sur le Web, y compris de nombreux thèmes de landing page adaptés à tous les budgets.
- Une fonctionnalité évolutive. Le forfait gratuit d’Elementor n’est vraiment pas mal. Cela dit, si vous recherchez encore plus de fonctionnalités, les forfaits Pro et Expert, proposés à des prix raisonnables, offrent des fonctionnalités fantastiques comme un créateur de thème et un générateur de popup avancé.
- L’édition CSS personnalisée. Avec le forfait Pro, vous pouvez modifier pratiquement tous les aspects de votre site Web avec un code personnalisé. Certes, vous aurez besoin de compétences techniques, mais les possibilités sont infinies.
Divi
Divi by Elegant Themes est une option flexible pour créer toutes sortes de sites. L’éditeur de modules est incroyablement facile à utiliser, malgré la grande variété d’options de personnalisation offerte. Et si vous préférez l’édition backend, Divi la prend également en charge.
Les meilleures fonctionnalités de Divi incluent notamment :- L’éditeur de modules. Si vous souhaitez modifier un élément, il suffit de cliquer dessus. Les différentes options de personnalisation apparaîtront alors directement dessus.
- De superbes packs de mises en page. Divi propose plus de 250 packs de modèles (appelés layout packs, ou packs de mises en page) pour vous aider à créer tout type de page.
- Une incroyable facilité d’utilisation. Peu créateurs de pages sont aussi faciles à utiliser que Divi.
SeedProd
SeedProd est le seul créateur de pages de cette liste spécialement conçu pour les landing pages. Vous n’aurez aucun mal à vous familiariser avec, et les résultats sont époustouflants. C’est une option particulièrement intéressante si vous recherchez une version d’Elementor plus axée sur les landing pages, car les interfaces des deux créateurs sont relativement similaires. SeedProd offre d’excellentes fonctionnalité, notamment :- Une édition ultra-rapide. Grâce à la mise en page simple et aux widgets réactifs, il ne faut que quelques minutes pour créer une superbe landing page avec SeedProd.
- Des modèles de haute qualité. SeedProd propose plus de 180 modèles personnalisables de haute qualité, selon le forfait.
- La gestion des abonnés. Les outils de gestion des abonnés de SeedProd vous permettent de suivre l’évolution de votre liste d’abonnés et fournissent des données visuelles sur le nombre d’abonnements.
Beaver Builder
Beaver Builder est un créateur de pages simple basé sur des modules. Bien qu’il soit axé sur la création de pages pour les sites Web d’agences, son interface conviviale et sa grande variété de modèles le rendent adapté à n’importe quel type d’utilisateur. Beaver Builder offre :- Une édition incroyablement réactive. Lorsque vous apportez des modifications à votre site Web, il n’y a pratiquement aucun décalage dans l’éditeur.
- Des boutons faciles à modifier. Beaver Builder offre tous les outils dont vous pourriez avoir besoin pour peaufiner un bouton à cliquer (un élément particulièrement important sur la plupart des landing pages).
- Un vaste centre d’assistance. En cas de problème, Beaver Builder propose des centaines de tutoriels vidéo pour vous aider à vous remettre sur la bonne voie.
Méthode 2 – Utiliser l’éditeur WordPress Gutenberg
Si vous utilisez WordPress.com, vous devrez souscrire le forfait Pro pour installer un créateur de page (ou tout autre plugin, d’ailleurs). De plus, la plupart des créateurs de pages réservent leurs meilleures fonctionnalités aux forfaits payants, et le prix peut donc vite grimper. Heureusement, chaque forfait WordPress inclut l’éditeur Gutenberg, un simple éditeur de blocs pour créer facilement des sites Web. Bien qu’il soit plus limité que de nombreux autres créateurs, vous pouvez tout de même l’utiliser pour créer une landing page efficace gratuitement ou presque. Voici comment :Étape #1 : Créez un compte WordPress.com
Pour commencer, il vous suffit de vous rendre sur WordPress.com et de cliquer sur ” commencer “. Vous devrez saisir votre nom, votre adresse e-mail et créer un mot de passe.Économisez jusqu'à 55 % sur votre abonnement WordPress.com !
Offre à durée limitée - À ne pas manquer !
Étape 2 : Planifiez votre landing page
Je vous donnerai à peu près les mêmes conseils que ci-dessus, sauf que vous devrez tenir compte des limites de l’éditeur Gutenberg lors de la planification de votre design. N’imaginez pas une page avec des animations complexes et des arrière-plans dynamiques et… je ne sais pas, des effets de particules ? Avec Gutenberg, vous devrez vous contenter de l’essentiel. Mais ne laissez pas cela vous décourager. Une bonne landing page n’a pas besoin de fioritures. Il vous suffit d’avoir un CTA efficace et une identité qui vous distingue.Étape #3 : Choisissez votre thème
Maintenant que vous avez une feuille de route pour votre page, il est temps de choisir un thème. Accédez à votre tableau de bord WordPress.com, cliquez sur Apparence, puis sur Thèmes. Choisissez celui qui convient le mieux au design que vous avez en tête. Les thèmes de WordPress.com sont conçus à des fins différentes. Au lieu de vous concentrer sur les couleurs et les styles de texte (vous pourrez toujours les modifier plus tard), trouvez un thème optimisé pour votre structure idéale.Étape 4 : Familiarisez-vous avec Gutenberg
Lorsque vous éditez votre site pour la première fois, WordPress.com vous proposera une visite rapide de l’éditeur Gutenberg. C’est une excellente occasion de revoir les bases. Je vous conseille vivement de le tester avant de commencer à créer votre page. Essayez d’ajouter et de supprimer des blocs, juste pour voir à quoi ils servent. Pour personnaliser votre page, accédez à votre tableau de bord, Apparence, puis Éditeur. Commencez à ajouter et à modifier différents blocs en fonction de vos besoins. Pour modifier des aspects plus généraux de l’apparence de votre site, tels que la couleur d’arrière-plan, le design de l’en-tête et les polices, cliquez sur le bouton ” Styles ” dans le coin supérieur droit. Ce que vous pouvez et ne pouvez pas personnaliser dépendra du thème choisi.Étape #5 : Modifiez votre page
WordPress.com sépare les blocs en différentes catégories, comme les médias, le texte et le design. Les blocs de design sont particulièrement utiles car ils permettent de modifier la mise en page de base de votre site. La séparation de votre site en colonnes, groupes et espaces personnalisés peut vous aider à créer un design cohérent. Pour ajouter un élément, cliquez sur le signe plus dans le coin supérieur gauche. WordPress.com propose de nombreux blocs de base, mais vos meilleurs outils seront ceux qui permettent d’ajouter et de personnaliser des titres, des images et des paragraphes. Pour personnaliser un bloc, cliquez sur le bouton ” Options ” (représenté par trois points) en haut à droite, puis sur ” Afficher plus de paramètres “. Selon le bloc, différentes options de personnalisation s’offriront à vous pour en modifier le design. Vous pouvez également utiliser ce que WordPress.com appelle des « Patterns » (compositions). Les Patterns sont des ensembles de blocs prédéfinis que vous pouvez utiliser pour ajouter des fonctionnalités communes à votre page. Il existe des Patterns pour insérer des CTA, des blocs de contact, des sections ” à propos “, et plus encore.Méthode 3 (Bonus) – Laissez tomber WordPress pour une solution plus simple
Petite question. Pourquoi voulez-vous utiliser WordPress, au juste ? WordPress est une plate-forme fantastique qui a beaucoup à offrir, c’est sûr, mais ce n’est pas le seul moyen de créer une landing page. De nombreux créateurs de sites Web vous permettront de créer une landing page efficace en deux fois moins de temps. Et s’il est vrai qu’ils ne peuvent pas rivaliser avec WordPress en matière d’évolutivité, pour une landing page, ça n’a pas d’importance. Voici donc un bref guide bonus pour concevoir une landing page avec un créateur de site Web.Étape 1 : Choisissez un créateur de site Web
Le meilleur créateur de site Web dépendra de vos besoins en matière de fonctionnalités, de facilité d’utilisation et de flexibilité de design.
Pour les landing pages, voici mes principales recommandations :- Wix. Wix offre une flexibilité de design incroyable grâce à son éditeur gratuit « drag-and-drop ». Il est vraiment convivial, et il ne faut que quelques minutes pour s’y habituer. Il comprend également de nombreuses fonctionnalités animées et des éléments préconçus que vous pouvez utiliser pour rehausser votre page.
- SITE123. SITE123 est l’un des créateurs de sites Web les plus simples du marché. Avec SITE123, n’importe qui peut créer une landing page en quelques minutes, quelle que soit son expérience. Il est également adapté mobile, vous pouvez donc avoir la certitude que votre page aura fière allure aussi bien sur mobile que sur ordinateur.
- Squarespace. Squarespace est une option formidable pour les pages qui mettent l’accent sur les visuels, attirent l’attention sur des éléments spécifiques et suscitent des interactions. J’aurais pu simplement dire landing pages. Je recommande Squarespace si vous recherchez un design élégant mais dynamique qui se charge de la plupart des explications à votre place.
Étape 2 : Planifiez votre design et choisissez un modèle
Eh oui, nous y revoilà. Je n’entrerai pas trop dans les détails car les étapes sont les mêmes qu’avant. Planifiez la structure de votre page puis choisissez un modèle qui s’en rapproche. Wix propose une bibliothèque de plus de 800 modèles de haute qualité (dont 35 spécialement conçus pour les landing pages). Vous ne devriez donc pas avoir trop de mal à trouver la base parfaite pour votre design. Les créateurs de sites Web offrent une plus grande liberté de design que l’éditeur Gutenberg. Certains proposent même des créateurs de landing pages dédiés. En outre, ils sont beaucoup plus conviviaux. L’éditeur « drag and drop » de Wix, par exemple, permet de modifier facilement l’apparence et les fonctionnalités de votre modèle à volonté.Étape 3 : Attelez-vous à l’édition
Commencez par changer les couleurs et la typographie de votre thème selon votre style. Pour ce faire, dans le menu de gauche, cliquez sur “ design du site “. Vous pourrez supprimer les éléments dont vous n’avez pas besoin et en ajouter de nouveaux. Pour parcourir les éléments, il suffit de cliquer sur le signe plus en haut à gauche. Wix propose plus de 20 catégories d’éléments, du texte et des éléments décoratifs aux fonctionnalités de boutique, en passant par un outil de blog. Pour ajouter un élément, cliquez simplement dessus et déposez-le où vous voulez sur la page. Je vous invite à tirer parti de la grande variété d’effets dynamiques proposés par Wix, tels que les animations et les transitions. Ils représentent un excellent moyen d’ajouter un intérêt visuel à votre page et d’engager les visiteurs. Pour modifier les propriétés d’un élément, il suffit de cliquer dessus. Selon l’élément, vous verrez apparaître des boutons pour différents menus. Dans ces menus, vous pouvez modifier du contenu, ajouter des animations personnalisées, etc. N’oubliez pas de prévisualiser les différentes versions de votre site pour vous assurer qu’il a fière allure sur mobile et sur ordinateur. Avec un peu de peaufinage, vous obtiendrez une landing page impressionnante en un rien de temps.Étape #4 : Publiez votre page
Pour publier votre page, vous devrez enregistrer un domaine pour cette dernière, même s’il ne s’agit que de la version gratuite fournie par Wix. Toutefois, ne vous inquiétez pas. La plupart des créateurs de sites intègrent un registre de domaine qui facilite la mise en ligne de votre site.Wix est maintenant disponible à seulement $17.00 par mois !
Ne ratez pas cette offre exceptionnelle !