Comment créer un élémentur bientôt page (gratuit, aucun professionnel nécessaire)

Vous construisez un nouveau site Le domaine est pointé, WordPress est installé, mais le site réel est à des jours ou des semaines Visiteurs et Google ne devrait pas atterrir sur une page d'accueil à moitié terminée cassée entre-temps Ils devraient voir un Elementor à venir bientôt page cela indique aux gens que quelque chose est en route, capture l'intérêt précoce par courrier électronique ou par des suivis sociaux et empêche les moteurs de recherche d'indexer un site incomplet.

Ce tutoriel crée une page complète à venir en utilisant la version gratuite d'Elementor, la version gratuite de Modules complémentaires principaux pour Elementor« Et un paramètre WordPress intégré pour en faire la première page. Pas de licence Elementor Pro, pas de plugin de bientôt dédié, pas de frais mensuels. Vous obtenez un compte à rebours, un arrière-plan, un titre et une description personnalisés, des liens sociaux et une inscription facultative par e-mail. ».

À la fin, vous aurez une page de lancement de marque située à la racine de votre domaine, rendant proprement sur mobile Lorsque votre site réel est prêt, le désactiver est un seul changement de paramètre.

Pourquoi vous avez besoin d'une page à venir

Un nouveau domaine avec un site à moitié construit est une mauvaise première impression Les visiteurs qui atterrissent tôt soit rebondissent, soit se souviennent d'une expérience brisée Un Elementor à venir bientôt page résout une poignée de problèmes pratiques à la fois :

• Arrête la mauvaise première impression. Au lieu de pages WordPress par défaut ou d'une ébauche Elementor cassée, les visiteurs voient une page de lancement soignée.
• Construit une liste de pré-lancement. L'ajout d'une inscription par e-mail capte l'intérêt du trafic précoce, vous avez donc des abonnés prêts au lancement effectif.
• Signale la date de lancement. Un compte à rebours crée une urgence et indique aux visiteurs quand revenir.
• Protège le référencement. Une page minimale avec un objectif clair est plus facile à comprendre pour Google qu'un site plein de contenu réservé.
• Gagne tôt social suit. Les icônes des réseaux sociaux permettent aux gens de vous suivre maintenant et de découvrir le lancement via leur flux plus tard.

Si vous rebrandissez un site existant au lieu d'en lancer un nouveau, la même configuration fonctionne comme un Mode de maintenance de l'élémenteur page. Échanger le compte à rebours pour une courte explication et vous avez terminé.

Ce que vous allez construire

Le résultat final est une seule page plein écran Image ou couleur de fond, votre logo ou nom de marque, un court message sur ce qui s'en vient, un compte à rebours en direct jusqu'au jour du lancement, des liens vers les réseaux sociaux et (éventuellement) un formulaire d'inscription par e-mail. Plus un paramètre WordPress qui épingle cette page à l'avant de votre site jusqu'à ce que vous l'éteigniez.

Prérequis (Plugins dont vous avez besoin)

Trois pièces. Tous gratuits:

• WordPress. Supposé déjà installé.
• Élémenteur (gratuit). Prenez la version gratuite de WordPress.org ou le répertoire des plugins de votre administrateur WordPress.
• Modules complémentaires principaux pour Elementor (gratuit). Ajoute le widget Countdown Timer, le widget Social Media Icons, et d'autres éléments axés sur la conversion Installer à partir de WordPress.org, ou voir le installation de Master Addons doc pour une procédure pas à pas.

Vous n'avez pas besoin d'Elementor Pro pour ce tutoriel Elementor Pro inclut un mode de maintenance/prochainement intégré, mais l'approche gratuite ci-dessous vous donne plus de contrôle de conception et ne vous enferme pas dans un abonnement.

Comment créer la page à venir (étape par étape)

Huit étapes de la page blanche à la page de lancement fonctionnelle Suivez dans l'ordre.

Étape 1 : Créer une nouvelle page dans WordPress

Dans WordPress admin, allez à Pages → Ajouter Nouveau. Nommez-le “Coming Soon” (ou tout ce dont vous vous souvenez).Cliquez sur“Modifier avec Elementor” pour ouvrir la page dans l'éditeur Elementor.

Étape 2 : Définissez le modèle de page de toile de l'élémenteur

Avant d'ajouter du contenu, cliquez sur le rapport de paramètres en bas à gauche du panneau Élémenteur et modifiez le Mise en page à Toile Élémenteur. Canvas supprime l'en-tête et le pied de page de votre thème et vous donne une page vierge Cela compte pour une page de lancement, car la dernière chose que vous voulez est votre menu à moitié fini assis au-dessus du compte à rebours.

Étape 3 : Ajoutez une section adaptée à la hauteur de l'écran

Cliquez sur le bouton rose “+” pour ajouter une nouvelle section Choisissez n'importe quelle structure de colonne (une colonne est la plus facile).Ouvrez les paramètres de mise en page et le set de la section Hauteur à Adapté à l'écran. Cela verrouille la section à 100 % de la hauteur de la fenêtre, de sorte que le contenu à venir remplit bientôt tout l'écran sans défilement.

Étape 4 : Ajoutez un arrière-plan (image ou couleur)

Toujours dans les paramètres de la section, passez au Style onglet et ouvrez Contexte. Vous avez deux options qui fonctionnent toutes les deux bien :

• Image d'arrière-plan. Téléchargez une photo haute résolution qui représente votre marque. Ensemble Poste : Centre Centre, Pièce jointe : Fixe (pour une subtile parallaxe sur parchemin), et Taille : Couverture. Ajoutez une superposition sombre dans la section Superposition d'arrière-plan afin que votre texte reste lisible.
• Couleur de fond ou dégradé. Une couleur unie ou un dégradé linéaire permet de maintenir le chargement de la page rapide et semble propre sur mobile Bon pour les marques minimalistes.

Pour l'approche couleur uniquement, le Type d'arrière-plan vous offre des options de Couleur et de Dégradé Un dégradé à deux arrêts (la couleur de votre marque s'estompant pour devenir une teinte plus foncée) lit moderne sans avoir besoin d'une photo.

Pour plus de techniques de fond (gradients animés, particules, vidéo), voir notre Guide d'arrière-plan de la page Élémentor.

Étape 5 : Ajouter un titre et une description

Glisser a Titre widget dans la section Tapez votre nom de marque ou un petit titre comme “Quelque chose arrive.” En dessous, faites glisser un Éditeur de texte widget pour une description d'une phrase expliquant ce qui est en train de lancer.

Gardez le titre à 4 mots Gardez la description à une phrase Tout l'intérêt d'une page à venir bientôt est une intrigue, pas un argumentaire marketing complet Si vous voulez quelque chose de plus accrocheur qu'un titre statique, le Widget Titre Animé de Master Addons fait pivoter les mots ou ajoute des effets de texte tapé.

Étape 6 : Ajoutez le compte à rebours

C'est là que Master Addons gagne sa place Dans le panneau du widget, recherchez “Countdown Timer” et faites glisser le MA Countdown Timer dans la section sous votre description.

Dans les paramètres du widget, définissez le Date d'échéance à votre date et heure de lancement Choisissez la disposition du minuteur (les blocs de style carte sont beaux sur les fonds sombres, le texte en ligne convient aux conceptions minimalistes), étiquetez les unités (Jours, Heures, Minutes, Secondes) et définissez ce qui se passe lorsque le minuteur atteint zéro : redirigez vers votre site réel, masquez le widget ou affichez un message Les paramètres complets sont couverts dans le Documentation du compte à rebours.

Étape 7 : Ajouter des liens vers les réseaux sociaux

En dessous du compte à rebours, faites glisser un Icônes Sociales widget (Fonctionne par défaut d'Elementor, ou utilisez la version de Master Addons pour plus d'options de bibliothèque d'icônes).Ajouter chaque plateforme sur laquelle vous êtes actif et créer un lien vers votre profil Faites correspondre les couleurs des icônes à votre palette globale afin qu'elles se sentent comme faisant partie du design, et non des logos collés.

Étape 8 : Ajouter un formulaire d'inscription par e-mail (facultatif)

Si vous souhaitez capturer les e-mails du trafic de pré-lancement, faites glisser le Widget MA Mailchimp dans la section Connectez-le à votre audience Mailchimp via le champ de clé API, étiquetez l'entrée“Email address,” et changez le texte du bouton en“Notify me” ou “Obtenir des mises à jour.”

Conseil professionnel: Si vous n'utilisez pas Mailchimp, le widget intégré Elementor Form (niveau gratuit) fonctionne également Connectez-le à n'importe quel service de messagerie via des webhooks, ou envoyez-vous simplement les soumissions par e-mail pour l'instant et importez-les dans votre véritable ESP plus tard.

Cliquez sur Publier La page existe maintenant mais n'est pas encore la première page du site C'est la prochaine étape.

Comment activer la page à venir

C'est la partie que la plupart des tutoriels sautent La construction de la page est la moitié du travail En faire la page de première page réelle de votre site est l'autre moitié.

Dans WordPress admin, allez à Paramètres → Lecture. Sous Votre page d'accueil affiche, sélectionnez Une page statique. Dans la liste déroulante Page d'accueil, choisissez la page bientôt à venir que vous venez de créer. Enregistrer.

Maintenant, quand quelqu'un visite votre domaine root (yoursite.com), il voit la page bientôt à venir D'autres pages existent toujours et sont accessibles si vous créez un lien vers elles directement, mais personne ne les navigue depuis la page d'accueil Lorsque vous êtes prêt à lancer, revenez au même paramètre de lecture et revenez sur la page d'accueil en “Vos dernières publications” ou une page d'accueil appropriée.

Étape supplémentaire pour le référencement : Jusqu'à ce que vous soyez prêt à lancer, ajoutez un noindex marquez sur la page de bientôt à venir (ou sur l'ensemble du site).Installez un plugin SEO gratuit comme Rank Math ou Yoast et activez les moteurs de recherche“Discourage dans l'indexation de ce site” sous Paramètres → Lecture. N'oubliez pas de l'éteindre lorsque vous lancez, ou Google continuera à ignorer vos vraies pages.

Conseils de conception qui font que la page à venir se convertit

Une page à venir qui gagne des inscriptions et des suivis sociaux ressemble plus à un élément de marque qu'à un avis. Modèles qui fonctionnent :

• Une action claire. Soit “leave your email“ ou follow us.” Pas les deux en évidence Choisissez celui que vous utiliserez le plus et faites-en l'élément le plus important après le titre.
• Texte à contraste élevé sur n'importe quelle image d'arrière-plan. Une superposition 60 % sombre rend le texte clair lisible sur les photos occupées Le texte blanc sur un dégradé violet massif est tout aussi efficace et se charge plus rapidement.
• Actifs réels de la marque. Votre logo réel, votre police réelle, la couleur réelle de votre marque. Un espace réservé qui semble générique signale que le site lui-même aura l'air générique.
• Typographie mobile d'abord. Testez le titre et le compte à rebours sur un téléphone. Si le compte à rebours est minuscule ou s'enroule maladroitement, laissez tomber sa taille de police ou passez à une disposition empilée pour mobile.
• Liens sociaux de travail. Si les icônes sociales pointent vers des profils vides, les visiteurs rebondissent Postez au moins une fois sur chaque plateforme avant de vous y lier.
• Une promesse de ce qui arrive. “Quelque chose de grand” est faible. (La nouvelle maison de [votre produit]” est spécifique. “Une meilleure façon de [résoudre le problème]” donne aux visiteurs une raison de s'abonner.

Pour plus de widgets axés sur la conversion à ajouter plus tard, le Guide des widgets marketing Elementor couvre ceux qui sont payants sur les pages de destination.

Gratuit vs Pro : ce que vous obtenez

Tout dans ce tutoriel fonctionne dans la version gratuite de Master Addons Pro débloque d'autres widgets et l'ensemble de fonctionnalités plus large, pas les widgets spécifiques dont vous avez besoin ici.

Si vous voulez une longueur d'avance, Kits de modèles Master Addons (Pro) incluez des conceptions de pages de lancement prédéfinies que vous pouvez importer et modifier. Pour une comparaison plus large des packs d'addon, consultez notre 100 meilleurs modules complémentaires Elementor.

Foire aux questions

Envelopper

Un bon Elementor à venir bientôt page est plus qu'un espace réservé Il maintient le trafic précoce engagé, construit une liste de diffusion de pré-lancement, et donne le ton pour la marque derrière lui La combinaison de Elementor gratuit, Master Addons gratuit, et le paramètre de page d'accueil statique de WordPress couvre tout cela sans plugin payant ou une licence Elementor Pro.

Le jour du lancement, activez le paramètre de la page d'accueil Paramètres → Lecture et votre vrai site prend le relais La page à venir reste dans votre liste de pages pour le prochain lancement ou un futur changement de marque Pour les travaux de landing-page connexes, consultez notre créer une page de blog avec Elementor tutoriel et guide d'en-tête collant.

Lecture connexe: Effets d'animation d'élémenteurs | Meilleurs plugins popup builder | Widgets marketing d'élémentor