WordPress alimente 43 % du web mondial — si votre site tourne déjà dessus, créer une landing page WordPress est souvent la solution la plus logique. Les 3 options principales : Elementor (le plus populaire), Divi (le plus complet), ou Gutenberg (gratuit et natif). Mais WordPress n'est pas toujours le meilleur choix pour une landing page isolée.
Pourquoi créer une landing page sur WordPress ?
Si votre site web est déjà sur WordPress, créer vos landing pages sur la même plateforme présente des avantages clairs :
- Pas de nouvel outil à apprendre — vous restez dans un environnement familier
- Domaine unique — la page vit sur votre domaine existant (bon pour le SEO)
- Intégrations existantes — vos plugins (CRM, email, analytics) sont déjà configurés
- Coût marginal — pas d'abonnement supplémentaire si vous avez déjà un hébergement
Si vous n'avez pas de site WordPress existant, créer une landing page dessus implique : acheter un hébergement, installer WordPress, configurer un thème, installer des plugins. Pour une page unique, un outil no-code comme Carrd (19$/an) ou Strikingly (gratuit) est plus rapide et moins cher. Consultez notre guide de création de landing page pour choisir la bonne approche.
Les 4 méthodes pour créer une landing page WordPress
Méthode 1 : Elementor (la plus populaire)
Elementor est le page builder WordPress le plus utilisé au monde (+16 millions de sites). Son éditeur drag-and-drop visuel permet de créer une landing page sans toucher au code.
Points forts :
- Éditeur visuel très intuitif, temps réel
- 100+ templates de landing pages prêts à l'emploi
- Widgets dédiés : formulaires, compteurs, pricing tables, témoignages
- Mode "Canvas" (page sans header/footer — parfait pour une landing page isolée)
- A/B testing possible avec des plugins tiers
Tarifs :
| Plan | Prix/an | Sites | Fonctionnalités clés |
|---|---|---|---|
| Free | 0$ | Illimités | Éditeur de base, 40 widgets |
| Essential | 59$ | 1 site | 100+ widgets, theme builder, popup builder |
| Advanced | 99$ | 3 sites | Tout Essential + WooCommerce builder |
| Agency | 239$ | 25 sites | Tout Advanced + usage agence |
Utilisez le mode "Elementor Canvas" comme template de page. Il supprime automatiquement le header et le footer de votre thème — exactement ce qu'il faut pour une landing page sans distractions, avec un seul CTA.
Méthode 2 : Divi (le plus complet)
Divi, développé par Elegant Themes, est le concurrent principal d'Elementor. Son éditeur visuel est aussi puissant, avec un angle plus orienté design global.
Points forts :
- Éditeur visuel inline (on modifie directement sur la page)
- 2 000+ layouts pré-designés (dont des centaines de landing pages)
- A/B testing natif (Divi Leads) — rare et précieux
- Theme builder complet (header, footer, 404, archive)
- Licence lifetime disponible (249$ une fois, accès à vie)
Tarifs :
| Plan | Prix | Sites | Durée |
|---|---|---|---|
| Yearly Access | 89$/an | Illimités | 1 an renouvelable |
| Lifetime Access | 249$ | Illimités | À vie |
Divi est plus intéressant si vous gérez plusieurs sites (licence illimitée) et si vous voulez de l'A/B testing natif (Divi Leads). Elementor est plus intuitif pour les débutants et a un écosystème de plugins tiers plus riche.
Méthode 3 : Gutenberg + blocs patterns (gratuit)
Depuis WordPress 5.9+, l'éditeur natif Gutenberg permet de créer des pages avec des blocs réutilisables. C'est la solution 100 % gratuite, sans plugin supplémentaire.
Points forts :
- Gratuit et natif (pas de plugin à installer)
- Léger et rapide (pas de JavaScript supplémentaire)
- Blocs patterns de landing pages disponibles dans la bibliothèque WordPress
- Compatible avec tous les thèmes block-based (Twenty Twenty-Four, etc.)
Limites :
- Moins de widgets spécialisés qu'Elementor ou Divi
- Personnalisation visuelle plus limitée
- Pas de mode "canvas" natif (il faut un thème compatible ou du CSS custom)
- Pas d'A/B testing
Gutenberg est le bon choix si vous avez un petit budget, des besoins simples (texte + image + formulaire + CTA) et que vous ne voulez pas alourdir votre site avec un page builder. Pour un formulaire, ajoutez le plugin gratuit WPForms Lite ou Contact Form 7.
Méthode 4 : Thème ou plugin dédié landing page
Certains thèmes et plugins WordPress sont spécialisés dans les landing pages :
- SeedProd — Page builder dédié aux landing pages (coming soon, maintenance, squeeze pages). À partir de 39$/an.
- Thrive Architect (Thrive Suite) — Builder orienté conversion avec A/B testing intégré. 299$/an pour tout Thrive Suite.
- GeneratePress / Astra — Thèmes légers avec des starter templates incluant des landing pages.
Comparatif des méthodes
| Critère | Elementor | Divi | Gutenberg | SeedProd |
|---|---|---|---|---|
| Prix | 0-239$/an | 89-249$ | Gratuit | 39-199$/an |
| Facilité | Très facile | Facile | Moyen | Très facile |
| Templates LP | 100+ | 200+ | 20+ | 300+ |
| A/B testing | Plugin tiers | Natif (Divi Leads) | Non | Plugin tiers |
| Performance | Moyenne | Moyenne | Excellente | Bonne |
| Mode sans header | Oui (Canvas) | Oui (Blank) | Thème dépendant | Oui |
Tutoriel pas à pas : créer une landing page avec Elementor
1. Installer Elementor
Depuis votre admin WordPress : Extensions → Ajouter → Rechercher "Elementor" → Installer → Activer.
2. Créer une nouvelle page
Pages → Ajouter → Donnez un titre (ex : "Offre formation SEO") → Dans les attributs de page, sélectionnez le template "Elementor Canvas".
3. Éditer avec Elementor
Cliquez sur "Modifier avec Elementor". L'éditeur visuel s'ouvre. Vous pouvez :
- Choisir un template de landing page dans la bibliothèque (icône dossier)
- Ou construire from scratch en ajoutant des sections et des widgets
4. Ajouter les sections essentielles
Suivez la structure d'une landing page :
- Section Hero : widget Heading + widget Image + widget Button
- Section Problème : widget Text Editor
- Section Bénéfices : widget Icon Box (×3)
- Section Témoignages : widget Testimonial Carousel
- Section CTA : widget Button + widget Text Editor (micro-texte réassurance)
5. Configurer le formulaire
Ajoutez un widget Form (Elementor Pro) ou installez WPForms Lite (gratuit). Configurez les champs (nom, email) et connectez à votre outil d'emailing (Mailchimp, Brevo, etc.).
6. Optimiser pour le mobile
Cliquez sur l'icône responsive en bas de l'éditeur. Vérifiez chaque section en vue mobile. Ajustez les tailles de texte, les marges et la taille du bouton CTA (minimum 44px de hauteur).
7. Publier
Cliquez sur Publier. Vérifiez le rendu sur mobile et desktop. Testez le formulaire avec votre propre email.
Optimiser les performances d'une landing page WordPress
Les pages WordPress avec page builders sont souvent plus lentes que celles créées avec des outils no-code comme Webflow. Voici comment optimiser.
Vitesse de chargement
- Installez WP Rocket ou LiteSpeed Cache pour le cache et la minification
- Utilisez ShortPixel ou Imagify pour compresser les images (format WebP)
- Activez le lazy loading des images
- Choisissez un hébergement performant (pas de mutualisé à 3€/mois pour un site pro)
SEO technique
- Installez Yoast SEO ou Rank Math pour les meta tags
- Renseignez le title et la meta description
- Ajoutez un sitemap et soumettez-le à Google Search Console
- Vérifiez les Core Web Vitals dans PageSpeed Insights
Un site WordPress avec Elementor obtient typiquement un score PageSpeed de 50 à 75 sur mobile. Avec un bon cache et des images optimisées, on peut monter à 75-85. En comparaison, Webflow atteint 85-95 et Carrd 95-100 nativement.
WordPress vs les alternatives no-code
| Critère | WordPress + Elementor | Webflow | Carrd | Strikingly |
|---|---|---|---|---|
| Coût 1ère année | 100-300€ (hébergement + domaine + plugin) | 168$/an (Basic) | 19$/an | Gratuit à 144$/an |
| Performances | Moyennes (50-75 mobile) | Excellentes (85-95) | Excellentes (95-100) | Bonnes (65-80) |
| Flexibilité design | Haute | Très haute | Faible | Faible |
| Écosystème plugins | Immense (60 000+) | Limité | Aucun | Limité |
| Maintenance | Mises à jour régulières requises | Aucune | Aucune | Aucune |
| Sécurité | Requiert attention (plugins, mises à jour) | Gérée par Webflow | Gérée par Carrd | Gérée par Strikingly |
Si votre site est déjà sur WordPress, créez vos landing pages dessus — c'est logique et cohérent. Si vous partez de zéro pour une landing page seule, un outil no-code est plus rapide, moins cher et plus performant. Consultez notre guide sur le coût d'une landing page pour comparer toutes les options.
Les erreurs courantes sur WordPress
1. Oublier le mode Canvas
Publier une landing page avec le header et le footer du thème (menu, liens, sidebar) tue la conversion. Le visiteur a trop de portes de sortie. Utilisez toujours un template sans navigation.
2. Surcharger de plugins
Chaque plugin ajoute du JavaScript et des requêtes HTTP. Pour une landing page, limitez-vous aux plugins essentiels : page builder + formulaire + cache + analytics. Désactivez les plugins inutiles sur la page de la landing page.
3. Négliger le mobile
Plus de 60 % du trafic est mobile. Testez systématiquement le rendu mobile de votre page et ajustez les éléments responsives. Consultez notre guide sur les landing pages mobiles.
4. Ignorer la vitesse
Un site WordPress non optimisé peut prendre 5-8 secondes à charger. Chaque seconde au-delà de 3s fait chuter le taux de conversion de 7 %. Le cache et la compression d'images sont non négociables.
FAQ
Quel est le meilleur page builder WordPress pour une landing page ?
Elementor pour la facilité et l'écosystème, Divi pour l'A/B testing natif et la licence illimitée, Gutenberg si vous voulez rester léger et gratuit. Pour une agence qui gère de nombreux sites clients, Divi (licence lifetime à 249$) est souvent le choix le plus économique.
Peut-on créer une landing page WordPress gratuitement ?
Oui, avec Gutenberg (natif) + un thème gratuit + Contact Form 7 (gratuit). Le résultat sera fonctionnel mais basique visuellement. Elementor Free ajoute plus de widgets mais reste limité sans la version Pro. Consultez aussi nos alternatives gratuites.
WordPress est-il bon pour le SEO d'une landing page ?
Oui, à condition d'installer un plugin SEO (Yoast ou Rank Math) et d'optimiser les performances. WordPress génère du HTML propre et offre un contrôle total sur les balises meta, les URLs et la structure. Le principal risque est la lenteur si le site n'est pas bien optimisé.
Faut-il un thème spécial pour les landing pages WordPress ?
Non. La plupart des thèmes modernes supportent les page builders. L'important est d'utiliser un template de page sans header/footer (Canvas dans Elementor, Blank dans Divi). Les thèmes légers comme GeneratePress ou Astra sont recommandés pour les performances.
Comment faire de l'A/B testing sur une landing page WordPress ?
Divi inclut l'A/B testing nativement (Divi Leads). Pour Elementor, utilisez un plugin comme Split Test for Elementor ou Google Optimize. Pour Gutenberg, Crazy Egg propose de l'A/B testing visuel sans modifier le code.
WordPress ou Webflow pour une landing page ?
Si vous avez déjà un site WordPress, restez sur WordPress — la cohérence et les intégrations existantes l'emportent. Si vous partez de zéro, Webflow offre de meilleures performances, un meilleur contrôle design et zéro maintenance. Consultez notre comparatif des meilleurs CMS pour un avis détaillé.