Vous devez savoir comment modifier votre page « Prochainement » WooCommerce ?
Une page « Prochainement » WooCommerce est parfaite pour masquer votre boutique avant son lancement. Mais si vous souhaitez modifier le design, mettre à jour les détails du lancement ou ajouter du nouveau contenu, vous aurez besoin d'un moyen simple de la modifier sans rien casser.
Dans ce guide, je vais vous montrer comment créer et modifier une page « Prochainement » WooCommerce étape par étape. Vous pourrez mettre à jour votre page à tout moment en quelques clics.
Pourquoi créer une page « Prochainement » WooCommerce ?
Créer une page « Prochainement » WooCommerce est un excellent moyen de masquer votre boutique en ligne inachevée. Ainsi, vous pouvez contrôler ce que les clients potentiels voient au lieu d'afficher une page d'erreur ou une vitrine à moitié terminée qui n'est pas prête pour le public.
En plus de cela, créer une page « Prochainement » pour WooCommerce peut aider de plusieurs autres manières :
- Donnez aux visiteurs les détails sur la date de lancement de votre boutique
- Créez de l'enthousiasme pour le jour du lancement avec des comptes à rebours
- Collectez des adresses e-mail et développez votre liste avec des formulaires d'inscription
- Offrez des réductions et des promotions pour attirer les clients avant votre lancement
- Prenez une longueur d'avance dans le classement des moteurs de recherche avec une page web indexable
Il existe de nombreuses autres façons dont les pages « Prochainement » WooCommerce peuvent aider votre entreprise. Mais comment en créer une ?
Comment créer une page "Bientôt disponible" pour WooCommerce
Pour ce guide, nous utiliserons SeedProd pour créer une page « Prochainement » WooCommerce.
SeedProd est le meilleur constructeur de pages WordPress avec fonctionnalité de glisser-déposer. Avec son éditeur visuel en direct, vous pouvez configurer une page « Prochainement » pour votre boutique en ligne sans écrire de code et voir les modifications en temps réel.
Vous pouvez également utiliser SeedProd pour créer un thème WooCommerce personnalisé avec glisser-déposer.
Voici plusieurs autres raisons pour lesquelles SeedProd est le meilleur choix pour votre page « Prochainement » WooCommerce :
- Mode « Prochainement » et maintenance intégrés pour masquer votre site jusqu'à ce qu'il soit prêt
- Commencez rapidement avec plus de 100 modèles de pages de destination
- Des tonnes de blocs pour ajouter de nouvelles sections comme des en-têtes et des appels à l'action (CTA)
- La prise en charge de WooCommerce vous permet de vendre des produits depuis votre page « Prochainement »
- Suivez et gérez les inscriptions avec le tableau de bord des abonnés
- Intégrez avec des plateformes marketing populaires comme Constant Contact et ActiveCampaign
- Protection anti-spam contre les bots et les soumissions de formulaires frauduleuses
Et le meilleur, c'est que vous n'aurez pas besoin d'engager un développeur ou d'écrire du code pour suivre ce tutoriel.
- Étape 1 : Installer et activer SeedProd
- Étape 2 : Configurer une page « Prochainement »
- Étape 2.1 : Modifier une page « Prochainement » WooCommerce
- Étape 3 : Personnaliser et modifier votre page « Prochainement » WooCommerce
- Étape 4 : Connecter votre service de marketing par e-mail
- Étape 5 : Configurer les paramètres de votre page
- Étape 6 : Publiez votre page WooCommerce "Bientôt disponible"
- Étape 7 : Activer le mode "Bientôt disponible" pour WooCommerce
Tutoriel vidéo
Étape 1 : Installer et activer SeedProd
Commencer avec SeedProd est très facile. Tout d'abord, cliquez sur le bouton ci-dessous pour obtenir votre copie de SeedProd et créer votre compte.
Note : SeedProd dispose également d'une version gratuite que vous pouvez installer. Mais nous utiliserons la version Pro aujourd'hui car elle possède des fonctionnalités vraiment intéressantes dont nous voulons profiter.
Ensuite, installez et activez le plugin sur votre site web WordPress. Si vous avez besoin d'aide pour cette étape, suivez ce guide facile sur l'installation d'un plugin WordPress.
Après avoir installé et activé SeedProd, accédez à SeedProd » Paramètres depuis votre tableau de bord WordPress. Cela vous permet de saisir votre clé de licence afin d'accéder aux mises à jour du plugin et aux fonctionnalités avancées.
Vous pouvez trouver votre clé de licence SeedProd dans votre compte sur le site web SeedProd, sous l'onglet Téléchargements.
Après avoir saisi votre clé de licence, cliquez sur le bouton Vérifier la clé, et vous êtes prêt à commencer à créer votre page WooCommerce "Bientôt disponible".
Étape 2 : Configurer une page « Prochainement »
Pour commencer à créer votre page WooCommerce "Bientôt disponible", rendez-vous sur SeedProd » Pages depuis votre panneau d'administration WordPress.
Cet écran présente plusieurs options pour créer différents types de pages sur votre site WordPress, notamment :
- Mode "Bientôt disponible" – Créez une page "Bientôt disponible" pour tout type de site web en construction.
- Mode Maintenance – Affichez un message de maintenance lorsque vous effectuez des modifications mineures ou des mises à jour.
- Page de connexion – Remplacez l'écran de connexion par défaut par une page de connexion WordPress personnalisée.
- Page 404 – Configurez une page d'erreur 404 personnalisée pour que les utilisateurs restent plus longtemps sur votre site.
Sous cette section, vous pouvez également créer n'importe quelle page de destination autonome de votre choix.
Mais pour ce tutoriel, vous voudrez sélectionner le bouton "Configurer une page "Bientôt disponible".
Ensuite, vous verrez la bibliothèque de modèles réactifs de SeedProd. Sous le filtre "Bientôt disponible", vous pouvez voir divers modèles de pages "Bientôt disponible" qui sont prêts à être utilisés immédiatement.
Survolez n'importe quel modèle pour voir les options de prévisualisation, et cliquez sur l'icône de coche pour choisir ce design.
Après avoir choisi votre modèle de page "Bientôt disponible", SeedProd s'ouvre et l'affiche dans le constructeur de pages par glisser-déposer. C'est sur cette page que vous pouvez personnaliser votre page WooCommerce "Bientôt disponible".
Étape 2.1 : Modifier une page « Prochainement » WooCommerce
Vous pouvez modifier votre page WooCommerce "Bientôt disponible" à tout moment en allant sur SeedProd » Pages dans votre tableau de bord WordPress. Le bouton indiquera maintenant Modifier la page au lieu de Configurer, et il ouvrira le même constructeur par glisser-déposer que celui que vous avez utilisé pour la créer.
Cliquez dessus, et le constructeur par glisser-déposer de SeedProd s'ouvrira. À partir de là, vous pouvez modifier le texte, les images, les couleurs ou ajouter de nouvelles sections, tout comme vous l'avez fait lors de la première configuration.
Lorsque vous avez terminé, cliquez sur le bouton Enregistrer, et vos modifications apparaîtront immédiatement sur la page en direct.
Étape 3 : Personnaliser et modifier votre page « Prochainement » WooCommerce
Vous pouvez personnaliser ou modifier chaque élément de votre page "Bientôt disponible" WooCommerce à l'aide de l'éditeur visuel de SeedProd. Cliquez sur n'importe quelle partie du design pour mettre à jour le texte, les images ou les boutons, et vous verrez vos modifications en direct au fur et à mesure que vous les effectuez.
C'est aussi le meilleur moment pour ajouter les nouvelles sections que vous souhaitez, comme les formulaires d'inscription par e-mail, les grilles de produits ou les liens vers les réseaux sociaux. Si vous avez besoin de mettre à jour les informations de lancement plus tard, revenez simplement à SeedProd » Pages et utilisez le bouton Modifier la page pour apporter des modifications rapides.
Sur le côté droit de l'écran, vous verrez un aperçu en direct de votre design où vous pourrez apporter des modifications et voir les changements en temps réel.
Et sur le côté gauche se trouvent diverses sections et blocs pour construire et personnaliser votre design.
Pour modifier un élément, cliquez simplement dessus, et les paramètres de ce bloc s'ouvriront à gauche. Par exemple, cliquer sur l'élément de titre ouvre son panneau de paramètres de contenu.
À partir de là, vous pouvez modifier le contenu, changer les couleurs et la taille des polices, et même changer les balises de titre pour optimiser votre page pour les moteurs de recherche.
Vous pouvez faire de même pour tous les autres éléments de votre page, tels que le compte à rebours, le texte du paragraphe et les icônes des réseaux sociaux.
Par exemple, cliquer sur le bloc icônes des réseaux sociaux vous permet d'ajouter les liens de vos profils de réseaux sociaux. Vous pouvez également cliquer sur l'onglet Modèles pour changer rapidement les couleurs et le style des icônes.
Vous pouvez ajouter plus de contenu à votre page en choisissant un bloc dans les sections de blocs Standard, Avancé ou WooCommerce.
- Les blocs Standard incluent des listes à puces, des images, des boutons, des vidéos, etc.
- Les blocs Avancés incluent des formulaires d'optin, des cadeaux, des comptes à rebours et de nombreux autres outils de génération de prospects.
- Les blocs WooCommerce vous permettent d'ajouter des paniers d'achat, des pages de paiement, des grilles de produits et des boutons ajouter au panier à votre page "Bientôt disponible".
Nous vous recommandons d'ajouter un formulaire d'optin pour développer votre liste et un compte à rebours "Bientôt disponible" pour créer un sentiment d'urgence.
En plus de personnaliser et d'ajouter du nouveau contenu à votre page "Bientôt disponible" WooCommerce, vous pouvez également contrôler globalement les couleurs, les polices et les styles. Cela vous évite de personnaliser chaque bloc manuellement.
Vous pouvez trouver le panneau Paramètres globaux en cliquant sur l'icône d'engrenage dans le coin inférieur gauche de votre écran. À partir de là, cliquez sur n'importe quel titre pour ajouter un schéma de couleurs global, des polices, une image d'arrière-plan, et plus encore.
Par exemple, nous avons supprimé l'image d'arrière-plan par défaut, en la remplaçant par quelque chose de plus accrocheur.
Nous avons également cliqué sur le titre Couleurs pour modifier les couleurs des titres, du texte, des boutons et des liens.
Une fois que vous êtes satisfait de la page "Bientôt disponible" de votre boutique en ligne, cliquez sur le bouton Enregistrer en haut pour sauvegarder votre progression.
Étape 4 : Connecter votre service de marketing par e-mail
Si vous avez ajouté un formulaire d'inscription par e-mail à votre page "Bientôt disponible" WooCommerce, il est judicieux de le connecter à un service de marketing par e-mail. De cette façon, vous pouvez collecter des prospects, gérer vos abonnés et envoyer des e-mails à des clients potentiels.
Vous pouvez trouver les intégrations d'e-mails de SeedProd sous l'onglet Connect en haut de votre écran.
Vos icônes sociales seront grisées dans votre aperçu en direct, mais sur votre page en direct, elles n'apparaîtront pas du tout.
Étape 5 : Configurer les paramètres de votre page
Avant de publier votre page "Bientôt disponible" pour eCommerce, il y a quelques paramètres à configurer. Passez donc à l'onglet Paramètres de la page et recherchez le panneau de navigation à gauche.
Tout d'abord, vous pouvez modifier le titre, l'URL et le statut de votre page sous l'onglet Général.
Ensuite, si vous êtes un utilisateur SeedProd Pro, vous verrez l'onglet Contrôle d'accès. Sur cet écran, vous pouvez choisir qui peut voir votre page "Bientôt disponible" WooCommerce et qui peut accéder à votre site Web pendant sa construction.
En conséquence, vous pouvez accorder l'accès à tous les développeurs et freelances travaillant sur votre site. Et si vous êtes vous-même un développeur, vous pouvez fournir un accès temporaire aux clients pour leur montrer vos progrès.
Le panneau suivant concerne les paramètres SEO, où vous pouvez ajouter un titre et une description SEO. Ces informations sont visibles par les moteurs de recherche et apparaîtront dans les résultats de recherche.
De plus, vous pouvez également ajouter un favicon et vos miniatures de médias sociaux. Et si vous souhaitez empêcher les moteurs de recherche d'indexer votre page, vous pouvez activer l'option « Activer le No Index ».
Enfin, vous pouvez ajouter des scripts tiers tels que votre code de suivi Google Analytics et les pixels Facebook sous l'onglet Scripts.
Étape 6 : Publiez votre page WooCommerce "Bientôt disponible"
Avant de mettre en ligne votre page "Bientôt disponible" sur votre boutique en ligne, il est judicieux de la prévisualiser sur l'écran de prévisualisation mobile de SeedProd. Ainsi, vous pouvez vous assurer que tout est beau sur les appareils mobiles.
Pour ce faire, cliquez sur l'icône de prévisualisation mobile dans la barre d'outils inférieure, et vous verrez un aperçu mobile en direct de votre page.
À partir de là, vous pouvez modifier votre conception et même masquer certains éléments pour qu'ils n'apparaissent pas sur ordinateur ou mobile.
Par exemple, pour masquer les icônes sociales sur mobile, il vous suffit de cliquer sur l'élément, de sélectionner l'onglet Avancé, et d'activer l'option Masquer sur mobile sous l'en-tête Visibilité de l'appareil.
Vos icônes sociales sont grisées dans votre aperçu en direct, mais sur votre page en direct, elles n’apparaîtront pas du tout.
Lorsque vous êtes prêt à publier votre page "Bientôt disponible" WooCommerce, cliquez sur la flèche déroulante à côté du bouton Enregistrer et cliquez sur Publier.
Étape 7 : Activer le mode "Bientôt disponible" pour WooCommerce
Il ne vous reste plus qu'à activer votre page "Bientôt disponible" pour WooCommerce. Pour ce faire, retournez au tableau de bord SeedProd en cliquant sur SeedProd » Pages depuis le panneau du tableau de bord WordPress à gauche.
Ensuite, sous l'en-tête Mode "Bientôt disponible", basculez le bouton sur « Actif ».
Désormais, lorsque les visiteurs accèdent à votre site Web WooCommerce, ils verront votre page "Bientôt disponible", où ils pourront obtenir des informations sur l'heure de lancement et s'inscrire à vos e-mails.
FAQ sur la modification d'une page "Bientôt disponible" WooCommerce
Vous savez maintenant comment créer et modifier une page "Bientôt disponible" pour WooCommerce sans aucune compétence en codage. Avec SeedProd, vous pouvez mettre à jour votre design, modifier les détails de lancement et ajouter du nouveau contenu à tout moment.
Cette flexibilité vous permet de garder votre page fraîche et attrayante pendant que vous travaillez sur votre boutique. Commencez dès aujourd'hui avec SeedProd et lancez-vous en toute confiance.
Vous trouverez peut-être également utiles les guides WooCommerce suivants :
- Comment sécuriser votre site WooCommerce
- Comment masquer facilement les produits en rupture de stock dans WooCommerce
- Comment personnaliser l'onglet Informations supplémentaires de WooCommerce
- Comment ajouter un bouton « Voir le panier » dans WooCommerce
- Comment changer le titre de la page Boutique dans WooCommerce
- Comment afficher les produits liés dans WooCommerce
Merci de votre lecture. Veuillez nous suivre sur YouTube, Twitter et Facebook pour plus de contenu utile pour développer votre entreprise si cet article vous a plu.
