So erstellen Sie eine bald erscheinende Elementorseite (kostenlos, nicht erforderlich)

Du baust eine neue Seite auf Die Domain ist spitz, WordPress ist installiert, aber die eigentliche Seite ist Tage oder Wochen entfernt Besucher und Google sollten in der Zwischenzeit nicht auf einer kaputten halbfertigen Homepage landen Sie sollten eine sehen Elementor kommt bald Seite Das sagt den Leuten, dass etwas auf dem Weg ist, weckt frühes Interesse per E-Mail oder Social Follows und hält Suchmaschinen davon ab, eine unvollständige Website zu indizieren.

Dieses Tutorial erstellt eine vollständige Coming-Back-Seite mit der kostenlosen Version von Elementor, der kostenlosen Version von Master-Addons für Elementor‘und eine integrierte WordPress-Einstellung, um es zur Titelseite zu machen Keine Elementor Pro-Lizenz, kein dediziertes Coming-Soon-Plugin, keine monatliche Gebühr Sie erhalten einen Countdown-Timer, einen benutzerdefinierten Hintergrund, Titel und Beschreibung, soziale Links und optionale E-Mail-Anmeldung.

Am Ende haben Sie eine Markenstartseite, die an Ihrem Domain-Root sitzt und auf Mobilgeräten sauber rendert. Wenn Ihre echte Website fertig ist, ist das Abblättern eine einzige Einstellungsänderung.

Warum Sie eine bald erscheinende Seite benötigen

Eine neue Domain mit halb gebautem Gelände ist ein schlechter erster Eindruck Besucher, die früh landen, springen entweder ab oder erinnern sich an ein kaputtes Erlebnis Eine Elementor kommt bald Seite Löst eine Handvoll praktischer Probleme auf einmal:

• Stoppt den schlechten ersten Eindruck. Anstelle von Standard-WordPress-Seiten oder einem defekten Elementor-Entwurf sehen Besucher eine ausgefeilte Startseite.
• Erstellt eine Pre-Launch-Liste. Das Hinzufügen einer E-Mail-Anmeldung weckt das Interesse des frühen Datenverkehrs, sodass Sie Abonnenten bereithalten, wenn Sie tatsächlich starten.
• Signalisiert das Startdatum. Ein Countdown-Timer erzeugt Dringlichkeit und sagt den Besuchern, wann sie zurückkommen sollen.
• Schützt SEO. Eine Minimalseite mit einem klaren Zweck ist für Google leichter verständlich als eine Seite voller Platzhalterinhalte.
• Verdient frühe soziale Folgen. Mit Social-Media-Icons können die Leute Ihnen jetzt folgen und später durch ihren Feed etwas über den Start erfahren.

Wenn Sie eine bestehende Website umbenennen, anstatt eine neue zu starten, funktioniert das gleiche Setup als Elementorwartungsmodus Seite. tauschen Sie den Countdown gegen eine kurze Erklärung aus und fertig.

Was Sie bauen werden

Das Endergebnis ist eine einzelne Vollbildseite Hintergrundbild oder - farbe, Ihr Logo oder Markenname, eine kurze Nachricht über das Kommende, ein Live-Countdown-Timer zum Starttag, Social Media Links, und (optional) ein E-Mail-Anmeldeformular Plus eine WordPress-Einstellung, die diese Seite an die Vorderseite Ihrer Seite pinnt, bis Sie sie abschalten.

Voraussetzungen (Plugins, die Sie benötigen)

Drei Stück Alle kostenlos:

• WordPress. Vorausgesetzt, bereits installiert.
• Elementor (kostenlos). Schnappen Sie sich die kostenlose Version von WordPress.org oder dem Plugin-Verzeichnis Ihres WordPress-Admins.
• Master-Addons für Elementor (kostenlos). Fügt das Countdown Timer Widget, Social Media Icons Widget und andere konvertierungsfokussierte Elemente hinzu. Installieren Sie es von WordPress.org oder sehen Sie sich das an Installation von Master Addons doc Für einen Komplettdurchgang.

Sie benötigen für dieses Tutorial kein Elementor Pro. Elementor Pro beinhaltet zwar einen integrierten Wartungs-/Coming-Soon-Modus, aber der kostenlose Ansatz unten gibt Ihnen mehr Designkontrolle und sperrt Sie nicht in ein Abonnement ein.

So erstellen Sie die bald erscheinende Seite (Schritt für Schritt)

Acht Schritte von leerer Seite zur funktionierenden Startseite Folgen Sie der Reihe nach.

Schritt 1: Erstellen Sie eine neue Seite in WordPress

Gehen Sie im WordPress-Admin zu Seiten → Neu hinzufügen. Nennen Sie es “Coming Soon” (oder alles, woran Sie sich erinnern) Klicken Sie auf “Bearbeiten mit Elementor”, um die Seite im Elementor-Editor zu öffnen.

Schritt 2: Legen Sie die Elementor-Canvas-Seitenvorlage fest

Bevor Sie Inhalte hinzufügen, klicken Sie auf das Einstellungszahnrad unten links im Elementorfeld und ändern Sie die Seitenlayout zu Elementor-Leinwand. Leinwand streift Kopf - und Fußzeile Ihres Themes aus und gibt Ihnen ein unbeschriebenes Blatt Das ist für eine Startseite wichtig, denn das Letzte, was Sie wollen, ist Ihr halbfertiges Menü, das über dem Countdown sitzt.

Schritt 3: Fügen Sie einen Abschnitt mit Passform zur Bildschirmhöhe hinzu

Klicken Sie auf die rosa Schaltfläche “+”, um einen neuen Abschnitt hinzuzufügen Wählen Sie eine beliebige Spaltenstruktur (eine Spalte ist am einfachsten) Öffnen Sie die Layouteinstellungen des Abschnitts und setzen Sie Höhe zu Auf den Bildschirm passen. Dadurch wird der Abschnitt auf 100% der Ansichtsporthöhe gesperrt, sodass der kommende Inhalt den gesamten Bildschirm ohne Bildlauf ausfüllt.

Schritt 4: Fügen Sie einen Hintergrund hinzu (Bild oder Farbe)

Noch in den Einstellungen des Abschnitts wechseln Sie auf die Stil Tab und öffnen Hintergrund. Sie haben zwei Möglichkeiten, die beide gut funktionieren:

• Hintergrundbild. Laden Sie ein hochauflösendes Foto hoch, das Ihre Marke darstellt. einstellen Position: Zentrum Mitte, Anhang: Fixiert (für eine subtile Parallaxe auf der Schriftrolle) und Größe: Cover. Fügen Sie im Abschnitt Hintergrundüberlagerung eine dunkle Überlagerung hinzu, damit Ihr Text lesbar bleibt.
• Hintergrundfarbe oder Farbverlauf. Ein einfarbiger oder linearer Farbverlauf hält die Seitenlast schnell und sieht auf dem Handy sauber aus Gut für minimalistische Marken.

Für den reinen Farbansatz bietet Ihnen der Hintergrundtyp Farb- und Farbverlaufsoptionen. Ein Farbverlauf mit zwei Stopps (Ihre Markenfarbe verblasst in einen dunkleren Farbton) liest sich modern, ohne dass ein Foto erforderlich ist.

Weitere Hintergrundtechniken (animierte Gradienten, Partikel, Video) finden Sie in unserem Hintergrundhandbuch für Elementorseiten.

Schritt 5: Fügen Sie Titel und Beschreibung hinzu

Ziehen Sie a Überschrift Widget in den Abschnitt Geben Sie Ihren Markennamen oder eine kurze Überschrift wie “Es kommt was” Darunter ziehen Sie eine Texteditor Widget für eine Ein-Satz-Beschreibung, die erklärt, was gestartet wird.

Behalten Sie die Überschrift bei 4 – 7 Worte Behalten Sie die Beschreibung bei einem Satz Der Sinn einer kommenden baldigen Seite ist Intrige, kein vollständiger Marketing-PitchWenn Sie etwas Auffälligeres als eine statische Überschrift wollen, ist die Animiertes Headline-Widget Von Master Addons rotiert Wörter kostenlos und Master Addons Pro fügt einen Tippeffekt hinzu.

Schritt 6: Fügen Sie den Countdown-Timer hinzu

Hier verdient sich Master Addons seinen Platz Im Widget-Panel suchen Sie nach “Countdown Timer” und ziehen den MA Countdown Timer in den Abschnitt unter Ihrer Beschreibung.

In den Widget-Einstellungen stellen Sie die Fälligkeitstermin Zu Ihrem Startdatum und Ihrer Startzeit Wählen Sie das Timer-Layout (Kartenblocks sehen auf dunklen Hintergründen gut aus, Inline-Text passt zu minimalistischen Designs), beschriften Sie die Einheiten (Tage, Stunden, Minuten, Sekunden) und stellen Sie ein, was passiert, wenn der Timer auf Null trifft: Weiterleiten zu Ihrer echten Website, Ausblenden des Widgets oder Anzeigen einer Nachricht Die vollständigen Einstellungen werden in der Countdown Timer Dokumentation.

Schritt 7: Social Media Links hinzufügen

Ziehen Sie unter dem Countdown einen hinein Soziale Symbole Widget (Elementors Standardfunktion oder verwenden Sie die Version von Master Addons für weitere Optionen für die Symbolbibliothek) Fügen Sie jede Plattform hinzu, auf der Sie aktiv sind, und verlinken Sie auf Ihr Profil. Passen Sie die Symbolfarben an Ihre Gesamtpalette an, damit sie sich wie Teil des Designs anfühlen und nicht als eingefügte Logos.

Schritt 8: Fügen Sie ein E-Mail-Anmeldeformular hinzu (optional)

Wenn Sie E-Mails aus dem Datenverkehr vor dem Start erfassen möchten, ziehen Sie die MA Mailchimp Widget In den Abschnitt Es zeigt ein Formular aus dem kostenlosen Plugin MC4WP: Mailchimp for WordPress an, also verbinden Sie zuerst Ihr Mailchimp-Publikum in MC4WP. Beschriften Sie in den Formularfeldern MC4WP die Eingabe mit “E-Mail-Adresse” und ändern Sie den Buttontext in “Benachrichtigen Sie mich” oder “Aktualisierungen abrufen”

Profi-tipp: Wenn Sie Mailchimp nicht verwenden, funktioniert auch das Elementor Form-Widget, benötigt jedoch Elementor Pro. Es kann Einsendungen an einen Webhook senden oder Ihnen per E-Mail senden und Sie können sie später in Ihren E-Mail-Dienst importieren.

Klicken Sie auf Veröffentlichen Die Seite existiert jetzt, ist aber noch nicht die Titelseite der Seite Das ist der nächste Schritt.

So aktivieren Sie die bald erscheinende Seite

Das ist der Teil, den die meisten Tutorials überspringen Das Erstellen der Seite ist die halbe Arbeit, die eigentliche Titelseite deiner Seite zu machen, ist die andere Hälfte.

Gehen Sie im WordPress-Admin zu Einstellungen → Lesen. Unter Ihre Homepage zeigtAuswählen Eine statische Seite. Wählen Sie im Homepage-Dropdown die kommende baldige Seite aus, die Sie gerade erstellt haben Speichern.

Wenn jetzt jemand deinen Domain-Root (yoursite.com) besucht, sieht er die kommende bald-Seite Andere Seiten existieren noch und sind zugänglich, wenn du direkt darauf verlinkst, aber niemand blättert von der Startseite zu ihnen Wenn du bereit bist zu starten, komm zurück zur gleichen Leseeinstellung und schalte die Homepage zurück auf “Deine neuesten Beiträge” oder eine richtige Homepage.

Extraschritt für SEO: Bis Sie bereit zum Start sind, fügen Sie eine hinzu noindex Tag auf die kommende baldige Seite (oder die ganze Seite) Installieren Sie ein kostenloses SEO-Plugin wie Rank Math oder Yoast und schalten Sie “Suchmaschinen davon ab, diese Seite zu indizieren” unter Einstellungen → Lesen ein Denken Sie daran, es beim Start auszuschalten, oder Google ignoriert Ihre echten Seiten immer wieder.

Design-Tipps, die die bald erscheinende Seite konvertieren lassen

Eine bald erscheinende Seite, die Anmeldungen und soziale Follower erhält, ähnelt eher einem Branding als einem Hinweis. Muster, die funktionieren:

• Eine klare Aktion. Entweder “leave your e-mail” oder “follow us” Nicht beide prominent Wählen Sie das aus, das Sie am meisten verwenden werden und machen Sie es zum größten Element nach der Überschrift.
• Kontrastreicher Text über jedem Hintergrundbild. Eine 60-Zeile-70% dunkle Überlagerung macht hellen Text auf Besetztfotos lesbar, Weißer Text auf durchgehendem Lila-Gradienten ist genauso effektiv und lädt schneller.
• Echte Markenwerte. Ihr tatsächliches Logo, Ihre tatsächliche Schriftart, Ihre tatsächliche Markenfarbe Ein Platzhalter, der generisch aussieht, signalisiert, dass die Website selbst generisch aussieht.
• Mobile-first-typografie. Testen Sie die Überschrift und den Countdown-Timer auf einem Telefon. Wenn der Countdown winzig ist oder umständlich umwickelt, lassen Sie die Schriftgröße fallen oder wechseln Sie zu einem gestapelten Layout für Mobilgeräte.
• Arbeitende soziale Links. Wenn die sozialen Symbole auf leere Profile zeigen, springen die Besucher mindestens einmal auf jeder Plattform, bevor sie auf sie verlinken.
• Ein Versprechen, was kommt. “Etwas Tolles” ist schwach “Das neue Zuhause von [Ihrem Produkt]” ist spezifisch “Eine bessere Art, das Problem [zu lösen]” gibt Besuchern einen Grund, sich zu abonnieren.

Für mehr konvertierungsfokussierte Widgets, die später hinzugefügt werden sollen, ist die Leitfaden für Elementor-Marketing-Widgets Deckt diejenigen ab, die sich auf Landingpages auszahlen.

Kostenlos vs. Pro: Was Sie bekommen

Alles in diesem Tutorial funktioniert in der kostenlosen Version von Master Addons. Pro sperrt andere Widgets und den breiteren Funktionsumfang frei, nicht die spezifischen Widgets, die Sie hier benötigen.

Wenn Sie einen Vorsprung wollen Master Addons Template Kits (Pro) umfassen vorgefertigte Startseitendesigns, die Sie importieren und bearbeiten können. Einen umfassenderen Vergleich von Addon-Paketen finden Sie in unserem 100 besten Elementor-Add-ons-Rundup.

Häufig gestellte Fragen

Einwickelnd

Ein Gut Elementor kommt bald Seite Ist mehr als ein Platzhalter Es hält frühen Traffic bei der Stange, erstellt eine E-Mail-Liste vor dem Start und gibt den Ton für die Marke dahinter vor Die Kombination aus kostenlosem Elementor, kostenlosen Master Addons und der statischen Homepage-Einstellung von WordPress deckt all das ohne kostenpflichtiges Plugin oder eine Elementor Pro-Lizenz ab.

Wenn der Launch-Tag kommt, drehen Sie die Homepage-Einstellung ein Einstellungen → Lesen Und Ihre echte Website übernimmt die Die kommende, baldige Seite bleibt in Ihrer Seitenliste für den nächsten Start oder ein zukünftiges Rebranding. Informationen zu verwandten Landingpage-Arbeiten finden Sie in unserer Blogseite mit Elementor erstellen Tutorial und Klebrige Kopfzeile.

Verwandte Lektüre: Elementoranimationseffekte | Beste Popup Builder Plugins | Elementor-Marketing-Widgets