Dernières nouvelles de SeedProd

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

Qu'est-ce qu'une Splash Page + 9 étapes pour créer la vôtre

Comment créer une page de garde WordPress en 9 étapes 

É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 : avatar de l'évaluateur Turner John
avatar de l'évaluateur 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.

Vous souhaitez créer une page d'accueil WordPress qui fasse une forte première impression ?

Une page de garde est une sorte d'écran de bienvenue qui apparaît avant que les visiteurs n'atteignent votre site principal. Il s'agit d'une courte page d'introduction sur laquelle vous pouvez présenter une offre spéciale, recueillir des courriels ou diffuser une annonce. Elle diffère d'une page d'atterrissage car sa principale fonction est d'attirer rapidement l'attention.

Dans ce guide, je vous expliquerai exactement ce qu'est une page d'accueil et je vous montrerai étape par étape comment créer une page d'accueil WordPress en utilisant SeedProd, le constructeur de pages par glisser-déposer le plus simple pour les débutants.

Etapes rapides pour créer une page d'accueil dans WordPress :

Qu'est-ce qu'une page de garde WordPress ?

Une page d'accueil WordPress est un court écran d'introduction qui apparaît avant votre page d'accueil et qui est conçu pour attirer immédiatement l'attention.

Elle peut contenir votre logo, un message de bienvenue ou des détails clés tels qu'une offre spéciale. De nombreux sites utilisent également des pages de garde pour la vérification de l'âge, les avis de travaux en cours ou la sélection de la langue et de la localisation.

Quel est l'objectif d'une page de garde WordPress ?

L'objectif d'une page d'accueil WordPress est de capter l'attention des visiteurs avant qu'ils n'atteignent votre site principal et de les guider vers l'étape suivante.

  • Promouvoir une offre spéciale ou un nouveau produit
  • Afficher un avis de non-responsabilité concernant la vérification de l'âge
  • Mettre en avant un événement à venir
  • Recueillez des informations de contact et développez votre liste d'adresses électroniques
  • Promouvoir vos profils de médias sociaux
  • Indiquez aux visiteurs que votre nouveau site web sera bientôt disponible
Exemple de page d'accueil Zara pour la sélection de pays

Par exemple, Zara utilise une page d'accueil pour envoyer les clients vers le bon magasin, tandis que Forbes affiche une citation du jour avant de montrer son site principal.

En bref, les pages d'accueil créent une première impression forte et orientent les visiteurs vers la destination souhaitée.

Que faut-il inclure dans une page de garde ?

Une bonne page d'accueil ne comprend que l'essentiel : suffisamment pour présenter votre site, partager des informations clés et permettre aux visiteurs d'avancer rapidement.

  • Logo ou éléments de conception : Renforce instantanément votre marque.
  • Message court ou énoncé de mission : Explique l'objectif de votre site.
  • Liens de navigation : Dirigent les visiteurs vers la bonne partie de votre site web.
  • Sauter l'option : Permet aux utilisateurs d'éviter la page d'accueil s'ils le souhaitent.
  • Indicateur de chargement : Indique la progression si le chargement de votre site prend un certain temps.
  • Sélecteur de langue ou de lieu : Utile pour les publics internationaux.

L'objectif est de rester simple. Faites en sorte que votre page d'accueil soit claire, rapide et qu'il soit facile d'y accéder en cas de besoin.

Comment créer une page de garde WordPress ?

Le moyen le plus rapide de créer une page d'accueil WordPress est d'utiliser un outil de construction par glisser-déposer comme SeedProd. Il vous permet de concevoir une page professionnelle en quelques minutes sans avoir à coder ou à embaucher un développeur.

SeedProd Constructeur de site web WordPress Drag-and-drop

SeedProd est livré avec des modèles préconstruits, une personnalisation par pointer-cliquer, et des options intégrées de mode de maintenance et de bientôt, afin que vous puissiez travailler en privé tout en conservant un aspect professionnel à votre site.

Voici ce qui distingue SeedProd :

  • Des dizaines de modèles de pages d'accueil conçus par des professionnels
  • Blocs axés sur les prospects et sections de page préconstruites
  • Intégration en un clic avec les services de messagerie électronique les plus courants
  • Contrôles de conception par pointer-cliquer avec prévisualisation en direct
  • Édition et prévisualisation adaptées aux mobiles
  • Code léger pour un chargement rapide

Parce qu'il est optimisé pour la vitesse, SeedProd ne ralentira pas votre site comme le font les constructeurs plus volumineux. Cela signifie un meilleur référencement, une expérience plus fluide pour les visiteurs et plus de conversions.

Si vous souhaitez lancer une page d'accueil rapidement et efficacement, voici comment procéder étape par étape avec SeedProd.

Etape 1. Installer SeedProd WordPress Landing Page Builder

Tout d'abord, cliquez ici pour démarrer avec SeedProd et télécharger le plugin. Ensuite, installez et activez le plugin sur votre site WordPress. Si vous avez besoin d'aide, consultez ce tutoriel pour l'installation d'un plugin WordPress.

Après avoir activé SeedProd, vous verrez un écran de bienvenue vous demandant d'entrer votre clé de licence. Vous pouvez trouver la clé de licence en vérifiant la boîte de réception de l'email que vous avez utilisé pour vous enregistrer. Vous pouvez également vous connecter à SeedProd et la voir dans la section Téléchargements de votre compte.

Copiez votre clé de licence, collez-la dans le champ prévu à cet effet et cliquez sur le bouton Vérifier la clé.

Activer le plugin de mode de maintenance de seedprod

Ensuite, faites défiler la page un peu plus bas et cliquez sur le bouton Créer votre première page.

Créez votre première page d'accueil avec SeedProd

Étape 2. Créer une nouvelle page d'atterrissage dans WordPress

L'écran suivant est le tableau de bord de la page d'atterrissage de SeedProd. Vous verrez plusieurs modes de page en haut de l'écran, y compris le mode Coming Soon, le mode Maintenance et la page 404.

aperçu du tableau de bord de la page d'atterrissage de seedprod

Vous pouvez activer chaque mode d'un simple clic pour afficher des pages d'atterrissage personnalisées aux visiteurs de votre site web.

Sous les différents modes de page se trouve l'endroit où vos pages d'atterrissage sont affichées après les avoir créées. Vous ne verrez rien dans cette section pour l'instant, mais elles apparaîtront dans une liste une fois que vous les aurez créées.

Créer une nouvelle page d'atterrissage dans SeedProd

Pour créer votre première page, cliquez sur le bouton Créer une nouvelle page d'atterrissage.

Étape 3. Choisir un modèle de page d'accueil WordPress

La page suivante présente la bibliothèque de modèles de pages d'atterrissage réactives de SeedProd. Chaque design est entièrement personnalisable dans le constructeur drag and drop.

modèles de page d'atterrissage seedprod

Pour vous aider à trouver rapidement un modèle, vous pouvez les filtrer par catégorie. Il vous suffit de cliquer sur l'étiquette d'une catégorie en haut de la page pour voir les modèles disponibles :

Vous pouvez également utiliser la boîte de recherche pour affiner vos résultats.

Choisissez un modèle qui ressemble le plus possible à l'aspect que vous souhaitez donner à votre page d'accueil. Passez ensuite votre souris sur l'image du modèle et cliquez sur l'icône de la coche.

Survolez le modèle et cliquez sur l'icône de la coche pour choisir un modèle de page d'atterrissage.

Pour notre exemple, nous avons choisi le modèle de squeeze de liens personnels, que nous allons personnaliser pour l'utiliser comme page d'accueil.

Après avoir choisi votre modèle, vous verrez une fenêtre contextuelle vous demandant d'entrer le nom et l'URL de votre page.

Saisissez le nom et l'URL de votre page d'accueil

Vous pouvez ensuite cliquer sur le bouton Enregistrer et commencer à éditer la page pour lancer votre modèle dans l'éditeur visuel.

Étape 4. Ajouter du contenu à votre page de garde

L'éditeur visuel de SeedProd comporte 2 sections distinctes. Sur la gauche se trouve un panneau montrant tous les blocs de page et les sections que vous pouvez utiliser. Sur la droite se trouve un aperçu de l'apparence de votre page.

Interface de construction de pages par glisser-déposer

Pour ajouter du contenu à votre page, il suffit de faire glisser un bloc depuis le panneau de gauche et de le déposer sur votre aperçu à droite.

En cliquant sur un élément de votre page, les paramètres de ce bloc s'affichent dans le panneau de gauche.

Par exemple, vous pouvez cliquer sur le bloc d'image pour supprimer la photo originale et la remplacer par la vôtre.

Supprimer et ajouter une nouvelle image de page d'atterrissage

Les blocs de page d'atterrissage de SeedProd sont divisés en 2 sections : Blocs standard et blocs avancés.

Les blocs standard sont les éléments essentiels dont vous avez besoin pour toute page, notamment les images, les boutons, les intercalaires, les séparateurs, les listes, etc.

Blocs de page d'atterrissage standard

Les blocs avancés sont un peu différents en ce sens qu'ils sont principalement axés sur la génération de prospects.

Blocs de page d'atterrissage avancés

Cela signifie qu'en quelques clics, vous pouvez insérer des formulaires de contact, des cadeaux, des formulaires d'inscription, des classements par étoiles, des liens d'ancrage et bien plus encore dans votre page.

La majorité des blocs de SeedProd comprennent également des modèles pré-faits. Vous pouvez mettre en œuvre ces différents styles en un seul clic, ce qui signifie que vous n'aurez pas besoin de personnaliser chaque bloc manuellement.

Par exemple, en cliquant sur le bloc Bouton et en sélectionnant l'onglet Modèles, vous pouvez choisir parmi plusieurs styles de boutons.

Modèles de blocs de boutons

En plus des blocs individuels, SeedProd dispose de sections de pages d'atterrissage. Vous n'avez pas besoin de construire manuellement des sections entières de la page, bloc par bloc. Vous pouvez voir les différentes zones en cliquant sur l'onglet Sections.

Les sections de la page d'atterrissage de SeedProd

A partir de là, vous pouvez choisir un nouveau :

  • En-tête
  • Zone du héros
  • Appel à l'action
  • Section FAQ
  • Caractéristiques de la zone
  • Pied de page
Les sections de la page d'atterrissage de SeedProd

Continuez à ajouter du contenu à votre page d'accueil jusqu'à ce qu'elle contienne toutes les informations que vous voulez que les visiteurs voient.

Vous pouvez enregistrer votre progression en cliquant sur le bouton vert Enregistrer dans le coin supérieur droit.

Étape 5. Personnalisez la conception de votre page de garde

Une fois votre contenu mis en place, il est probable que certaines parties de votre page d'accueil WordPress ne soient toujours pas satisfaisantes. Peut-être que la couleur d'arrière-plan n'est pas la bonne, ou que les polices de caractères ne sont pas à leur place.

La bonne nouvelle est que vous pouvez changer toutes ces choses en utilisant les paramètres de personnalisation de SeedProd.

Il vous suffit de cliquer sur l'icône en forme de roue dentée dans le coin inférieur gauche de votre écran pour accéder à vos paramètres globaux.

Paramètres globaux de personnalisation de la page d'atterrissage

Dans cette zone, vous pouvez personnaliser votre global :

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

Sous la rubrique Polices, vous pouvez modifier les polices et les graisses de votre en-tête global et de votre corps. Il vous suffit de choisir une nouvelle police ou une nouvelle graisse dans les menus déroulants correspondants.

Paramètres globaux des polices

Vous pouvez également parcourir la bibliothèque de combinaisons de polices de SeedProd en cliquant sur le bouton Font Themes.

Thèmes de polices SeedProd

Cela vous permet de savoir quelles sont les polices qui s'accordent le mieux entre elles. Il vous suffit de cliquer sur l'une des combinaisons de polices pour ajouter instantanément votre sélection à votre page.

La rubrique Couleurs fonctionne de la même manière. Vous pouvez sélectionner individuellement différentes couleurs pour les liens globaux, les en-têtes, le texte, les boutons et les arrière-plans à l'aide de l'outil pratique de sélection des couleurs.

Paramètres de couleur globaux

Ou, si vous préférez, vous pouvez cliquer sur le bouton Palettes de couleurs pour choisir parmi plus de 20 schémas de couleurs prédéfinis.

Palettes de couleurs SeedProd pour les pages d'atterrissage

La section Arrière-plan permet de personnaliser facilement l'arrière-plan de votre page d'accueil. Vous pouvez le définir comme une couleur unie ou un dégradé ou télécharger une image d'arrière-plan pleine largeur à partir de votre bibliothèque de médias WordPress ou de votre ordinateur.

Paramètres globaux de l'arrière-plan

Il est également possible d'ajouter un arrière-plan vidéo ou un diaporama d'arrière-plan en sélectionnant la case à cocher correspondant à chaque paramètre.

N'oubliez pas de cliquer sur Enregistrer pour conserver vos paramètres de personnalisation.

Étape 6. Connectez votre fournisseur de services de marketing par courriel

De nombreuses pages d'accueil proposent aux utilisateurs un téléchargement gratuit en échange de leurs coordonnées. Pour créer ce type de page d'accueil, vous devez pouvoir connecter votre service de marketing par courriel.

Contrairement à d'autres constructeurs de pages qui ne se connectent qu'à quelques fournisseurs, SeedProd s'intègre à des services de newsletters populaires, y compris :

Il suffit de cliquer sur l'onglet Connecter en haut de la page du constructeur pour voir les fournisseurs disponibles. Sélectionnez ensuite le service de votre choix et suivez les instructions pour autoriser votre compte.

Se connecter à un service d'email marketing avec SeedProd

Vous pouvez également utiliser Zapier pour relier votre page à des milliers d'autres applications populaires afin d'automatiser vos efforts de marketing.

Ne vous inquiétez pas si vous n'avez pas encore de fournisseur de services de marketing par courriel.

Au lieu de cela, vous pouvez utiliser le tableau de bord intégré de gestion des abonnés de SeedProd. Lorsque quelqu'un s'abonne via votre page d'accueil, ses coordonnées sont automatiquement stockées sur votre site WordPress.

Tableau de bord de gestion des abonnés SeedProd

Vous pouvez les voir en visitant SeedProd " Abonnés depuis votre tableau de bord WordPress.

Étape 7. Configurer les paramètres de votre page

Maintenant que vous avez terminé la conception de votre page d'accueil, vous devez configurer quelques paramètres nécessaires. Pour ce faire, cliquez sur l'onglet Paramètres de la page en haut du constructeur de pages.

paramètres de la page squeeze

Sur cette page, vous pouvez modifier les paramètres de vos pages :

  • Détails généraux - Modifiez le nom et l'URL de votre page, et définissez-la comme brouillon ou publiée.
  • SEO - Complétez vos informations de référencement sur la page en utilisant des mots-clés pertinents dans le titre de la page et la méta-description à l'aide d'un plugin de référencement comme All in One SEO.
  • Analyse - Visualisez les performances de votre page de garde à l'aide d'un plugin d'analyse tel que MonsterInsights.
  • Scripts - Saisissez les scripts de suivi et de reciblage tels que les cookies ou les pixels de suivi Facebook.

N'oubliez pas de cliquer sur le bouton Enregistrer avant de passer à l'étape suivante.

Étape 8. Vérifiez que votre page est adaptée aux mobiles

De nos jours, presque tout le monde navigue sur l'internet à partir d'appareils mobiles. Pour offrir une expérience plus rationnelle à ces visiteurs, il vous faut une page d'accueil adaptée aux mobiles.

C'est pourquoi SeedProd dispose d'une option intégrée de prévisualisation mobile. Il suffit de cliquer sur l'icône de prévisualisation mobile pour voir à quoi ressemble votre page d'accueil sur les appareils mobiles.

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

Si quelque chose ne semble pas correct, vous pouvez rapidement ajuster les choses jusqu'à ce que vous ayez une page que les visiteurs peuvent parcourir facilement à partir de leurs téléphones, tablettes, ordinateurs portables ou ordinateurs de bureau.

Prévisualisez votre page d'accueil sur mobile

Cliquez sur la même icône pour revenir à l'affichage original du bureau.

Ne vous inquiétez pas, vous ne perdrez pas vos modifications. Toutes les modifications apportées dans la vue mobile sont appliquées à la vue de bureau.

N'oubliez pas de cliquer sur le bouton Enregistrer.

Étape 9. Publier votre page d'accueil WordPress

Maintenant que votre design est exactement comme vous le souhaitez, il est temps de publier votre page d'accueil sur votre site WordPress.

Pour ce faire, cliquez sur la flèche vers le bas à côté du bouton Enregistrer et sélectionnez Publier.

Cliquez sur le bouton publier

Vous verrez alors une fenêtre contextuelle vous indiquant que votre page est maintenant en ligne.

Votre page a été publiée. Voir un aperçu en direct

Cliquez sur le bouton Voir la page en direct pour voir ce que cela donne.

Aperçu et exemple de page d'accueil WordPress réalisée avec SeedProd

Optimiser votre page d'accueil avec les tests A/B

La meilleure façon d'améliorer votre page d'accueil est d'effectuer des tests A/B et de voir quelle version génère le plus de résultats.

Les tests A/B (ou tests fractionnés) comparent deux versions d'une page : la version A (la version de contrôle) et la version B (avec un changement). Ce changement peut consister en un appel à l'action différent, une nouvelle palette de couleurs, une modification de la mise en page, voire une refonte complète.

En envoyant du trafic vers les deux versions et en suivant les conversions, vous saurez exactement quel design est le plus performant. Ce guide étape par étape vous montre comment mettre en place des tests A/B pour votre page d'accueil.

FAQ sur les pages Splash de WordPress

Qu'est-ce qu'une page de présentation ou une page d'atterrissage ?
Une page d'accueil est un court écran d'introduction qui s'affiche avant votre page d'accueil, tandis qu'une page de renvoi est conçue pour un objectif spécifique, comme la capture de prospects ou la vente. Les pages d'accueil donnent le ton ou partagent des informations rapides. Les pages d'atterrissage sont axées sur les conversions.
Les pages d'accueil sont-elles bonnes pour le référencement ?
Les pages de garde peuvent être utiles si elles se chargent rapidement et ne bloquent pas l'accès à votre site principal. Les pages de garde lentes ou intrusives peuvent nuire au référencement, c'est pourquoi elles doivent toujours être légères, adaptées aux téléphones portables et pouvoir être ignorées.
Dois-je créer une page d'accueil distincte pour les utilisateurs mobiles ?
Non, mais votre page d'accueil doit être réactive. Une conception unique adaptée aux mobiles garantit une bonne expérience sur tous les appareils.
Puis-je utiliser une vidéo ou une animation sur ma page de garde ?
Oui, à condition qu'il soit optimisé pour la vitesse. Veillez à ce que les fichiers soient de petite taille, évitez la lecture automatique du son et vérifiez qu'il fonctionne à la fois sur les ordinateurs de bureau et les téléphones portables.
Une page de garde peut-elle être utilisée comme page d'accueil ?
Oui, certains sites utilisent une page de garde comme page d'accueil. N'oubliez pas : si vous optez pour cette solution, veillez à ce que la navigation soit aisée afin que les visiteurs puissent accéder rapidement au reste du contenu.

Vous savez maintenant ce qu'est une page d'accueil WordPress, pourquoi elle est importante et comment en créer une. Avec un outil comme SeedProd, vous pouvez créer une page d'accueil professionnelle en quelques minutes sans avoir à coder. Une page d'accueil bien conçue vous aide à faire une première impression forte, à guider les visiteurs là où vous voulez qu'ils aillent, et même à capturer de nouveaux prospects.

Prêt à créer le vôtre ?

Ces guides peuvent également vous être utiles lors de la création de votre page d'accueil :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à participer à la conversation sur YouTube, X et Facebook pour obtenir d'autres conseils et contenus utiles pour développer 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.