WordPress
time_read51mn de lecture

Comment créer une landing page dans WordPress ?

26 août 2022

Comment créer une landing page dans WordPress ?

Une landing page ou une page d’atterrissage est un type de pages web créée dans un but marketing. Elle peut servir à présenter un nouveau produit, une formation ou collecter les adresses e-mails de visiteurs. Ce type de pages peut inclure plusieurs éléments, notamment un formulaire d’inscription, un lien de téléchargement ou d’accès à un groupe privé.🚀

La façon dont vous concevez votre page d’atterrissage peut influencer considérablement vos résultats. Vous devez donc utiliser des outils performants et complets pour générer une landing page aussi attrayante que possible afin de pousser vos visiteurs à s’engager. 😊

Objectif

Ce tutoriel vous donne les connaissances dont vous avez besoin pour créer une landing page WordPress facilement et rapidement. En suivant nos explications étape par étape, vous pouvez concevoir une page d’atterrissage dès aujourd’hui sans faire appel à un développeur.

Prérequis

Avant de vous lancer, vous devez remplir certains préalables :

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Créer une landing page dans WordPress : 3 méthodes

L’idée derrière une page d’atterrissage est essentiellement marketing. Donc, il est indispensable d’agir de la manière la plus professionnelle possible. En d’autres termes, vous devez soigner le design, ajuster les aspects SEO et éloigner tous les éléments de distraction, enfin de pousser votre lecteur à passer directement à l’action. Ces trois précautions peuvent vous garantir des bons résultats.

Ceci étant dit, passons en détail, les trois méthodes pour créer une page d’atterrissage qui convertit efficacement.

Méthode 01 : Créer une landing page WordPress avec un plugin

Il existe plusieurs plugins destinés à la création d’une landing page dans WordPress. Mais, ils ne répondent pas tous aux mêmes besoins.

Les plugins WordPress qui peuvent spécifiquement vous aider à créer une landing page sont entre autres :

  • SeedProd : une solution complète pour créer une page d’atterrissage en quelques minutes avec un design soigné. Ce plugin est équipé de nombreux modèles et d’outils pour générer une page attrayante et engageante.
  • OptimizePress : un plugin également recommandé pour concevoir une page d’atterrissage à partir de centaines modèles disponibles.
  • Landing Page Builder : cette extension permet de créer plusieurs types de pages d’atterrissage par simple glisser-déposer sans nécessiter d’appliquer les codes.

Pour le besoin de ce tutoriel, nous allons utiliser le plugin SeedProd. Il est, de loin, la solution complète la plus utilisée pour créer des pages d’atterrissage en quelques minutes. Voici les étapes que vous devez suivre :

Étape 1 : Installer le plugin SeedProd

SeedProd est un plugin freemium, vous pouvez donc l’installer depuis le répertoire des extensions de WordPress. La version basique peut-être déjà suffisante pour créer une page d’atterrissage attrayante. Mais, vous pouvez toujours passer à la version payante pour bénéficier des modules complémentaires et plusieurs autres fonctionnalités.

Pour ce faire, connectez-vous à votre espace d’administration, Ensuite, accédez à la section « Extensions › ajouter ». Utilisez la zone de recherche pour trouver rapidement ce plugin. Il suffit de renseigner le nom du plugin et attendre les résultats.

Une fois que vous l’avez trouvé, cliquez sur le bouton « Installer maintenant ».SeedProd/Installer maintenant Après l’installation et l’activation, le plugin sera ajouté à votre menu de gauche.

Étape 2 : Créer votre première page d’atterrissage

Pour accéder au plugin et créer votre première landing page, rendez-vous dans la section « SeedProd › page d’atterrissage ».SeedPro/Page d'atterissage Vous serez redirigé vers une nouvelle interface. La version de base vous propose quatre types de pages d’atterrissage parmi lesquels vous pouvez choisir.créer une nouvelle page d'atterissageDéfilez avec l’interface vers le bas et cliquez sur le bouton « Create new landing page ». Vous serez automatiquement redirigé vers une nouvelle interface où vous avez plusieurs modèles que vous pouvez utiliser pour concevoir votre page d’atterrissage.

Mais, vous pouvez également construire votre landing page en partant de zéro.modèles/landing pageVous devez noter que la version gratuite vous donne accès à une dizaine de modèles. Pour utiliser un modèle, vous devez simplement cliquer dessus. Par la suite, un tableau contextuel sera affiché où vous devez nommer votre page d’atterrissage. Faites cela et cliquez sur le bouton « Save and start editing the page » pour continuer.👇nommer la page d'atterrissageLe modèle que vous avez choisi sera ensuite ouvert aux modifications dans une nouvelle interface. Vous avez les onglets « Design, Connect et Page settings » pour personnaliser votre landing page.

Tout d’abord, accédez à l’onglet « Design » pour avoir tous les outils nécessaires afin de personnaliser le contenu de votre page.outils pour créer une landing pageComme vous pouvez le voir, vous avez la possibilité d’ajouter les titres, les images et les boutons personnalisés à votre page, etc. Lorsque vous cliquez sur un élément, il sera ajouté à votre page. Vous avez alors la possibilité de changer la configuration par défaut pour l’adapter à vos besoins.

Vous pouvez également accéder à la section avancée pour utiliser d’autres outils de conception de la page. Vous devez noter que SeedProd s’intègre facilement à WooCommerce à travers une section spécialement dédiée.

Si donc, vous déployez une boutique avec ce module d’e-commerce de WordPress, vous trouverez des nombreux outils pour créer une page d’atterrissage personnalisée pour mettre en avant vos produits.section WooCommerceVous pouvez par exemple lister vos produits récents ou en promotion ou encore y intégrer un bouton « Ajouter au panier ». En termes de modification d’images par défaut sur le modèle de la page choisie, tout ce que vous avez à faire est de cliquer sur chaque image et la remplacer par la vôtre.modifier le texte par defautPar la suite, vous pouvez cliquer sur chaque titre et modifier le contenu par défaut, son alignement ainsi que le type de polices.👇modifier les titres par défautUne fois que vous terminez les modifications, vous pouvez les enregistrer à l’aide du bouton d’enregistrement. Dans l’onglet « Design », vous pouvez également accéder aux sections pour utiliser les éléments fournis et personnaliser davantage votre landing page.

Vous pouvez dans cette partie ajuster l’en-tête, le corps et le pied de votre page d’atterrissage.👇fonctions avancées/bloc design

Étape 3 : Connecter votre landing page à des services marketing

Une fois que vous avez fini de personnaliser l’onglet « Design », vous devez passer à onglet « Connect ». Celui-ci vous donne la possibilité de connecter votre page d’atterrissage à divers services de marketing en ligne pour optimiser votre page.onglet ConnectParmi les services marketing disponibles, vous avez par exemple :

  • Google Analytics pour traquer les visites sur votre page d’atterrissage.
  • ReCaptcha, qui est plutôt un outil de sécurité que vous pouvez utiliser pour protéger votre formulaire de contact inséré sur cette page.
  • ConvertKit qui est un service pour envoyer des e-mails marketing.
  • MailChimp et GetResponse qui sont aussi deux outils marketing que vous pouvez utiliser pour envoyer des e-mails en masse, etc.

Comme vous pouvez le voir, la plupart de services sont disponibles dans la version payante sauf Google Analytics.

Étape 4 : Configurer le SEO et publier votre landing page

Une fois que vous avez connecté votre page d’atterrissage aux services de choix, passez à l’onglet « Page settings ».onglet Setting C’est dans cet onglet que vous pouvez configurer les aspects SEO de votre page d’atterrissage et y ajouter d’autres scripts pour le personnaliser davantage.

SeedProd utilise le plugin All In One SEO pour le besoin de référencement naturel. Vous devez donc l’installer en cliquant sur le lien proposé si cela n’a pas encore été fait.SeedProd/SEOUne fois que vous avez terminé d’ajuster les aspects SEO de votre page, vous pouvez passer à sa publication. Pour ce faire, rendez-vous sur la barre supérieure et cliquez sur le menu déroulant (comme sur l’image ci-dessous)👇. Il suffit de cliquer sur l’option « Publish » et votre page sera publiée.publier une landing page/SeedProd

Méthode 02 : Utiliser un thème pour créer une landing page

La création d’une page d’atterrissage en utilisant un thème est également une option recommandée lorsque vous débutez avec WordPress. L’avantage de cette méthode est que vous n’avez pas besoin de changer votre thème par défaut ou ajouter des modules complémentaires. Ce qui est une charge de moins pour votre base de données.

Dans le référentiel de WordPress, vous avez accès à des milliers de thèmes gratuits ou payants. Cependant, ils n’intègrent pas tous la fonctionnalité de création d’une landing page.

Nous allons vous donner ici quelques thèmes avec cette fonctionnalité spécifique.

  • Astra : c’est un thème freemium équipé d’environ 180 modèles et de plusieurs outils gratuits pour concevoir vos pages sans appliquer du code.
  • Engin : un thème premium pour créer des pages d’atterrissage avec des visuels modernes par simple glisser-déposer.
  • Smartic : vous pouvez utiliser ce thème premium pour créer des pages d’atterrissage attrayantes pour votre boutique WooCommerce.
  • LandKit : un thème payant pour créer n’importe quel type de landing page à partir de plusieurs modèles prédéfinis.
  • Neve : vous pouvez utiliser le thème gratuit Neve pour concevoir rapidement des pages d’atterrissage sans nécessiter des connaissances techniques.

Pour le besoin de ce tutoriel, nous allons utiliser Astra, qui est de loin le thème freemium le plus populaire de cette catégorie. Voici donc les étapes que vous devez suivre pour créer une landing page avec le thème Astra.

Étape 1 : Installer le thème Astra et activer les modules complémentaires

Connectez-vous à votre tableau de bord puis accédez à la section « Apparence › thèmes ».Apparence/thèmesDans l’interface suivante, cliquez sur le bouton « Ajouter » pour installer un nouveau thème.ajouter un nouveau thèmeVous serez redirigé vers une nouvelle interface, recherchez le thème Astra en utilisant la zone de recherche pour le trouver rapidement. Pour l’installer, glissez votre curseur dessus pour afficher le bouton d’installation.Installer AstraAprès l’installation et l’activation, le thème Astra sera répertorié parmi les thèmes installés sur votre site. Mais pour rendre Astra pleinement opérationnel, vous devez respectivement activer les modules complémentaires.

Ainsi, la prochaine étape consiste à accéder à la section « Apparence › options d’Astra ».options d'AstraUne nouvelle interface vous sera présentée où vous devez activer les modules complémentaires de personnalisation de ce thème.👇actier les modules complementairesAprès avoir installé ces extensions, vous devez ensuite télécharger les modèles prédéfinis en cliquant sur l’extension d’importation. Vous pouvez activer ce module complémentaire dans la section située à droite de l’interface.👇activer l'importation de templatesUne fois que vous avez installé l’extension d’importation de modèles, vous serez redirigé vers une nouvelle interface.interface de confirmation d'activation de l'extension de templatesVotre thème Astra est maintenant prêt à être utilisé pour créer votre première landing page.

Étape 2 : Créer une nouvelle page d’atterrissage avec Astra

Pour commencer la création d’une nouvelle page, accédez à la section « Pages › ajouter ».pages/ajouterUne nouvelle interface vous sera présentée. Tout d’abord, saisissez le titre de votre landing page. Cliquez ensuite, sur le bouton « + » pour accéder aux options de personnalisation de la page. ajouter une nouvelle page d'atterrissageEnsuite, vous allez remarquer qu’un nouveau bloc d’outils s’est ajouté aux blocs de base de l’éditeur Gutenberg. C’est le bloc « Spectra » qui s’installe avec le thème Astra.👇bloc Spectra d'AstraCe nouveau bloc apporte plusieurs options supplémentaires pour créer une page d’atterrissage adapté à vos besoins. C’est notamment la liste de prix, les avis, le partage social, un carrousel de publications ou encore des boutons personnalisés.

Pour utiliser chaque option, cliquez simplement dessus et passez ensuite à la personnalisation. Vous pouvez par exemple ajouter en un clic un bouton d’appel à l’action à votre page d’atterrissage.ajouter un bouton Call to actionVous pouvez aussi cliquer sur l’option « Chronologie de contenus » afin d’afficher des articles sur votre landing page en fonction de leurs dates de mise en ligne.chronologie de publicationsEn dehors de cette méthode de création manuelle d’une page d’atterrissage avec Astra, vous pouvez utiliser les modèles prédéfinis pour accélérer le processus. Pour cela, cliquez sur le bouton « Template Kits » situé sur la barre supérieure.👇template KitsUne nouvelle interface vous sera présentée. Vous avez dans cette page, plusieurs dizaines de modèles que vous pouvez utiliser.modèles d'AstraPour utiliser un nouveau modèle, cliquez dessus et il sera ouvert dans une nouvelle interface. Tout ce que vous avez à faire est de cliquer sur le bouton « Import home template » pour passer à la personnalisation.modifier un modèle AstraVous pouvez ensuite cliquer sur chaque section du modèle pour le personnaliser selon vos souhaits.personnaliser le modèle Astra

Étape 3 : Publier votre landing page

Une fois que vous avez terminé les modifications, vous pouvez publier votre page d’atterrissage en cliquant sur le bouton « Publier ».

publier une landing page/Astra

Méthode 03 : Utiliser un constructeur de pages pour créer une landing page

La troisième méthode que vous pouvez utiliser pour créer une landing page consiste à se servir d’un constructeur de pages. Cette méthode est un peu similaire à la première mais à la différence d’un plugin spécifique de landing page, un constructeur de pages peut servir à beaucoup de tâches.

En d’autres termes, lorsque vous investissez dans un constructeur de pages, vous ne l’utiliserez pas seulement pour la simple création d’une page d’atterrissage. Parmi les constructeurs de pages les plus populaires, vous avez notamment :

  • Elementor : le constructeur de pages le plus populaire du marché avec plusieurs options pour créer une page entièrement personnalisée par simple glisser-déposer.
  • Divi Builder : c’est l’un constructeur de pages créé par les mêmes développeurs derrière le thème Divi
  • Beaver Builder : une autre option pour créer n’importe quel type de pages sur WordPress.

Voyons comment vous pouvez créer une landing page avec Elementor.

Pour commencer, accédez à la section « Extensions › ajouter » depuis votre espace d’administration. Recherchez et installer le plugin « Elementor ».installer le plugin ElementorAprès installation, accédez à la section « Pages › ajouter ». Dans la nouvelle interface, saisissez le titre de la page puis cliquez sur le bouton « Modifier avec Elementor ».ajouter une nouvelle page d'atterrissage dans ElementorLa nouvelle landing page sera ouverte aux modifications dans le constructeur Elementor.modifier une landing page dans ElementorSur le côté gauche de l’interface, vous avez plusieurs options pour personnaliser votre landing page. Faites un mouvement de glisser-déposer dans la page pour chaque élément que vous souhaitez utiliser.ajouter un bouton à votre landing pageDans la version payante, vous bénéficiez des éléments supplémentaires pour personnaliser davantage votre page et la rendre attrayante.👇options supplementaires/Elementor ProAprès avoir ajouté un élément à la page, vous avez plusieurs options pour personnaliser son design, notamment le type de polices et l’alignement du texte, etc.modifier le boutonVous pouvez également modifier l’arrière-plan de votre élément.modifier l'arriere-planSi vous ajoutez une image à votre page, vous avez la possibilité d’ajuster sa position et personnaliser ses bordures…personnaliser l'image de page d'atterrissageSi vous souhaitez créer votre landing page à partir d’un modèle prédéfini, cliquez sur l’icône de modèles. accéder aux templates d'ElementorEnsuite, vous serez redirigé vers la bibliothèque de modèles d’Elementor.modèles d'ElementorCliquez sur le modèle que vous souhaitez utiliser, il sera affiché dans un tableau contextuel. Vous devez cliquer sur le bouton « Insérer » pour l’ajouter à votre landing page et commencez les modifications.installer un nouveau template/ElementorUne fois que vous avez terminé, utilisez le bouton « Publier » de Gutenberg pour mettre en ligne votre landing page.

Conclusion

🥳Toutes nos félicitations pour avoir lu ce tutoriel. Créer une landing page dans WordPress n’est pas si difficile ! Dans cet article, nous avons détaillé trois méthodes que vous pouvez utiliser. Vous pouvez soit utiliser un plugin dédié, un thème avec une fonctionnalité de landing page ou alors un constructeur de pages. Vous avez maintenant toutes les connaissances nécessaires, il ne vous reste qu’à passer à l’action.

Vous avez des questions ou des remarques ? Contactez-nous via la section Commentaires !

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.