Dernières nouvelles de SeedProd

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

Comment créer une page d'atterrissage gratuite (sans codage)

How to Create a Free Landing Page in WordPress (No Coding Needed) 

Écrit par : avatar de l'auteur Stacey Corrin
avatar 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 : reviewer avatar Turner John
reviewer avatar Turner John
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.

When I started my first blog, I was on a tight budget. Every penny counted. I knew landing pages were important, but I couldn’t afford to hire a designer.

So I was thrilled to learn I could create a free landing page directly in WordPress. No coding skills required.

If you’re looking for a free and effective way to create landing pages in WordPress, this tutorial is for you. I’ll show you how to get professional results without spending a dime.

How to Build a Landing Page in WordPress for Free:

free WordPress landing page example

Questions fréquemment posées sur les pages d'atterrissage

What are landing pages used for?
Landing pages help collect leads, sell products, or get sign-ups. They focus on one goal, like getting emails or downloads. A good landing page has a clear message, a strong call to action, and simple design to boost conversions.
How do landing pages work?
Landing pages help visitors take action, like signing up or buying something. They keep things simple with a clear message and a strong button to click. This makes it easier for visitors to become customers.
What is the best free page builder for WordPress?
The best free page builder for WordPress is SeedProd. It lets you drag and drop to design pages without coding. There are other good options like Beaver Builder, but SeedProd is the easiest and fastest.

What to Consider When Creating a Free Landing Page

Avant de commencer à créer votre page d'atterrissage gratuite, vous devez garder à l'esprit un certain nombre d'éléments :

  • Objectif de la page d'atterrissage : définissez l'objectif de votre page d'atterrissage et veillez à ce que ces détails soient cohérents dans l'ensemble de votre conception.
  • Hiérarchie visuelle claire : Déterminez quels éléments de la page sont les plus importants et faites-les ressortir pour encourager les gens à agir.
  • Create action with CTAs: Make it very clear what your landing page visitors should do and make it easy for them to do it.
  • Attractive design: Engage your visitors with an engaging design that makes them want to click. You should also try to keep important page elements above the page fold.
  • Concise copy: Keep your body copy short, to-the-point, and informative. Use enticing headlines that make people want to read the next sentence and the next.
  • High-quality images: Use images to illustrate what you’re talking about. Avoid generic stock photos and choose images that tell a story.
  • Focus on value: Explain to people how clicking your CTA button will benefit them. What will they get? How will it improve their lives?

How to Create a Free Landing Page in Under 30 Mins

Now that you know what a landing page is and how it works, let’s look at how to create a free landing page on WordPress with a website builder.

For this tutorial, I’ll be using SeedProd‘s landing page builder to build a free landing page.

SeedProd Constructeur de site web WordPress Drag and Drop

SeedProd is one of the best free landing page plugins for WordPress, with coming soon and maintenance mode functionality. It makes it easy to build any landing page on your WordPress site without hiring a developer.

With its drag-and-drop visual page editor, you can create custom landing pages quickly without writing a single line of code. SeedProd also includes various customizable landing page templates. You can then customize them in the visual editor by adding signup forms, contact forms, and other page elements.

SeedProd also integrates with various email marketing tools to help grow your email list.

Unlike other page builders, SeedProd is very fast and won’t slow down your website. It uses minimal code and best design practices to ensure your site is as fast as possible.

Plongeons dans l'aventure !

Tutoriel vidéo

Si vous préférez lire le tutoriel écrit, suivez les étapes ci-dessous.

1. Installer le créateur de pages d'atterrissage gratuit de SeedProd

La première étape consiste à installer le plugin gratuit de page d'atterrissage de SeedProd. Vous pouvez le faire en naviguant vers Plugins " Ajouter un nouveau plugin depuis votre tableau de bord WordPress.

Tapez ensuite "SeedProd" dans le champ de recherche à droite. Vous obtiendrez les résultats suivants :

Installer le plugin gratuit de page d'atterrissage SeedProd

Click Install next to the Website Builder by SeedProd option. Then, go ahead and click Activate.

Activer le plugin gratuit de page d'atterrissage de SeedProd

After activating the plugin, you’ll see the SeedProd setup wizard, which helps you get started with building a landing page in just 2 minutes. So go ahead and click “Get Started”.

Starting the SeedProd setup wizard

For the first step in the wizard, you’ll need to enter an email address to create your free SeedProd account. Then, decide what type of landing page you want to create.

SeedProd setup wizard step 1

There are 3 free options to choose from:

You’ll also see several Pro options which allow you to setup login pages, 404 pages, online stores, and even a custom WordPress theme.

For this guide, let’s focus on the free options and select the “Marketing Landing Page”, then click “Save and Continue”.

2. Sélectionner un modèle de page d'atterrissage gratuit

The next step in the setup wizard allows you to choose a free landing page template.

You can filter the templates by clicking the different categories along the top of the screen:

  • Bientôt disponible
  • Mode maintenance
  • 404 Page
  • Vente
  • Webinaire
  • Fil d'Ariane
  • Merci de votre attention
  • Connexion
Choosing a free landing page template for WordPress in SeedProd.

By default, there are 7 free landing page templates across the different page categories. You can also unlock 9 more free templates by subscribing to the email list for free. To unlock over 300 more templates, you can upgrade to SeedProd Pro.

Choosing a free landing page template in SeedProd

Pour ce tutoriel, nous allons utiliser le modèle gratuit de Page de vente de fitness. Passez votre souris sur l'icône du modèle et cliquez sur l'icône de la coche.

After choosing your template, you’ll automatically move onto the final step of the setup wizard. Here, you can take advantage of a discount for upgrading to SeedProd Pro. You can also choose to install other optional free WordPress plugins.

Installing optional WordPress plugins

If you’d prefer not to install these plugins, unclick the toggle. Then, go ahead and click “Finish Setup & Start Building Your Page”.

Now you’ll exit the setup wizard onto the SeedProd setup page. Here, you’ll see that the “Setup a Landing Page” option is crossed out, which means you’ve completed this task.

SeedProd setup page

You’ll also notice the option to “Edit Landing Pages”. Click this button.

Now, SeedProd will take you to the landing page dashboard. Here, you can see the free landing page you just setup under the “Landing Pages” heading.

Edit free landing page in WordPress

Hover your cursor over the landing page link, then click the Edit option to open and start customizing your page.

3. Ajoutez le contenu unique de votre page d'atterrissage

SeedProd’s visual page builder is divided into 2 distinct sections. On the left-hand side are the different blocks used to design your page, while on the right is a live preview of your landing page.

L'éditeur gratuit de pages d'atterrissage de SeedProd est divisé en 2 sections

Pour ajouter du contenu, il suffit de faire glisser un bloc depuis le panneau de gauche et de le déposer sur votre aperçu en direct. Vous verrez alors les modifications en temps réel.

There are various landing page blocks to choose from, including:

  • À la une
  • Texte
  • Liste
  • Bouton
  • Image
  • Vidéo
  • Diviseur
  • Entretoise
  • Colonne

You can also use 5 of SeedProd’s Advanced page blocks – Giveaway, Payment Button, Contact Form, Envira Gallery, and Custom HTML – for free.

Free advanced landing page blocks in SeedProd

With these blocks, you can:

Start adding your unique content by clicking any block on your live preview. This will show a settings panel on the left-hand side, where you can replace the default content with your own.

SeedProd : édition de texte en ligne

Vous pouvez également modifier le contenu directement sur votre aperçu grâce à la fonction d'édition de texte en ligne de SeedProd.

Il est tout aussi facile de remplacer les images par défaut. Il vous suffit de cliquer sur n'importe quelle image de votre aperçu en direct, puis de cliquer sur l'icône de la corbeille dans le panneau des paramètres à droite.

Remplacez les images de votre page d'atterrissage

Cliquez ensuite sur le bouton Utiliser votre propre image pour télécharger une photo de votre ordinateur ou de votre bibliothèque de médias WordPress.

Télécharger les nouvelles images de la page d'atterrissage

Continuez à ajouter du contenu jusqu'à ce que vous soyez satisfait de l'aspect général. Cliquez ensuite sur le bouton vert Enregistrer dans le coin supérieur droit de votre écran.

4. Personnalisez les styles de votre page d'atterrissage

Après avoir ajouté votre contenu unique à votre page d'atterrissage gratuite, vous devez vous assurer que le style est cohérent avec votre marque.

Vous pouvez le faire facilement en cliquant sur l'icône de l'engrenage dans le coin inférieur gauche pour afficher les paramètres globaux de votre page.

Modifiez les paramètres généraux de votre page d'atterrissage

Ce paramètre vous permet de personnaliser votre page d'atterrissage :

  • Contexte
  • Couleurs
  • Polices de caractères
  • CSS personnalisé

Commençons par cliquer sur l'option Arrière-plan pour personnaliser l'arrière-plan de votre page d'atterrissage. Dans cette zone, vous pouvez modifier la couleur d'arrière-plan, ajouter un dégradé de couleurs ou télécharger une image d'arrière-plan personnalisée.

Ajouter un arrière-plan personnalisé à la page d'atterrissage

Pour ajouter une image d'arrière-plan personnalisée, il suffit de cliquer sur le bouton Utiliser votre propre image.

Télécharger une image d'arrière-plan personnalisée

Dans la section Polices, vous pouvez choisir parmi un nombre quasi illimité de polices Google gratuites pour les titres, les liens et le corps du texte de votre page d'atterrissage.

personnalisez les polices de caractères de votre page d'atterrissage gratuite

Just click any of the drop-down menus to pick your preferred fonts.

The Colors section has similar point-and-click settings where you can select custom colors for headers, text, links, buttons, and more.

Ajoutez des couleurs personnalisées à votre page d'atterrissage

Just click any option and use the color picker to select one that matches your branding and overall page design. This will edit those colors for your whole landing page.

Lorsque vous êtes satisfait de la conception de votre page d'atterrissage, cliquez sur le bouton Enregistrer pour sauvegarder vos paramètres.

5. Vérifiez que votre page d'atterrissage fonctionne correctement

Une fois votre page d'atterrissage gratuite créée, vous devez vous assurer que tout fonctionne correctement avant de la publier sur votre site Web. Passez en revue votre design et vérifiez que les liens de vos boutons CTA fonctionnent, et assurez-vous qu'il n'y a pas de fautes de frappe ou de grammaire.

You’ll also need to make sure your landing page looks good on mobile devices. This is super-easy with SeedProd’s mobile preview option.

Cliquez sur l'icône de prévisualisation mobile dans SeedProd

Just click the mobile icon at the bottom of your screen to preview your landing page on mobile, tablet, and desktop.

modifiez votre page d'atterrissage gratuite pour les appareils mobiles

À partir de là, vous pouvez modifier les éléments jusqu'à ce que votre page soit parfaite à la fois sur les écrans des téléphones portables et des ordinateurs de bureau. Toutes les modifications que vous apportez sont automatiquement appliquées aux deux versions de votre page.

6. Configurer les paramètres de votre page d'atterrissage

Après avoir vérifié que votre page d'atterrissage fonctionne correctement et qu'elle est facile à consulter sur mobile, il est temps de configurer quelques paramètres.

Modifiez les paramètres de votre page d'atterrissage gratuite

Cliquez sur l'onglet Paramètres de la page en haut de votre écran pour voir les différents paramètres de la page de SeedProd, qui incluent :

  • Paramètres généraux : Modifiez le nom et l'URL de votre page d'atterrissage gratuite, et faites de la page un brouillon ou une page publiée.
  • SEO : Configurez le titre SEO de votre page, la méta description, et plus encore avec le plugin WordPress All in One SEO.
  • Analytique : Surveillez les performances de vos pages d'atterrissage avec MonsterInsights, le meilleur plugin Google Analytics pour WordPress.
  • Scripts : Ajoutez des scripts de suivi personnalisés à votre page d'atterrissage, comme votre pixel de suivi Facebook.

Lorsque vous avez terminé de modifier les paramètres de votre page, n'oubliez pas de cliquer sur le bouton Enregistrer.

7. Publier votre page d'atterrissage gratuite sur WordPress

Après avoir mis la touche finale à votre page d'atterrissage gratuite, il est temps de la publier sur votre site web WordPress.

Pour ce faire, cliquez sur la flèche vers le bas à côté du bouton vert Enregistrer en haut à droite de votre écran, puis cliquez sur Publier.

Cliquez sur Publier pour lancer votre page d'atterrissage gratuite dans WordPress

Vous verrez alors une fenêtre contextuelle vous indiquant que votre page d'atterrissage a été publiée.

Cliquez sur le bouton Voir la page en direct pour prévisualiser votre page d'atterrissage WordPress gratuite.

Cliquez sur le bouton Voir la page en direct pour avoir un aperçu de votre page d'atterrissage gratuite.

Page d'atterrissage WordPress gratuite réalisée avec SeedProd

What to Do After Publishing Your Landing Page

Congratulations! You’ve created your free landing page in WordPress. But your work isn’t finished yet. Now it’s time to get people to see it. Here’s what you should do next:

Promote Your Landing Page

Getting traffic to your new landing page is key. Here are a few simple ways to promote it:

  • Share it on social media: Tell your friends and followers about your new landing page. Share the link on Facebook, Twitter, Instagram, and any other social media platforms you use.
  • Add it to your email signature: Include a link to your landing page in your email signature so everyone you email can easily find it.
  • Run a contest or giveaway: A contest can be a fun way to get people excited about your landing page and what you’re offering.
  • Use paid advertising: If you have some budget, consider using paid advertising on platforms like Google Ads or social media to reach a wider audience.

Analyze Your Results

Once you start getting traffic, it’s important to track how your landing page is performing.

Google Analytics report

You can use a free tool like Google Analytics to see how many people are visiting your page, how long they’re staying, and what actions they’re taking. This information will help you understand what’s working and what’s not.

For an easy guide on getting this set up, see our tutorial on how to add Google Analytics to WordPress.

A/B Test for Improvement

A/B testing means creating two slightly different versions of your landing page and seeing which one performs better.

Tests fractionnés A/B

For example, you could test different headlines, images, or call-to-action buttons. This helps you fine-tune your landing page for maximum conversions.

See our guide on A/B testing for landing pages to get started.

By following these steps, you can ensure your free landing page is working hard for you and helping you reach your goals.

Bonus: More Landing Page Tips

Vous savez maintenant comment créer une page d'atterrissage gratuite sur WordPress. Et le mieux, c'est que cela ne nécessite aucune expertise technique, ni aucun codage, et que vous n'avez pas dépensé un centime !

Pour un aperçu plus détaillé des fonctionnalités premium de SeedProd en action, consultez ce tutoriel : Comment créer une page d'atterrissage sur WordPress

Ou bien s'y plonger directement et...

If you’re looking to learn more about landing pages, take a look at these landing page resources:

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.