Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer de belles pages Bientôt disponibles dans WordPress avec SeedProd

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous créer une belle page Bientôt disponible pour votre site WordPress ?

Une page de pré-lancement permet de susciter l’impatience, de créer un engouement et de faire passer le message avant même que votre site ne soit mis en direct. Vous pouvez également utiliser une page « coming soon » pour collecter des prospects et obtenir des abonnés/abonnées pour votre liste de diffusion.

Dans cet article, nous allons vous afficher comment créer rapidement et facilement de belles pages coming soon sur WordPress.

Creating coming soon pages for a WordPress website

Pourquoi créer des pages Bientôt disponibles dans WordPress ?

Les pages Bientôt disponibles ne sont pas seulement un espace réservé pour votre site WordPress. Elles peuvent également aider à générer des prospects pour votre entreprise.

Coming soon page with fullscreen background image, lead signup form, and countdown timer

Voici quelques façons d’utiliser les pages « coming soon » :

  1. Évaluer l’intérêt des utilisateurs – Si vous n’êtes pas sûr d’une idée, une page « bientôt » peut vous aider à évaluer le nombre de personnes intéressées par votre projet.
  2. Créer un engouement – Vous pouvez utiliser une page « coming soon » pour susciter l’impatience et l’intérêt des gens pour votre entreprise. Vous pouvez même encourager les gens à partager votre page coming soon à l’aide de concours et de cadeaux, ce qui peut vous aider à atteindre un public plus large.
  3. Capturer des prospects – Avec les bons outils, vous pouvez commencer à construire votre liste d’e-mails et demander aux utilisateurs/utilisatrices de suivre vos profils sociaux. De cette façon, vous aurez déjà des likes et des abonnés le jour du lancement, et vous pourrez les utiliser comme une preuve sociale puissante.

En gardant cela à l’esprit, voyons comment vous pouvez créer une page  » coming soon  » dans WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer à une section spécifique :

Étape 1 : Configurer un domaine et un compte d’hébergeur

Avant de créer une page coming soon, vous aurez besoin d’un nom de domaine et d’un fournisseur d’hébergement WordPress.

Normalement, un domaine coûte environ 16 $ par an, et les offres d’hébergeur commencent à 7,88 $ par mois (généralement payés annuellement). Cela peut représenter une dépense importante, en particulier pour les nouvelles entreprises qui démarrent.

Heureusement, nos amis de Bluehost ont accepté d’offrir un nom de domaine gratuit et une remise généreuse sur l’hébergeur pour les lecteurs de WPBeginner.

En gros, vous pouvez lancer une page d’atterrissage ou même un site entier pour seulement 1,99 $ par mois.

Après avoir souscrit un compte d’hébergeur, Bluehost installera automatiquement WordPress pour vous.

Il vous suffit ensuite de vous connecter au tableau de bord de votre compte WordPress. Après cela, naviguez vers l’onglet  » Sites Web  » et cliquez sur  » Modifier le site  » sur le site dans lequel vous souhaitez créer une page coming soon

Login to WordPress by click on the Edit Site button in Bluehost

Si vous ne souhaitez pas utiliser Bluehost, vous pouvez également installer WordPress sur d’autres entreprises d’hébergement telles que Hostinger, SiteGround ou WP Engine en suivant un processus assez abonné.

Pour des instructions plus détaillées, consultez notre guide étape par étape sur l’installation de WordPress.

Étape par étape : Créer une belle page Bientôt disponible

La façon la plus simple de créer une page coming soon est d’utiliser SeedProd. C’est le meilleur constructeur de page d’atterrissage sur le marché et il est livré avec un éditeur drag-and-drop qui vous permet de créer des pages professionnellement conçues, rapidement.

Coming soon page with countdown timer, email form, and social buttons

SeedProd dispose de plus de 180 modèles de pages prêts à l’emploi et de 90 blocs que vous pouvez simplement faire glisser sur vos modèles. Cela vous autorise à créer toutes sortes de pages sans avoir à écrire une seule ligne de code.

Remarque : il existe également une version gratuite de SeedProd qui vous permet de créer des designs de pages personnalisés, quel que soit votre budget. Cependant, dans ce guide, nous utiliserons la version Pro car elle supporte tous les meilleurs services de marketing par e-mail.

Cela signifie que vous pouvez commencer à collecter des prospects et à constituer une liste d’e-mails, avant même de lancer votre site.

En savoir plus, consultez notre Avis complet sur SeedProd.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Une fois activé, allez dans SeedProd  » Réglages et saisissez votre clé de licence.

Enter your SeedProd license key

Vous trouverez la clé de licence sous votre compte sur le site de SeedProd. Après avoir saisi/saisie ces informations, cliquez sur le bouton ‘Verify Key’.

Ensuite, allez dans SeedProd  » Pages d’atterrissage. Dans la section  » Mode Bientôt disponible « , cliquez sur  » Configurer une page Bientôt disponible « .

Set up a coming soon page

Vous pouvez maintenant choisir un modèle pour la page « coming soon ».

SeedProd propose de nombreux modèles différents parmi lesquels vous pouvez choisir. Pour prévisualiser un modèle, il vous suffit de survoler celui-ci avec votre souris, puis de cliquer sur la loupe.

Coming soon templates in the SeedProd template library

Lorsque vous trouvez un modèle qui vous plaît, il vous suffit de cliquer sur « Choisissez ce modèle ».

Nous utilisons le modèle « Lancement Bientôt disponible » dans toutes nos images, mais vous pouvez utiliser le modèle de votre choix.

A coming soon design

Après avoir sélectionné un modèle, vous accéderez au Constructeur par glisser-déposer, où vous pourrez commencer à personnaliser le modèle « coming soon ».

Sur le côté droit de l’écran se trouve une Prévisualisation en direct de votre page.

Pour personnaliser un élément du Modèle, il suffit de cliquer pour sélectionner ce bloc dans la mise en page. Le menu de gauche affiche alors tous les différents réglages que vous pouvez utiliser pour personnaliser ce bloc.

Editing a SeedProd block

Vous pouvez également ajouter de nouveaux blocs à votre page « coming soon ». À titre d’exemple, ajoutons un compte à rebours pour que les internautes sachent combien de temps ils doivent attendre jusqu’à ce que votre site soit mis en direct.

Dans le menu de gauche, trouvez le bloc « Compte à rebours » et déposez-le sur la page de prévisualisation.

Add a block

Ensuite, cliquez pour sélectionner le bloc Compte à rebours dans votre Mise en page.

Dans le menu de gauche, définissez la date et l’heure auxquelles vous offrez de publier votre blog, votre boutique en ligne ou votre site.

Editing a block in SeedProd

Le compte à rebours affiche désormais le jour, les heures, les minutes et les secondes qui vous séparent de la mise en direct de votre blog ou site WordPress. De cette Version, vous pouvez susciter l’impatience et l’excitation autour de la date de lancement officiel de votre site.

Vous pouvez maintenant ajouter d’autres blocs à votre page Bientôt disponible en suivant le même processus décrit ci-dessus.

Étape 3 : Connecter votre service de marketing e-mail

Une page « coming soon » est un excellent moyen de collecter des prospects et d’étoffer votre liste d’e-mails, en prévision du lancement de votre site.

La bonne nouvelle est que SeedProd s’intègre avec tous les principaux fournisseurs de services d’e-mail, y compris ActiveCampaign, ConvertKit et Drip.

Pour connecter la page à votre fournisseur, cliquez sur l’onglet « Connecter ».

Connect your email marketing service

Vous pouvez ensuite survoler avec votre souris le service de marketing e-mail que vous utilisez sur votre site, comme Brevo (anciennement Sendinblue) ou MailChimp.

Lorsque le bouton « Connecter » apparaît, cliquez dessus.

Les étapes varient en fonction de votre fournisseur de services, mais nous utiliserons Constant Contact à titre d’exemple. Cliquez sur « Constant Contact », puis sélectionnez « Connecter un nouveau compte ».

Connecting your email account

Ensuite, vous devrez saisir la clé API de votre compte Constant Contact.

Ensuite, donnez un nom à la connexion. C’est juste pour votre référence, vous pouvez donc utiliser n’importe quoi qui vous aide à identifier cette connexion dans WordPress.

Getting the API key

Une fois que vous avez fait cela, cliquez sur le bouton « Connecter ».

Cela ouvrira une fenêtre surgissante dans laquelle vous pourrez vous connecter à votre compte Constant Contact. Si vous êtes autorisé à donner à SeedProd l’accès à vos données Constant Contact, cliquez sur « Autoriser ».

Allow access

SeedProd va maintenant récupérer toutes les informations de votre compte Constant Contact.

Choisissez simplement la liste d’e-mails que vous souhaitez utiliser avec votre page « coming soon », puis cliquez sur « Enregistrer les détails de l’intégration ».

Étape par étape : Publication de votre page Bientôt disponible

Lorsque vous avez fini de travailler sur votre page coming soon, l’étape suivante consiste à la publier.

Tout d’abord, vous devez cliquer sur le bouton Enregistrer, puis sélectionner « Enregistrer en tant que Modèle ».

Publish your coming soon page

Lorsque cela vous est demandé, saisissez un nom pour le Modèle. Il s’agit d’une simple référence, vous pouvez donc utiliser ce que vous voulez.

Cliquez ensuite sur « Enregistrer le Modèle ».

Saving your WordPress coming soon template

Dans la fenêtre surgissante suivante, cliquez sur  » Retourner aux éditeurs/éditrices de pages « . Vous pouvez ensuite cliquer sur le bouton ‘X’ dans le coin supérieur droit pour fermer l’éditeur/éditrices de pages de SeedProd.

À ce stade, il se peut qu’une fenêtre surgissante vous demande si vous souhaitez publier votre design coming soon et mettre votre site en mode coming soon. Si vous êtes d’accord, cliquez sur « Oui, activer ».

How to activate coming soon mode

Si vous ne souhaitez pas encore activer le mode « bientôt », cliquez sur le bouton « Aucun, fermer ».

Lorsque vous êtes prêt à afficher la page Coming Soon aux internautes, allez simplement dans SeedProd  » Pages. Cliquez sur l’interrupteur de la section  » Mode Bientôt disponible  » pour qu’il affiche  » Actif « .

How to activate coming soon mode in WordPress

Pendant que votre site web est en mode « coming soon », vous pouvez toujours vous connecter à votre Tableau de bord WordPress et travailler sur votre site.

Cependant, les utilisateurs/utilisatrices déconnecté(e)s et les internaute(s) pourront uniquement voir la page « coming soon ».

Coming soon page preview

Astuce bonus : Utiliser les Réglages Avancés de SeedProd pour les pages Bientôt disponibles

C’est tout ce dont vous avez besoin pour créer une simple page coming soon. Cependant, SeedProd dispose de quelques paramètres avancés qui peuvent vous aider à collecter des prospects, à fidéliser vos clients, à créer une notoriété de marque, et plus encore.

Pour jeter un coup d’œil à ces paramètres avancés, allez dans SeedProd  » Landing Pages et cliquez sur le bouton  » Modifier la page  » sous la case  » Mode Bientôt « .

Editing the coming soon page in WordPress using SeedProd

Cela ouvrira le constructeur de page SeedProd.

Il suffit de cliquer sur « Réglages de la page » pour accéder aux fonctionnalités avant.

The SeedProd advanced settings

Restreindre et accorder l’accès en fonction du rôle de l’utilisateur

Par défaut, SeedProd affichera votre page « coming soon » à tous les utilisateurs/utilisatrices non connectés.

Il peut arriver que vous souhaitiez modifier l’accès à votre site lorsqu’il est en mode « coming soon ». Par exemple, si vous concevez le site d’un client, celui-ci voudra peut-être voir son site pendant qu’il est en cours de Version.

WordPress est doté d’un système intégré de rôles et de droits des utilisateurs, qui contrôle les actions que les utilisateurs/utilisatrices peuvent entreprendre sur votre site et les informations auxquelles ils ont accès.

Vous pouvez utiliser ce système pour autoriser ou refuser l’accès à votre site lorsqu’il est en mode Bientôt disponible, en sélectionnant « Contrôle d’accès ».

The SeedProd access control settings

Pour donner accès à des rôles du utilisateurs/utilisatrices spécifiques, cliquez sur « Ajouter un rôle ».

Cela ouvre une liste déroulante dans laquelle vous pouvez accorder l’accès en fonction du rôle assigné à l’utilisateur, par exemple abonné/abonné ou auteur/autrice.

Granting access to your site while in coming soon mode

Vous pouvez également accorder l’accès en fonction de l’adresse IP, ce qui est utile si une personne accède toujours à votre site à partir du même endroit. Par exemple, vous pouvez mettre sur liste autorisée l’adresse IP du bureau du client ou de votre domicile.

Pour ce faire, il suffit de taper l’adresse dans la case « Accès par IP ».

SeedProd's advanced page settings

Améliorer le référencement de votre page Bientôt disponible

Pendant que vous êtes dans les  » Réglages de la page « , vous pouvez également passer à l’onglet  » SEO  » et fournir un titre SEO, une description, un favicon et une image fonctionnalité que SeedProd utilisera lorsque votre page  » coming soon  » sera partagée en ligne.

Cela peut améliorer le référencement de WordPress et commencer à développer la notoriété de la marque, avant même de lancer votre site complet.

SEO settings for your coming soon page

Une autre option consiste à indiquer aux moteurs de recherche de ne pas indexer la page. Cela peut être utile si vous travaillez sur un blog WordPress privé, un projet secret ou tout autre contenu que vous ne souhaitez pas afficher dans les résultats de recherche.

Pour ce faire, il suffit de cliquer pour activer le commutateur « Activer Aucun index ».

Enabling the 'no index' SEO settings

Si vous avez installé des extensions de référencement populaires comme All in One SEO, SeedProd fonctionne également de manière transparente avec elles.

Suivre les internautes sur votre site

Dernier point, vous pouvez passer à l’onglet  » Scripts  » et ajouter les scripts tiers que vous souhaitez utiliser.

Par exemple, vous pouvez ajouter un code Google Analytics, un pixel Meta ou un autre code de suivi à votre page « coming soon ». Cela vous permet de suivre les internautes et de recueillir des informations, avant même le lancement de votre site.

Add third-party scripts to your coming soon page

Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de la page pour enregistrer vos Réglages de page avancés.

Comment inactiver la page Bientôt disponible de SeedProd ?

Lorsque vous êtes prêt à publier votre site, SeedProd rend très facile l’inactivation du mode « coming soon ».

Il suffit d’aller dans SeedProd  » Landing Pages et de cliquer sur le permuter ‘Actif’ pour qu’il affiche ‘Inactif’ à la place.

How to disable coming soon mode

Désormais, si vous visitez votre site, vous pourrez voir toutes vos publications et pages.

Mode maintenance ou Bientôt disponible : Quelle page utiliser ?

Si votre site est en cours de maintenance, vous devriez afficher une page en mode maintenance plutôt qu’une page « coming soon ».

Une page « coming soon » est plutôt destinée aux sites en cours de développement/développeuses. En revanche, une page en mode maintenance est destinée aux sites qui font l’objet de mises à jour ou de réparations.

Vous pouvez en savoir plus sur leurs différences dans notre article sur le mode Bientôt disponible vs mode maintenance : quelle est la différence.

La bonne nouvelle est que SeedProd vous permet également de créer de belles pages de maintenance. Il suffit d’aller sur SeedProd  » Landing Pages et de cliquer sur  » Configurer une page en mode maintenance « .

Set up a maintenance mode button

Vous pouvez maintenant concevoir votre page, en suivant le même processus que celui décrit ci-dessus. Vous pouvez également contrôler exactement qui voit cette page, et désactiver facilement le mode maintenance une fois que vous avez fini de travailler sur le site.

Pour en savoir plus, consultez notre guide sur la mise en mode maintenance de votre site WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer de belles pages coming soon sur WordPress. Vous pouvez également consulter notre guide ultime sur la façon d’augmenter le trafic de votre blog, et notre comparaison des meilleurs services de téléphonie professionnelle pour améliorer votre flux de travail.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

5 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Fauwaz Marjan says

    Is there a way for the logo to be aligned left of the page in the coming soon page? Because every time I save the changes, it automatically keeps the logo aligned to the center.

    • WPBeginner Support says

      Please reach out to SeedProd’s support and they should be able to take a look and assist you.

      Administrateur

  3. Jerome Brooks says

    Hello,
    My page is presently set on the Coming Soon Mode Active. How do I make my page active for the world to see? Thank you.

    Jerome Brooks

    • WPBeginner Support says

      That would normally be due to a plugin, you could either check through your plugins settings or disable your plugins that you are not actively using for finding where that is set.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.