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 rapidement une page d'atterrissage sur WordPress (sans code) 

É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.

WordPress landing pages are ideal for marketing products and services. They get visitors to take action, generating leads and sales for your business. But how exactly do you build one? In this guide I’ll show you how to create a landing page in WordPress step-by-step.

What Is a Landing Page & Why Build One?

Landing pages are web pages that focus on getting visitors to take a specific action. Visitors can “land” on your page from a social media post, Google search results, an email link, and almost anywhere else.

Unlike your website’s homepage, which typically serves multiple purposes, a landing page focuses on one goal, making it a more effective conversion tool.

You can even tailor landing pages to individual audiences instead of having the same page for everyone.

Suppose you have a Google ad for cat food. In this instance, you wouldn’t send traffic to a generic page about pets. You’d send it to a landing page all about your cat food.

Creating a page targeting specific users can help you gain more subscribers, improve conversions, and be more successful overall.

With that being said, let’s look at 2 easy ways to create a landing page in WordPress.

Method 1. Create a Landing Page Using SeedProd (Easiest)

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é parce que SeedProd vous permet de créer des pages d'atterrissage à fort taux de conversion sans avoir à écrire du code manuellement.

SeedProd Constructeur de site web WordPress Drag and Drop

It also has built-in coming soon and maintenance modes, a drag-and-drop page builder with live preview, and works seamlessly with your current WordPress theme.

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.

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

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.

If you need help with this step, follow this guide for installing SeedProd.

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.

After activating the plugin, navigate to SeedProd » Landing Pages from your WordPress dashboard and click the Add New Landing Page button.

ajouter une nouvelle page d'atterrissage SeedProd

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

On the next page, you can choose a landing page template. With these templates, you can build stunning landing pages without any coding experience.

Click the filters along the top to make your choice easier. For example, a webinar registration page template is the perfect choice if you plan to collect leads for a webinar.

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. Pour l'utiliser, 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 les blocs et les 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)

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

The Advanced tab also allows you to change the block’s content, size, alignment, color, and typography.

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

Adding Landing Page Sections

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

Customizing Global Styling Options

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.

Restoring to an Older Landing Page Version

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.

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.

Method 2. Creating a Landing Page Using WordPress Block Editor (Less Control)

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).

Step 1. Create a Landing Page in 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

Step 2. Customize Your Landing Page

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. Les motifs que vous utilisez dépendent de votre thème WordPress.

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.

Step 3. Publish Your 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

How Do I Make My WordPress Homepage a Landing Page?

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.

What Is The Best Landing Page Builder for WordPress?

While you can create landing pages using the WordPress Block Editor, I’ve found that using a landing page plugin gives you more control over the design process. Here are 3 of the best landing page plugins to get you started:

1. SeedProd

SeedProd Constructeur de site web WordPress Drag and Drop

SeedProd is one of the most popular WordPress landing page plugins, and it’s easy to see why. With its beginner-friendly drag-and-drop builder and library of pre-made landing page templates, you can build beautiful and high-converting landing pages in minutes without any experience.

SeedProd comes with built-in coming soon and maintenance modes and integrates seamlessly with popular email marketing services. You can also use it to build custom WordPress themes without hiring a developer.

2. Thrive Architect

Thrive Architect

Thrive Architect is another powerful landing page plugin for WordPress that lets you visually create landing pages from the front end of your website.

What makes Thrive Architect stand out is its selection of conversion-focused elements. For instance, it has countdown timers, testimonials, lead generation forms, and more. It also has advanced A/B testing features that let you run split tests and improve your conversions.

3. Beaver Builder

Beaver Builder landing page plugin

Beaver Builder is a lightweight page builder plugin for WordPress. Its drag-and-drop content modules make it easy to create stunning landing pages quickly and efficiently.

It comes with a collection of awesome landing page templates available to make your life easier. These templates serve as an excellent starting point, saving you time and effort. With just a few clicks, you’ll have a beautiful landing page that looks professional and perfectly represents your brand.

For more options, please see our roundup of the best WordPress landing page plugins.

Tips for Designing High Converting Landing Pages

Before you dive into creating your landing page, here are some design tips to help your landing page convert:

  • Get straight to the point: You need to grab your visitor’s attention immediately. Don’t make them read through paragraphs of text to find out what your page is about.
  • Use effective headings: Your H1, H2, and H3 headings should draw attention to the most important information on your page. Using too many headings will dilute their impact, but using too few will leave you with a wall of text.
  • Use a simple layout: Your landing page should be easy to read and navigate. I recommend avoiding complex column layouts, image sliders, and other distracting elements. Focus on creating a clear path to your call to action.
  • Include social proof: Adding testimonials and reviews from real people is a great way to build trust and credibility. Customers want to know that others have used and enjoyed your product or service.
  • Make it mobile-first: Most people will visit your landing page using their smartphone. So, use a mobile-responsive WordPress theme and compress your images to ensure fast page loading times.

By following these tips, you can create a WordPress landing page that achieves your business goals.

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

    Pourquoi utiliser WordPress pour créer une page d'atterrissage ?
    La création d'une page d'atterrissage avec WordPress est populaire car il s'agit d'une plateforme largement utilisée, qui fait fonctionner 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.