Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

comment créer une page d'atterrissage dans wordpress

Comment créer une page d'atterrissage sur WordPress (en moins de 30 minutes) 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : John Turner
image du réviseur John Turner
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Vous souhaitez créer une page d'atterrissage pour votre site web WordPress ?

J'utilise des pages d'atterrissage pour un grand nombre de nos campagnes parce qu'elles sont efficaces pour atteindre nos objectifs et obtenir plus de conversions. En fait, un lecteur était tellement intéressé par la façon dont je procédais que j'ai décidé d'exposer toutes les étapes pour que tout le monde puisse apprendre ce que j'ai fait.

Dans ce guide étape par étape, je vous montrerai comment créer une page d'atterrissage sur WordPress.

Table des matières

Comment créer une page d'atterrissage sur WordPress en utilisant SeedProd

J'ai constaté que la façon la plus simple de construire une page d'atterrissage est d'utiliser un plugin de page d'atterrissage WordPress comme SeedProd.

C'est mon choix préféré car SeedProd vous permet de créer des pages d'atterrissage à fort taux de conversion sans avoir à écrire manuellement du code PHP, HTML et CSS. Il dispose également de modes de maintenance intégrés qui vous permettent de cacher votre site pendant que vous travaillez dessus.

SeedProd Constructeur de site web WordPress Drag and Drop

Il dispose d'un constructeur de pages par glisser-déposer qui offre une prévisualisation en direct de votre page au fur et à mesure que vous y apportez des modifications. De plus, il fonctionne de manière transparente avec votre thème WordPress actuel ou votre thème enfant.

Créer une page d'atterrissage professionnelle est facile avec les modèles de page d'atterrissage de SeedProd. Avec l'intégration de WooCommerce, vous pouvez même créer des pages de produits eCommerce pour augmenter vos revenus.

Vous pouvez également oublier les pages qui sont lentes à charger et à personnaliser. Contrairement à d'autres solutions, SeedProd n'est pas encombrant, de sorte que tout se charge rapidement, peu importe ce que vous ajoutez à votre page.

Suivez ces étapes pour créer une page d'atterrissage dans WordPress avec le constructeur de pages de SeedProd.

Tutoriel vidéo

Etape 1. Installer SeedProd Landing Page Plugin

Tout d'abord, cliquez ici pour démarrer avec SeedProd et téléchargez le plugin de construction de pages sur votre ordinateur. Ensuite, téléchargez et activez le plugin sur votre site WordPress.

Si vous avez besoin d'aide pour cette étape, suivez ce guide pour l'installation d'un plugin WordPress.

Note : Il existe une version gratuite de SeedProd qui vous permet de créer une page d'atterrissage gratuite, mais j'utiliserai la version Pro parce qu'elle a plus de modèles et de blocs.

Entrez votre clé de licence SeedProd Landing Page Pro

Après avoir activé le plugin, vous verrez un écran de bienvenue dans votre tableau de bord WordPress. Saisissez votre clé de licence dans le champ prévu à cet effet et cliquez sur le bouton Vérifier la clé pour activer les fonctionnalités premium.

Ensuite, faites défiler le même écran vers le bas et cliquez sur le bouton Créer votre première page.

Comment créer votre première page d'atterrissage dans wordpress

Après avoir cliqué sur le bouton, vous accéderez au tableau de bord de la page d'atterrissage, où vous pourrez suivre les instructions relatives à la configuration d'une page d'atterrissage. Sur cette page, vous pouvez modifier et activer un mode "Coming Soon", un mode "Maintenance", une page de connexion et une page 404.

En dessous, vous verrez une liste de toutes les pages d'atterrissage que vous avez créées avec SeedProd.

Modes de page d'atterrissage de SeedProd

Puisque vous n'avez pas encore de pages, cliquez sur le bouton + Ajouter une nouvelle page d'atterrissage pour créer une nouvelle page.

Comment ajouter une page d'atterrissage à WordPress

Étape 2. Choisir un modèle de page d'atterrissage

Ce que j'aime chez SeedProd, c'est qu'il est livré avec une grande variété de modèles de pages d'atterrissage. Vous pouvez construire des pages d'atterrissage étonnantes dans WordPress sans aucune expérience de codage.

Après avoir cliqué sur le bouton Ajouter une nouvelle page d'atterrissage, vous verrez une page où vous pourrez choisir un modèle.

Cliquez sur les filtres situés en haut de la page pour faciliter votre choix. Par exemple, si vous envisagez de collecter des prospects pour un webinaire, un modèle de page d'inscription à un webinaire est le choix idéal.

Choisir un modèle de page d'atterrissage WordPress

Vous pouvez également sélectionner le modèle vierge pour créer et concevoir votre propre page dans l'éditeur visuel.

Pour ce tutoriel, je choisirai le modèle Newsletter Squeeze Page. Passez votre souris sur le modèle et cliquez sur l'icône de la coche.

Choisissez et lancez votre modèle de page d'atterrissage

Ensuite, une fenêtre contextuelle apparaît, dans laquelle vous pouvez donner un nom et une URL personnalisée à votre page. Cliquez ensuite sur le bouton Enregistrer et commencer à éditer la page pour charger votre modèle dans le générateur de glisser-déposer.

donnez un nom et une URL personnalisée à votre page d'accueil wordpress

Étape 3. Concevoir une page d'atterrissage qui convertit

Après avoir créé votre nouvelle page, vous verrez le constructeur visuel de pages par glisser-déposer. C'est là que vous pouvez choisir la mise en page de votre page et ajouter le contenu de votre page d'atterrissage. Ces éléments comprennent des blocs et des sections que vous trouverez dans la barre latérale.

Personnalisez votre page d'accueil wordpress à l'aide du constructeur visuel de pages (drag and drop)

Blocs de page d'atterrissage

Les blocs sont des éléments (comme les widgets) qui contiennent le contenu de votre page :

  • A la une
  • Texte
  • Listes à puces
  • Images
  • Boutons
  • Diviseurs
  • Vidéos
  • Entretoises
  • Colonnes

Pour les ajouter à votre page, faites-les glisser du panneau de gauche vers l'aperçu de la page en direct à droite. Vous pouvez également cliquer sur n'importe quel élément pour afficher plusieurs options de personnalisation.

Par exemple, si vous cliquez sur le bloc Bouton pour ouvrir les paramètres, vous verrez plusieurs styles de modèles, couleurs, dégradés et contours.

Choisissez des modèles pour les éléments de contenu de votre page d'atterrissage dans WordPress

Vous pouvez également modifier le contenu, la taille, l'alignement, la couleur et la typographie du bloc dans l'onglet Avancé.

En outre, certains blocs avancés sont idéaux pour générer des prospects.

Ajouter des blocs de page d'atterrissage axés sur la conversion dans WordPress

Il s'agit de formulaires d'inscription, de formulaires de contact, de formulaires de connexion, de liens d'ancrage, de blocs WooCommerce, etc.

Vous pouvez également montrer une preuve sociale et créer un sentiment d'urgence sur votre page :

  • Comptes à rebours
  • Cotes d'étoiles
  • Témoignages
  • Barres de progression
  • Blocs de médias sociaux
  • Boutons de partage

Sections de la page d'atterrissage

L'onglet sections présente une sélection de mises en page prédéfinies que vous pouvez cliquer et ajouter à votre page d'atterrissage.

SeedProd WordPress landing page sections

Cela comprend des sections pour les en-têtes, les zones de héros, les appels à l'action, les FAQ, les caractéristiques et les pieds de page.

Pour ajouter une section à votre page d'atterrissage, survolez un exemple avec votre souris et cliquez sur l'icône plus +.

ajouter une nouvelle section de page d'atterrissage

SeedProd insère ensuite la section dans votre page. Vous pouvez ensuite cliquer sur les éléments et les modifier comme vous le feriez avec les blocs.

Personnalisez les sections de votre page d'atterrissage wordpress

Paramètres globaux

Pour personnaliser davantage votre page, vous pouvez modifier les paramètres globaux de votre page d'atterrissage. Il vous suffit de cliquer sur l'icône en forme de roue dentée dans le coin inférieur gauche du constructeur pour faire apparaître les paramètres globaux de couleur, de police, d'image d'arrière-plan et de CSS personnalisé.

Paramètres globaux de la page d'atterrissage WordPress

Par exemple, vous pouvez ajouter un arrière-plan vidéo ou une fonction de diaporama à votre page. Vous pouvez également modifier la couleur de l'arrière-plan et donner à votre page d'atterrissage une palette de couleurs cohérente.

paramètres globaux de couleur de la page d'atterrissage

N'oubliez pas d'enregistrer vos modifications au cours du processus de conception en cliquant sur le bouton Enregistrer dans le coin supérieur droit.

Il peut arriver que vous ayez besoin de revenir à une version antérieure de la page d'atterrissage.

Pour ce faire, cliquez sur l'icône de l'horloge en bas à gauche de votre écran. Vous pouvez ensuite consulter l'historique de vos révisions et passer à une autre version.

Historique des révisions de la page d'atterrissage de wordpress

Étape 4 : Intégrer votre service de marketing par courriel

La connexion de votre service de marketing par courriel à votre page vous aidera à recueillir des pistes.

SeedProd facilite cette tâche en s'intégrant aux outils d'email marketing, d'automatisation et de CRM les plus répandus. Par exemple, vous pouvez vous connecter à Constant Contact, GetResponse, Mailchimp, ActiveCampaign, etc.

intégration des pages d'atterrissage

Vous pouvez également configurer le suivi Google Analytics, la protection contre le spam et d'autres applications avec Zapier.

Trouvez-le dans la liste des intégrations et cliquez sur Connecter pour relier votre service de messagerie.

Intégrez votre service de marketing par courriel à votre page d'atterrissage.

Suivez ensuite les instructions pour vous connecter et vérifier votre compte. Vous pouvez ensuite relier tous vos formulaires opt-in à votre liste d'adresses électroniques.

Étape 5 : Configurer les paramètres de votre page d'atterrissage

Pour l'étape suivante, cliquez sur l'onglet Paramètres de la page en haut de votre écran. Ici, vous pouvez contrôler les paramètres généraux de votre page et modifier vos paramètres d'optimisation pour les moteurs de recherche (SEO) et d'analyse.

Vous pouvez également saisir des scripts d'en-tête, de corps et de pied de page personnalisés et ajouter un domaine personnalisé.

configurer les paramètres de votre page d'atterrissage

N'oubliez pas de cliquer sur Enregistrer pour conserver vos modifications.

Étape 6 : Publier votre page d'atterrissage dans WordPress

Avant de publier votre page d'atterrissage, vous devez la prévisualiser. De cette façon, vous pouvez voir si elle est bien présentée à la fois sur les ordinateurs de bureau et les appareils mobiles.

Pour prévisualiser votre page, cliquez sur l'icône de prévisualisation dans le générateur de pages d'atterrissage. Vous obtiendrez instantanément un aperçu de la page mobile, ce qui vous permettra de la faire défiler et d'y apporter des modifications. Il vous suffit de cliquer à nouveau sur l'icône pour revenir à l'aperçu de la page de bureau.

prévisualiser votre page d'atterrissage sur mobile

Si vous souhaitez voir un aperçu en direct de votre page, cliquez sur l'icône de l'œil pour ouvrir votre page d'atterrissage dans un nouvel onglet.

Lorsque vous êtes satisfait de la présentation, cliquez sur la flèche située sous le bouton Enregistrer et cliquez sur Publier.

SeedProd affichera un popup de succès vous notifiant que votre page est maintenant en ligne.

page d'atterrissage publiée message de réussite

Vous pouvez ensuite cliquer sur le bouton Voir la page en direct pour l'afficher.

Voici un exemple de page d'atterrissage que j'ai créée pour ce guide sur mon site web de test :

Exemple de création d'une page d'atterrissage sur WordPress à l'aide de SeedProd

Conseil d'expert

Cette page d'atterrissage m'a pris environ 15 minutes à créer.

Vous pouvez rendre ce temps encore plus rapide en utilisant la fonction d'importation et d'exportation de SeedProd. Elle vous permet d'exporter vos designs sous forme de fichier .zip afin de pouvoir les réutiliser rapidement pour d'autres projets.

Par exemple, concevez un modèle de stock et utilisez-le comme cadre pour vos projets clients afin d'accélérer le processus de design.

Comment créer une page d'atterrissage à l'aide de l'éditeur de blocs de WordPress

Si vous préférez un moyen plus simple de créer une page d'atterrissage, vous pouvez utiliser l'éditeur de blocs intégré de WordPress. Également connu sous le nom de Gutenberg, il a une approche basée sur les blocs pour la construction de pages, ce qui vous permet d'ajouter, d'arranger et de personnaliser les blocs visuellement.

Cette méthode est la meilleure si vous ne souhaitez pas installer de plugins ou d'outils WordPress supplémentaires. Cependant, j'ai trouvé que les options de personnalisation n'étaient pas aussi étendues.

Avant de vous plonger dans l'éditeur de blocs, faites une ébauche de votre page d'atterrissage. Reprenez les éléments clés dont vous avez besoin, tels qu'un titre, des images, un formulaire de capture de prospects et des boutons d'appel à l'action (CTA).

Créer une page d'atterrissage sur WordPress

Ensuite, ouvrez l'éditeur de blocs en créant une nouvelle page dans WordPress.

Nouvelle page WordPress avec éditeur de blocs

Commencez à ajouter des blocs en fonction de votre plan de mise en page. Utilisez le bloc "Paragraphe" pour le texte, le bloc "Image" pour les visuels et le bloc "Bouton" pour les CTA.

Le bloc "Colonnes" est également utile pour créer des mises en page multi-colonnes.

Utilisation du bloc de colonnes dans l'éditeur de blocs de WordPress

Personnalisez votre page d'atterrissage

Profitez des options de personnalisation de chaque bloc. Ajustez la taille, la couleur et l'alignement en fonction de votre image de marque et de vos objectifs de conception.

Options de personnalisation des blocs de paragraphes dans l'éditeur de blocs de WordPress

Pour des éléments plus dynamiques, pensez à utiliser le bloc "Couverture" pour les images d'arrière-plan ou le bloc "Média et texte" pour associer du texte à des images.

Utilisation des blocs Media et Texte dans WordPress

Vous pouvez également utiliser des motifs pour créer des sections entières de votre page. Ceux-ci varient en fonction du thème WordPress que vous utilisez.

Modèles dans l'éditeur de blocs de WordPress

Concentrez-vous sur l'objectif de votre page d'atterrissage. Veillez à ce que votre CTA soit clair et convaincant.

Publier votre page

Lorsque vous êtes satisfait de votre page d'atterrissage, cliquez sur le bouton Publier pour la mettre en ligne. Voici une page d'atterrissage que j'ai créée avec l'éditeur de blocs sur mon site web de test :

Exemple de création d'une page d'atterrissage à l'aide de l'éditeur de blocs de WordPress

Définir une page d'accueil statique

Si vous souhaitez que votre page de destination soit la première chose que les visiteurs du site web voient, vous devez la définir comme votre page d'accueil statique.

Pour ce faire, allez dans Réglages " Lecture dans votre tableau de bord WordPress. Sélectionnez ensuite l'option "Une page statique" et choisissez la page d'atterrissage que vous venez de créer dans le menu déroulant.

Capture d'écran mettant en évidence les paramètres de lecture de WordPress avec une page statique et la page d'atterrissage comme page d'accueil.

Ce ne sera pas la même chose que votre page d'accueil habituelle. Cela signifie que votre page d'atterrissage personnalisée est l'endroit où les visiteurs atterrissent lorsqu'ils cliquent sur votre site WordPress principal.

FAQ sur la création d'une page d'atterrissage dans WordPress

Qu'est-ce qu'une page d'atterrissage dans WordPress ?
Une page d'atterrissage est une page de votre site web WordPress qui a un objectif principal. Il peut s'agir de vendre quelque chose, d'inciter les gens à s'inscrire ou de partager une offre spéciale. Elle est simple et vise à inciter les visiteurs à faire cette seule chose.
Pourquoi utiliser WordPress pour créer une page d'atterrissage ?
L'utilisation de WordPress pour créer une page d'atterrissage est populaire car il s'agit d'une plateforme très répandue, qui gère plus de 43 % de tous les sites web. C'est un outil flexible et facile à utiliser, idéal pour créer différents types de sites web.

De plus, il existe de nombreux plugins, y compris des constructeurs de pages, qui permettent de créer facilement des pages d'atterrissage. Ces constructeurs de pages sont conviviaux et ne requièrent pas de compétences en matière de codage. Ils permettent aux débutants de créer des pages d'atterrissage efficaces sans avoir besoin d'un développeur.

Certains constructeurs permettent même de créer une page d'atterrissage sans disposer d'un site web complet.
Quels sont les 5 éléments essentiels d'une page d'atterrissage ?
1. Des titres qui attirent l'attention. Les meilleurs titres attirent le lecteur et le convainquent de l'intérêt de votre offre.

2. Images accrocheuses. Utilisez des photos de haute qualité et des images de héros pour illustrer votre offre. Des images de visages heureux et souriants peuvent aider les gens à s'imaginer en tant que clients.

3. Un texte convaincant. Veillez à ce que votre texte soit facile à lire, avec une police de caractères claire, et rédigez-le de manière à ce qu'il réponde aux problèmes de vos visiteurs.

4. Urgence. L'inclusion d'offres limitées et de comptes à rebours sur votre page d'atterrissage personnalisée crée un sentiment d'urgence. Cela incite les visiteurs à passer à l'action de peur de manquer quelque chose.

5. Appels à l'action (CTA). Incluez toujours un bouton CTA en gras pour encourager les visiteurs à agir en fonction des informations fournies.

Pour plus de conseils sur la conception des pages d'atterrissage, consultez ce guide sur l'anatomie d'une page d'atterrissage.
Puis-je utiliser une page d'atterrissage dans WordPress pour ma boutique en ligne ?
Oui, vous pouvez utiliser une page d'atterrissage dans WordPress pour votre boutique en ligne. En fait, les pages d'atterrissage peuvent être un moyen efficace de promouvoir des produits ou des offres spécifiques et peuvent aider à augmenter les conversions et les ventes. En fait, SeedProd s'intègre à WooCommerce pour faciliter la vente de produits.
Ai-je besoin d'une page d'atterrissage si j'ai un site web ?
Même si vous avez un site web, vous devriez toujours utiliser des pages d'atterrissage pour vos campagnes de marketing, car elles convertissent mieux le trafic ciblé que les pages web normales.

Ensuite, optimisez votre page d'atterrissage

J'espère que ce guide vous a aidé à apprendre comment créer une page d'atterrissage sur WordPress. Une fois que votre page est opérationnelle, n'oubliez pas de la tester et de l'optimiser pour obtenir les meilleurs résultats.

Pour vous aider, les guides suivants peuvent vous être utiles :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.