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

Vous essayez de faire de la publicité pour un site qui n’existe pas encore ? Ou vous craignez que les internautes ne voient votre site à moitié terminé ? Nous sommes passés par là, et nous savons à quel point cela peut être difficile.

Après avoir aidé des milliers d’utilisateurs/utilisatrices à lancer leur site, nous avons appris qu’une page « coming soon » bien conçue peut faire toute la différence. Elle peut masquer votre travail en cours, susciter l’impatience et même commencer à développer votre audience avant même que vous ne soyez en direct.

Dans ce guide, vous apprendrez à créer des pages coming soon belles et efficaces sur WordPress. À la fin de ce guide, vous aurez une page coming soon qui travaille dur pour vous, même lorsque votre site principal est encore sous emballage.

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 » :

  • Évaluer l’intérêt des utilisateurs – Si vous n’êtes pas sûr d’une idée, une page « coming soon » peut vous aider à évaluer le nombre de personnes intéressées par votre projet.
  • Créer de l’engouement – Vous pouvez utiliser une page « coming soon » pour susciter l’impatience et amener les gens à s’intéresser à 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.
  • 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 virale de liste d’attente ou même un site entier pour seulement 2,75 $ 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 pages d’atterrissage sur le marché et il dispose d’un éditeur par glisser-déposer qui vous permet de créer rapidement des pages de qualité professionnelle.

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

SeedProd dispose de plus de 320 modèles de pages prêts à l’emploi et de 90 blocs que vous pouvez simplement faire glisser sur vos designs. Cela vous permet de 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 page personnalisés, quel que soit votre budget. Cependant, dans ce guide, nous utiliserons la version Pro car elle vous permet de connecter votre page à un service de marketing e-mail.

Cela signifie que vous pouvez commencer à collecter des prospects et à constituer une liste de diffusion avant même de lancer votre site web.

Pour plus d’informations, 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 kits de modèles de thèmes différents. Pour prévisualiser un modèle, survolez-le avec votre souris, puis cliquez 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 de page 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 à la page coming soon de votre site WordPress en suivant le même processus décrit ci-dessus. Vous pouvez consulter ces guides si vous avez besoin d’aide pour construire votre page :

É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’emailing, 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 passer votre souris sur le service de marketing par courriel que vous utilisez sur votre site Web, 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 ».

Etape par 4 : Réglages de la page Bientôt disponible

SeedProd dispose de réglages avancés qui peuvent vous aider à collecter des prospects, à fidéliser vos clients, à faire connaître votre marque, etc.

Pour consulter ces réglages avancés, il suffit de cliquer sur « Réglages de la page » dans le constructeur de page.

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 web d’un client, il se peut qu’il veuille le voir pendant qu’il est en cours de construction.

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 web lorsqu’il est en mode « coming soon » 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 mis en avant 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 projet secret ou sur 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.

Étape par étape : Publier 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

Une fois la page publiée, veillez à la revérifier pour vérifier que tout se présente bien. Prévisualisez votre site sur mobile, ordinateur de bureau et tablette pour vous assurer que la page est responsive sur tous les appareils.

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’éditer un site WordPress et notre guide sur les éléments de conception WordPress essentiels pour tout site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et 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

4 commentairesLaisser une réponse

  1. Fauwaz Marjan

    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

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

      Administrateur

  2. Jerome Brooks

    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

      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.