Faire une landing page sur WordPress : le tuto pas à pas 🛠️

Qu’est-ce qu’une landing page sur WordPress, et pourquoi la faire sur votre site ?

Une landing page WordPress est une page unique de votre site, pensée pour une seule offre et une seule action : appeler, demander un devis ou acheter.

Une landing page, ou page d’atterrissage, est la page où arrive un visiteur après un clic sur une annonce, un email ou un lien. Elle a un seul but. Elle ne raconte pas toute votre entreprise.

Sur WordPress, ce n’est pas un outil à part. C’est une page comme les autres, mais construite autrement :

• pas de menu qui détourne l’attention ;
• un titre qui reprend la promesse de l’annonce ;
• des preuves, des photos, une offre claire ;
• un bouton ou un formulaire répété plusieurs fois.

Pourquoi la faire sur votre propre site ?

Vous avez déjà WordPress, votre nom de domaine et votre hébergement. Créer la page chez vous évite un abonnement de plus. Les demandes arrivent au même endroit. Et la page profite de la confiance déjà construite par votre site.

Quelques exemples concrets :

• un plombier crée une page « Dépannage fuite d’eau » pour ses annonces locales ;
• un coiffeur fait une page « Offre mariage » avec un formulaire de réservation ;
• un gîte lance une page « Séjour week-end automne » avec ses disponibilités ;
• un avocat propose une page « Premier rendez-vous divorce » avec prise de contact.

Chaque page parle d’un seul besoin. Le visiteur reconnaît tout de suite ce qu’il cherchait.

Si vous découvrez le sujet, le guide landing page : définition, exemples et structure qui convertit pose les bases avant de passer à WordPress.

Comment faire une landing page sur WordPress, étape par étape ?

Définissez votre offre, créez une nouvelle page, choisissez un modèle sans menu, posez les blocs clés, ajoutez un formulaire, testez sur mobile, puis publiez.

La technique vient en dernier. Le plus important se décide avant d’ouvrir WordPress.

1. Préparez sur papier

• Une offre : par exemple « Pose de chaudière avec devis sous 48 h ».
• Une cible : qui arrive sur la page, et d’où.
• Une action : appel, formulaire, achat ou réservation.
• Vos preuves : photos de chantiers, certifications, garanties.

2. Créez la page

Dans le tableau de bord, allez dans Pages > Ajouter. Donnez un titre clair. Réglez l’adresse de la page (le « slug ») en version courte : /devis-chaudiere plutôt qu’une phrase entière.

3. Choisissez la mise en page

Dans les réglages de la page, cherchez le modèle. Beaucoup de thèmes proposent « Pleine largeur » ou « Sans en-tête ni pied de page ». Avec Elementor, choisissez « Elementor Canvas ».

4. Construisez les blocs

Titre, sous-titre, bouton, bénéfices, preuves, questions fréquentes, dernier appel à l’action. On détaille plus bas.

5. Ajoutez le formulaire

Trois ou quatre champs suffisent. Vérifiez que les messages arrivent bien dans votre boîte.

6. Testez

Ouvrez la page sur votre téléphone. Remplissez le formulaire vous-même. Demandez à un proche de trouver le bouton en moins de cinq secondes.

7. Publiez et réglez la visibilité

Si la page sert uniquement à une publicité, vous pouvez la retirer des moteurs de recherche avec votre extension de référencement. Sinon, laissez-la visible.

Une boulangère qui lance des commandes de bûches de Noël peut boucler ces sept étapes en un après-midi, photos prêtes.

Faut-il un constructeur de pages comme Elementor pour une landing page WordPress ?

Non, ce n'est pas obligatoire. L'éditeur de blocs suffit pour une page simple. Elementor devient utile si vous voulez une mise en page libre, visuelle, sans code.

Un constructeur de pages est une extension qui permet de composer une page en glissant des éléments à l’écran. Elementor est le plus connu. Il en existe d’autres, comme Divi ou Beaver Builder.

Ce qu’apporte un constructeur

• une édition visuelle : vous voyez le résultat en direct ;
• beaucoup de modèles prêts à adapter ;
• un réglage fin des marges, couleurs et colonnes ;
• un modèle de page vide, sans menu ni pied de page.

Ce qu’il coûte

• une extension de plus à mettre à jour ;
• une page souvent un peu plus lourde, donc à surveiller sur mobile ;
• une dépendance : si vous retirez l’extension, la mise en page disparaît.

Comment trancher

Votre situation	Choix conseillé
Site déjà construit avec Elementor	Restez sur Elementor
Thème récent, page simple	Éditeur de blocs
Besoin d’une mise en page très personnalisée	Constructeur de pages
Site ancien et lent	Éditeur de blocs, ou refonte d’abord

La règle la plus simple : utilisez l’outil déjà présent sur votre site. Mélanger deux constructeurs sur un même site crée des conflits et alourdit tout.

Un électricien qui a fait son site avec Elementor n’a aucune raison de changer. Un artisan dont le site tourne avec un thème moderne peut s’en passer sans regret.

Comment créer une landing page avec Elementor ?

Créez une page, ouvrez-la avec Elementor, choisissez le modèle Canvas, construisez les sections une par une, ajoutez un formulaire, vérifiez l'affichage mobile, puis publiez.

Elementor existe en version gratuite et en version Pro, payante. La version gratuite permet déjà une landing page correcte. La version Pro ajoute surtout le widget formulaire et des modèles complets. Les tarifs changent : vérifiez-les sur le site de l’éditeur.

Les étapes dans Elementor

1. Pages > Ajouter, puis cliquez sur « Modifier avec Elementor ».
2. Dans les réglages de la page (roue dentée en bas à gauche), choisissez la mise en page Elementor Canvas. Le menu et le pied de page disparaissent.
3. Ajoutez une section pour l’en-tête : un titre, une phrase, un bouton, une photo.
4. Ajoutez les sections suivantes : bénéfices, preuves, déroulé, questions fréquentes.
5. Insérez un formulaire. Sans la version Pro, utilisez une extension de formulaire gratuite et collez son code court.
6. Cliquez sur l’icône d’écran en bas pour passer en vue mobile. Ajustez les tailles de texte et l’ordre des blocs.
7. Publiez.

Gagner du temps avec les modèles

Elementor propose une bibliothèque de modèles de landing page. C’est pratique pour démarrer. Mais remplacez tout : textes, photos, couleurs. Un modèle laissé tel quel se reconnaît vite et inspire peu confiance.

Enregistrer vos sections

Une fois un bloc réussi, enregistrez-le comme modèle. Pour votre prochaine page, vous le réutilisez. Un traiteur qui crée une page par saison (mariages, fêtes de fin d’année, séminaires) gagne ainsi beaucoup de temps.

Un réglage souvent oublié

Dans les paramètres d’Elementor, gardez une seule police et deux ou trois couleurs. Moins d’éléments chargés, c’est une page plus rapide.

Peut-on faire une landing page WordPress sans Elementor, avec l’éditeur de blocs ?

Oui. L'éditeur de blocs de WordPress permet de poser titres, colonnes, images, boutons et formulaires. Avec un thème récent, la page reste légère et rapide.

L’éditeur de blocs, parfois appelé Gutenberg, est l’éditeur intégré à WordPress. Chaque élément est un « bloc » : un titre, un paragraphe, une image, un bouton, des colonnes. La documentation officielle de l’éditeur de blocs WordPress montre le fonctionnement de base.

Les blocs utiles pour une landing page

• Couverture : une grande photo avec votre titre par-dessus ;
• Colonnes : trois bénéfices côte à côte ;
• Boutons : votre appel à l’action ;
• Galerie : vos réalisations ;
• Détails : des questions fréquentes repliables ;
• Groupe : pour mettre un fond de couleur à une section.

Retirer le menu

Avec un thème dit « en blocs » (comme les thèmes par défaut récents de WordPress), vous pouvez créer un modèle de page vide dans l’éditeur de site. Avec un thème classique, cherchez un modèle « pleine largeur » ou « vierge » dans les réglages de la page.

Les compositions

WordPress propose des « compositions » : des ensembles de blocs déjà assemblés. Vous en insérez une, puis vous changez textes et images. C’est l’équivalent des modèles d’Elementor.

Avantages concrets

• aucune extension en plus ;
• une page souvent plus légère ;
• pas de dépendance à un outil tiers.

Une esthéticienne avec un site simple peut monter sa page « Forfait mariée » uniquement avec des blocs. Le rendu est propre, et la page s’affiche vite sur téléphone.

Quels blocs mettre sur une landing page WordPress ?

Un titre qui promet un résultat, un bouton visible, des bénéfices, des preuves, un déroulé, des questions fréquentes et un dernier appel à l'action en bas.

Peu importe l’outil, l’ordre des blocs compte plus que le design. Le visiteur doit comprendre en quelques secondes ce que vous proposez et quoi faire.

L’ordre qui marche bien

1. L’en-tête : un titre clair, une phrase qui précise, un bouton, une photo réelle.
2. Les bénéfices : trois ou quatre points concrets, du point de vue du client.
3. Les preuves : photos de réalisations, labels, années d’expérience, garanties.
4. Le déroulé : comment ça se passe, en trois étapes.
5. L’offre : ce qui est inclus, les délais, éventuellement un prix « à partir de ».
6. Les questions fréquentes : les doutes qui freinent la décision.
7. Le dernier appel : le bouton ou le formulaire, une dernière fois.

Exemple pour un menuisier

Bloc	Contenu
Titre	« Vos fenêtres sur mesure posées en 4 semaines »
Bénéfices	Isolation, sur mesure, pose propre
Preuves	Photos avant/après, certification
Déroulé	Visite, devis, pose
Appel	« Demander ma visite gratuite »

Ce qu’il vaut mieux enlever

• les liens vers votre blog ou vos autres services ;
• les longs paragraphes sur l’histoire de l’entreprise ;
• les carrousels qui défilent seuls.

Pour aller plus loin bloc par bloc, le guide sur la structure d’une landing page efficace détaille chaque élément et son rôle.

Comment retirer le menu et le pied de page d’une landing page WordPress ?

Choisissez un modèle de page vide : « Elementor Canvas » avec Elementor, un modèle vierge ou pleine largeur avec votre thème, ou créez-en un dans l'éditeur de site.

Le menu est utile sur un site. Sur une landing page, il fait fuir le visiteur vers d’autres pages. On le retire pour garder l’attention sur une seule action.

Avec Elementor

Dans les réglages de la page, mise en page :

• Elementor Canvas : page totalement vide, sans en-tête ni pied de page ;
• Elementor Pleine largeur : garde l’en-tête et le pied de page du thème.

Pour une landing page, Canvas est le choix habituel.

Avec un thème classique

Ouvrez la page, panneau de droite, rubrique Modèle. Selon le thème, vous verrez « Vierge », « Sans titre », « Landing page » ou « Pleine largeur ». Certains thèmes ont aussi des options par page pour masquer l’en-tête.

Avec un thème en blocs

Allez dans Apparence > Éditeur > Modèles. Créez un modèle de page personnalisé sans les parties en-tête et pied de page. Puis appliquez-le à votre landing page.

Gardez quand même l’essentiel

Retirer le menu ne veut pas dire retirer toute information. En bas de page, conservez :

• votre logo et votre nom ;
• un numéro de téléphone cliquable ;
• les liens vers les mentions légales et la politique de confidentialité.

Un couvreur qui reçoit des clics d’annonces doit rassurer. Un visiteur qui ne trouve ni nom, ni adresse, ni mentions repart souvent sans appeler.

Comment ajouter un formulaire sur une landing page WordPress et recevoir les demandes ?

Utilisez une extension de formulaire ou le widget formulaire d'Elementor Pro, limitez les champs, testez l'envoi, et vérifiez que les messages n'arrivent pas en spam.

Le formulaire est le cœur de la page. S’il ne fonctionne pas, la page ne sert à rien.

Les outils possibles

• Elementor Pro : widget formulaire intégré ;
• Extensions de formulaire : Contact Form 7, WPForms, Gravity Forms, Fluent Forms, en versions gratuites ou payantes ;
• Un simple bouton d’appel : parfois plus efficace qu’un formulaire pour un dépannage urgent.

Combien de champs ?

Le moins possible. Pour un plombier : nom, téléphone, code postal, besoin en une ligne. Pour un gîte : dates, nombre de personnes, email. Chaque champ en plus fait renoncer une partie des visiteurs.

Vérifier la réception

Beaucoup de sites WordPress envoient mal les emails. Les messages finissent en spam ou n’arrivent jamais. Installez une extension d’envoi par serveur de messagerie (dite « SMTP »), puis faites plusieurs tests.

Respecter les règles

Un formulaire collecte des données personnelles. Il faut indiquer à quoi elles servent, combien de temps vous les gardez et comment les faire supprimer. La CNIL résume ces obligations dans sa page RGPD : de quoi parle-t-on ?.

Ajoutez une phrase courte sous le formulaire et un lien vers votre politique de confidentialité. Vérifiez aussi que vos mentions légales obligatoires sont bien accessibles depuis la page.

Suivre les demandes

Redirigez le visiteur vers une page « Merci » après l’envoi. Elle permet de compter les demandes et de mesurer ce que rapporte chaque campagne.

Comment rendre une landing page WordPress rapide sur mobile ?

Allégez les images, limitez extensions et polices, activez un cache, et testez la page sur un vrai téléphone. Une page lente perd des visiteurs avant même l'affichage.

La plupart des clics d’annonces viennent d’un téléphone. Souvent en 4G, parfois avec un réseau moyen. Une page lourde s’affiche tard, et le visiteur repart.

Les gestes qui comptent le plus

• Les images : redimensionnez-les avant de les envoyer. Une photo de 4 000 pixels de large n’a rien à faire sur un écran de téléphone. Utilisez le format WebP si possible.
• Les vidéos : évitez la vidéo en fond d’en-tête. Préférez une photo.
• Les polices : une ou deux, pas plus.
• Les extensions : désactivez celles qui ne servent pas.
• Le cache : une extension de cache, ou celle fournie par votre hébergeur, accélère l’affichage.

Avec Elementor

Dans les réglages, activez les options de performance proposées (chargement amélioré des ressources, par exemple). Évitez d’empiler les sections imbriquées les unes dans les autres.

Mesurer

Google publie des repères de vitesse et de stabilité d’affichage, les « Core Web Vitals ». Leur présentation officielle sur Google Search Central explique ce qu’ils mesurent.

Mais le meilleur test reste simple : ouvrez la page sur votre téléphone, en coupant le wifi. Si vous attendez, vos clients aussi.

Pensée mobile d’abord

• bouton assez gros pour le pouce ;
• numéro de téléphone cliquable ;
• texte lisible sans zoomer ;
• formulaire visible sans trop défiler.

Un serrurier dont la page met longtemps à s’afficher perd l’appel au profit du concurrent suivant.

Une landing page WordPress pour Google Ads : quelles précautions prendre ?

La page doit reprendre exactement la promesse de l'annonce, charger vite, afficher clairement qui vous êtes, et permettre de suivre chaque demande obtenue.

Avec la publicité, chaque clic se paie. Une page mal pensée, c’est de l’argent versé pour rien.

La cohérence annonce / page

Si l’annonce dit « Débouchage canalisation en urgence à Lyon », la page doit dire la même chose dès le titre. Pas une page d’accueil générique. Le visiteur doit se sentir au bon endroit.

Une page par offre

Un paysagiste qui fait de la taille de haies et des terrasses en bois crée deux pages. Chaque annonce pointe vers sa page. Les messages sont plus précis, les demandes aussi.

La transparence

Google attend une page claire : qui vous êtes, ce que vous vendez, comment vous contacter. Les mentions légales, les conditions et la politique de confidentialité doivent être faciles à trouver.

Le suivi des conversions

Une conversion, c’est l’action que vous attendez : un appel, un formulaire, un achat. Sur WordPress, on la mesure souvent avec la page « Merci » ou un suivi des clics sur le bouton d’appel. Sans ce suivi, impossible de savoir quelles annonces rapportent.

Indexée ou non ?

Une page faite uniquement pour la publicité peut être retirée des résultats de recherche naturels. Cela évite qu’elle fasse doublon avec vos pages de services.

Les règles propres aux annonces sont détaillées dans le guide sur la landing page pour Google Ads.

Quelles erreurs éviter sur une landing page WordPress ?

Trop d'offres sur une page, un menu qui distrait, des photos de banque d'images, un formulaire trop long, une page lente et l'absence de tests sur mobile.

Les mêmes erreurs reviennent sur beaucoup de pages. La bonne nouvelle : elles se corrigent facilement.

Les erreurs de fond

• Plusieurs offres sur une page : le visiteur hésite, puis ne choisit rien.
• Un titre vague : « Bienvenue chez nous » n’explique rien. « Ravalement de façade en Gironde, devis sous 72 h » dit tout.
• Parler de soi plutôt que du client : remplacez « Nous sommes passionnés » par ce que le client y gagne.
• Aucune preuve : pas de photo de réalisation, pas de garantie, pas de label.

Les erreurs techniques

• Le menu laissé en place : il ouvre des sorties partout.
• Un formulaire jamais testé : les demandes se perdent sans que vous le sachiez.
• Des images trop lourdes : la page rame sur téléphone.
• Un modèle Elementor non modifié : textes en latin ou photos génériques oubliés.
• Des extensions jamais mises à jour : risque de panne ou de faille.

Les erreurs de suivi

• aucune page « Merci » ;
• aucune idée du nombre de demandes reçues ;
• la page n’est jamais retouchée après la mise en ligne.

Le réflexe utile

Une fois par mois, relisez la page avec un œil de client. Le prix est-il à jour ? Les photos sont-elles récentes ? Le numéro fonctionne-t-il ? Un restaurant qui affiche encore son menu de l’été en novembre perd en crédibilité.

Combien coûte une landing page sur WordPress ?

Faite vous-même, elle coûte surtout du temps, plus parfois une extension payante. Confiée à un pro, comptez de quelques centaines à quelques milliers d'euros selon le travail.

Le prix dépend de ce qui existe déjà et de ce que vous faites vous-même.

Si vous la faites vous-même

• WordPress et l’éditeur de blocs : inclus.
• Elementor gratuit : gratuit.
• Elementor Pro ou une extension de formulaire avancée : quelques dizaines d’euros par an en général. Les tarifs changent, vérifiez avant d’acheter.
• Photos : idéalement les vôtres, prises sur vos chantiers ou dans votre boutique.
• Votre temps : une à trois journées pour une première page soignée.

Si vous la confiez

Type de prestation	Fourchette de marché indicative
Page simple à partir d’un modèle	Quelques centaines d’euros
Page sur mesure, textes rédigés	Plusieurs centaines à environ deux mille euros
Page + campagne publicitaire suivie	Budget de création + gestion mensuelle

Ces fourchettes varient selon le prestataire, la région et le niveau d’exigence.

Les coûts qu’on oublie

• les mises à jour de WordPress, du thème et des extensions ;
• les sauvegardes ;
• les petites retouches au fil des saisons.

Si un prestataire s’en charge, précisez tout dans un document écrit. Le guide sur le contrat de maintenance de site internet liste ce qu’il doit contenir.

Pour comparer les budgets plus en détail, selon l’outil et le type de prestataire, consultez le guide sur le prix d’une landing page.

Faut-il faire sa landing page WordPress soi-même ou la confier à un pro ?

Faites-la vous-même pour une offre simple et sans publicité. Confiez-la si la page sert une campagne payante, si le temps manque ou si le site est fragile.

Il n’y a pas de mauvaise réponse. Tout dépend de votre temps, de votre aisance et de l’enjeu.

Vous pouvez la faire seul si…

• votre site WordPress est récent et stable ;
• vous savez déjà modifier vos pages ;
• votre offre tient en une phrase ;
• la page ne sert pas de publicité payante, ou un petit budget seulement.

Une fleuriste qui veut une page « Bouquets fête des mères » relayée sur ses réseaux peut très bien s’en charger.

Mieux vaut la confier si…

• vous lancez des annonces Google ou sur les réseaux sociaux ;
• votre site est lent, ancien ou fragile ;
• vous n’avez pas le temps de tester et d’ajuster ;
• vous voulez mesurer précisément ce que rapporte chaque campagne.

Ce qu’un pro apporte

• des textes centrés sur ce que veut le client ;
• une page rapide et propre techniquement ;
• un suivi des demandes branché dès le départ ;
• des ajustements selon les résultats réels.

Le travail ne s’arrête souvent pas à une page. Pour L’Armurerie NéA, boutique en ligne, il a fallu remettre le site au propre, refaire le catalogue photo, lancer Google Shopping et réorganiser le blog.

Si votre landing page doit servir une campagne, notre service d’agence de publicité en ligne s’occupe de la page et des annonces ensemble.

Dans le doute, commencez seul, puis faites relire. Un regard extérieur repère vite ce qui bloque.