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

Wie man mit SeedProd schöne Coming Soon Seiten in WordPress erstellt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie eine schöne „Coming Soon“-Seite für Ihre WordPress-Website erstellen?

Eine Pre-Launch-Seite kann die Vorfreude steigern, einen Hype erzeugen und die Nachricht verbreiten, bevor Ihre Website überhaupt online geht. Sie können eine „Coming Soon“-Seite auch nutzen, um Leads zu sammeln und Abonnenten für Ihre Mailingliste zu gewinnen.

In diesem Artikel zeigen wir Ihnen, wie Sie schnell und einfach schöne Coming Soon-Seiten in WordPress erstellen können.

Creating coming soon pages for a WordPress website

Warum „Coming Soon“-Seiten in WordPress erstellen?

Demnächst erscheinende Seiten sind nicht nur ein Platzhalter für Ihre WordPress-Website. Sie können auch helfen, Leads für Ihr Unternehmen zu generieren.

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

Hier sind ein paar Möglichkeiten, wie Sie baldige Seiten nutzen können:

  1. Nutzerinteresse messen – Wenn Sie sich bei einer Idee unsicher sind, können Sie mit einer „Demnächst“-Seite abschätzen, wie viele Menschen an Ihrem Projekt interessiert sein werden.
  2. Erzeugen Sie einen Hype – Sie können eine „Coming Soon“-Seite nutzen, um Vorfreude zu wecken und die Leute für Ihr Unternehmen zu begeistern. Mit Wettbewerben und Werbegeschenken können Sie die Leute sogar dazu ermutigen, Ihre „Demnächst“-Seite zu teilen, wodurch Sie ein größeres Publikum erreichen.
  3. Erfassen Sie Leads – Mit den richtigen Tools können Sie mit dem Aufbau Ihrer E-Mail-Liste beginnen und Nutzer bitten, Ihren sozialen Profilen zu folgen. Auf diese Weise haben Sie am Tag der Markteinführung bereits Likes und Follower, die Sie als aussagekräftigen sozialen Beweis nutzen können.

Sehen wir uns nun an, wie Sie in WordPress eine baldige Seite erstellen können. Sie können die Quicklinks unten verwenden, um zu einem bestimmten Abschnitt zu springen:

Schritt 1: Einrichten einer Domain und eines Hosting-Kontos

Bevor Sie eine „Coming Soon“-Seite erstellen, benötigen Sie einen Domainnamen und einen WordPress-Hosting-Anbieter.

Normalerweise kostet eine Domäne etwa 16 $ pro Jahr, und Hosting-Pläne beginnen bei 7,88 $ pro Monat (in der Regel jährlich bezahlt). Das kann eine große Ausgabe sein, besonders für neue Unternehmen, die gerade erst anfangen.

Glücklicherweise haben unsere Freunde bei Bluehost zugestimmt, einen kostenlosen Domainnamen und einen großzügigen Rabatt auf das Hosting für WPBeginner-Leser anzubieten.

Im Grunde können Sie eine Landing Page oder sogar eine ganze Website für nur 1,99 $ pro Monat erstellen.

Nachdem Sie sich für ein Hosting-Konto angemeldet haben, installiert Bluehost automatisch WordPress für Sie.

Melden Sie sich dann einfach in Ihrem WordPress-Konto-Dashboard an. Navigieren Sie anschließend zur Registerkarte „Websites“ und klicken Sie auf „Site bearbeiten“ auf der Website, auf der Sie eine „Coming Soon“-Seite erstellen möchten

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

Wenn Sie Bluehost nicht verwenden möchten, können Sie WordPress auch bei anderen Hosting-Unternehmen wie Hostinger, SiteGround oder WP Engine nach einem ähnlichen Verfahren installieren.

Eine ausführliche Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation von WordPress.

Schritt 2: Erstellen Sie eine schöne Coming Soon-Seite

Der einfachste Weg, eine Coming Soon-Seite zu erstellen, ist die Verwendung von SeedProd. Es ist der beste Landing Page Builder auf dem Markt und verfügt über einen Drag-and-Drop-Editor, mit dem Sie schnell professionell gestaltete Seiten erstellen können.

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

SeedProd verfügt über 180 vorgefertigte Seitenvorlagen und 90 Blöcke, die Sie einfach auf Ihre Designs ziehen können. So können Sie alle Arten von Seitendesigns erstellen, ohne eine einzige Zeile Code schreiben zu müssen.

Hinweis: Es gibt auch eine kostenlose Version von SeedProd, mit der Sie unabhängig von Ihrem Budget individuelle Seitendesigns erstellen können. In diesem Leitfaden werden wir jedoch die Pro-Version verwenden, da sie die besten E-Mail-Marketingdienste unterstützt.

Das bedeutet, dass Sie mit dem Sammeln von Leads und dem Aufbau einer Mailingliste beginnen können, noch bevor Sie Ihre Website starten.

Weitere Informationen finden Sie in unserem vollständigen SeedProd-Test.

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu SeedProd “ Einstellungen und geben Ihren Lizenzschlüssel ein.

Enter your SeedProd license key

Sie finden den Lizenzschlüssel unter Ihrem Konto auf der SeedProd-Website. Nachdem Sie diese Informationen eingegeben haben, klicken Sie auf die Schaltfläche „Verify Key“.

Gehen Sie dann zu SeedProd “ Landing Pages. Klicken Sie im Abschnitt „Coming Soon-Modus“ auf „Coming Soon-Seite einrichten“.

Set up a coming soon page

Sie können nun eine Vorlage für die Seite „Demnächst“ auswählen.

SeedProd hat viele verschiedene Vorlagen, aus denen Sie wählen können. Um eine Vorschau eines Designs zu sehen, fahren Sie einfach mit der Maus darüber und klicken Sie dann auf die Lupe.

Coming soon templates in the SeedProd template library

Wenn Sie ein Design gefunden haben, das Ihnen gefällt, klicken Sie einfach auf „Diese Vorlage auswählen“.

Wir verwenden für alle unsere Bilder die Vorlage „Launch Coming Soon“, aber Sie können jedes beliebige Design verwenden.

A coming soon design

Nachdem Sie eine Vorlage ausgewählt haben, werden Sie zum Drag-and-Drop-Builder weitergeleitet, wo Sie mit der Anpassung der „Coming Soon“-Vorlage beginnen können.

Auf der rechten Seite des Bildschirms sehen Sie eine Live-Vorschau Ihrer Seite.

Um einen beliebigen Teil der Vorlage anzupassen, klicken Sie einfach auf den entsprechenden Block im Layout, um ihn auszuwählen. Im Menü auf der linken Seite werden dann alle verschiedenen Einstellungen angezeigt, mit denen Sie diesen Block anpassen können.

Editing a SeedProd block

Sie können auch neue Blöcke zu Ihrer „Demnächst“-Seite hinzufügen. Fügen wir zum Beispiel einen Countdown-Timer hinzu, damit die Besucher wissen, wie lange sie noch warten müssen, bis Ihre Website online geht.

Suchen Sie im linken Menü den Block „Countdown“ und ziehen Sie ihn auf Ihre Seitenvorschau.

Add a block

Klicken Sie anschließend auf , um den Countdown-Block in Ihrem Layout auszuwählen.

Legen Sie im linken Menü das Datum und die Uhrzeit fest, zu der Sie Ihr Blog, Ihren Online-Shop oder Ihre Website veröffentlichen möchten.

Editing a block in SeedProd

Der Countdown-Block zeigt nun den Tag, die Stunden, Minuten und Sekunden an, bis Ihr WordPress-Blog oder Ihre Website online geht. Auf diese Weise können Sie die Vorfreude und Spannung auf das offizielle Startdatum Ihrer Website steigern.

Sie können nun weitere Blöcke zu Ihrer „Coming Soon“-Seite hinzufügen, indem Sie den gleichen Prozess wie oben beschrieben durchführen.

Schritt 3: Verbinden Sie Ihren E-Mail-Marketingdienst

Eine „Demnächst“-Seite ist eine großartige Möglichkeit, Leads zu sammeln und Ihre E-Mail-Liste zu erweitern, damit Sie auf den Start Ihrer Website vorbereitet sind.

Die gute Nachricht ist, dass SeedProd mit allen führenden E-Mail-Anbietern wie ActiveCampaign, ConvertKit und Drip integriert werden kann.

Um die Seite mit Ihrem Provider zu verbinden, klicken Sie auf die Registerkarte „Verbinden“.

Connect your email marketing service

Sie können dann mit der Maus über den E-Mail-Marketingdienst fahren, den Sie auf Ihrer Website verwenden, z. B. Brevo (früher Sendinblue) oder MailChimp.

Wenn die Schaltfläche „Verbinden“ erscheint, klicken Sie sie an.

Die Schritte hängen von Ihrem Dienstanbieter ab, aber wir verwenden Constant Contact als Beispiel. Klicken Sie auf „Constant Contact“ und wählen Sie dann „Neues Konto verbinden“.

Connecting your email account

Als nächstes müssen Sie den API-Schlüssel aus Ihrem Constant Contact-Konto eingeben.

Danach geben Sie der Verbindung einen Namen. Dieser dient nur als Referenz, Sie können also alles verwenden, was Ihnen hilft, diese Verbindung in WordPress zu identifizieren.

Getting the API key

Klicken Sie anschließend auf die Schaltfläche „Verbinden“.

Daraufhin öffnet sich ein Popup, in dem Sie sich bei Ihrem Constant Contact-Konto anmelden können. Wenn Sie damit einverstanden sind, dass SeedProd auf Ihre Constant Contact-Daten zugreift, klicken Sie auf „Zulassen“.

Allow access

SeedProd wird nun alle Informationen aus Ihrem Constant Contact-Konto abrufen.

Wählen Sie einfach die E-Mail-Liste aus, die Sie für Ihre „Demnächst“-Seite verwenden möchten, und klicken Sie dann auf „Integrationsdetails speichern“.

Schritt 4: Veröffentlichen Sie Ihre „Coming Soon“-Seite

Wenn Sie die Arbeit an Ihrer „Coming Soon“-Seite abgeschlossen haben, ist der nächste Schritt ihre Veröffentlichung.

Klicken Sie zunächst auf die Schaltfläche „Speichern“ und wählen Sie dann „Als Vorlage speichern“.

Publish your coming soon page

Wenn Sie dazu aufgefordert werden, geben Sie einen Namen für die Vorlage ein. Dieser Name dient nur als Referenz, Sie können also alles verwenden, was Sie wollen.

Danach klicken Sie auf „Vorlage speichern“.

Saving your WordPress coming soon template

Im nächsten Popup klicken Sie auf „Zurück zum Seiteneditor“. Sie können dann auf die Schaltfläche „X“ in der oberen rechten Ecke klicken, um den SeedProd-Seiteneditor zu schließen.

An dieser Stelle wird möglicherweise ein Popup-Fenster angezeigt, in dem Sie gefragt werden, ob Sie Ihr Coming Soon-Design veröffentlichen und Ihre Website in den Coming Soon-Modus versetzen möchten. Wenn Sie damit einverstanden sind, klicken Sie auf „Ja, Aktivieren“.

How to activate coming soon mode

Wenn Sie den „Coming Soon“-Modus noch nicht aktivieren möchten, dann klicken Sie auf die Schaltfläche „Nein, schließen“.

Wenn Sie die „Coming Soon“-Seite den Besuchern zeigen möchten, gehen Sie einfach zu SeedProd “ Seiten. Klicken Sie hier auf den Schalter im Abschnitt „Coming Soon Mode“, sodass er „Active“ anzeigt.

How to activate coming soon mode in WordPress

Während sich Ihre Website im „Coming Soon“-Modus befindet, können Sie sich weiterhin in Ihrem WordPress-Dashboard anmelden und an Ihrer Website arbeiten.

Abgemeldete Benutzer und Besucher können jedoch nur die Seite „Demnächst“ sehen.

Coming soon page preview

Bonus-Tipp: Verwenden Sie die erweiterten Einstellungen von SeedProd für „Coming Soon“-Seiten

Das ist alles, was Sie brauchen, um eine einfache „Coming Soon“-Seite zu erstellen. SeedProd verfügt jedoch über einige erweiterte Einstellungen, die Ihnen helfen können, Leads zu sammeln, Kundenbindung aufzubauen, Markenbewusstsein zu schaffen und vieles mehr.

Um diese erweiterten Einstellungen zu sehen, gehen Sie zu SeedProd “ Landing Pages und klicken Sie auf die Schaltfläche „Seite bearbeiten“ unter dem Feld „Coming Soon Mode“.

Editing the coming soon page in WordPress using SeedProd

Dadurch wird der SeedProd-Seitenersteller geöffnet.

Klicken Sie einfach auf „Seiteneinstellungen“, um die erweiterten Funktionen zu sehen.

The SeedProd advanced settings

Zugriff auf Basis der Benutzerrolle einschränken und gewähren

Standardmäßig zeigt SeedProd allen nicht eingeloggten Nutzern Ihre „Demnächst“-Seite an.

Manchmal möchten Sie vielleicht ändern, wer auf Ihre Website zugreifen kann, während sie sich im „Coming Soon“-Modus befindet. Wenn Sie zum Beispiel die Website eines Kunden entwerfen, möchte dieser vielleicht seine Website sehen, während sie gebaut wird.

WordPress verfügt über ein integriertes Rollen- und Berechtigungssystem, das die Aktionen, die Benutzer auf Ihrer Website ausführen können, und die Informationen, auf die sie Zugriff haben, steuert.

Sie können dieses System nutzen, um den Zugriff auf Ihre Website zu gewähren oder zu verweigern, während sie sich im „Coming Soon“-Modus befindet, indem Sie „Zugriffskontrolle“ auswählen.

The SeedProd access control settings

Um bestimmten Benutzerrollen Zugriff zu gewähren, klicken Sie auf „Rolle hinzufügen“.

Es öffnet sich ein Dropdown-Menü, in dem Sie den Zugriff auf der Grundlage der zugewiesenen Rolle des Benutzers, z. B. Abonnent oder Autor, gewähren können.

Granting access to your site while in coming soon mode

Sie können den Zugriff auch auf der Grundlage der IP-Adresse gewähren, was nützlich ist, wenn eine Person immer von demselben Standort aus auf Ihre Website zugreift. So können Sie beispielsweise das Büro des Kunden oder Ihre private IP-Adresse auf die Whitelist setzen.

Geben Sie dazu einfach die Adresse in das Feld „Zugriff über IP“ ein.

SeedProd's advanced page settings

Verbessern Sie die SEO Ihrer Coming Soon Seite

Wenn Sie sich in den „Seiteneinstellungen“ befinden, können Sie auch auf die Registerkarte „SEO“ wechseln und einen SEO-Titel, eine Beschreibung, ein Favicon und ein Featured Image angeben, das SeedProd verwenden wird, wenn Ihre „Coming Soon“-Seite online freigegeben wird.

Dies kann Ihre WordPress-SEO verbessern und den Bekanntheitsgrad Ihrer Marke steigern, noch bevor Sie Ihre vollständige Website veröffentlichen.

SEO settings for your coming soon page

Eine weitere Möglichkeit besteht darin, Suchmaschinen anzuweisen, die Seite nicht zu indizieren. Dies kann nützlich sein, wenn Sie an einem privaten WordPress-Blog, einem geheimen Projekt oder einem anderen Inhalt arbeiten, der nicht in den Suchergebnissen erscheinen soll.

Aktivieren Sie dazu einfach den Schalter „Kein Index aktivieren“.

Enabling the 'no index' SEO settings

Wenn Sie gängige SEO-Plugins wie All in One SEO installiert haben, arbeitet SeedProd nahtlos mit ihnen zusammen.

Verfolgen Sie Ihre Website-Besucher

Schließlich können Sie auf die Registerkarte „Skripte“ wechseln und alle Skripte von Drittanbietern hinzufügen, die Sie verwenden möchten.

Sie können zum Beispiel einen Google Analytics-Code, ein Meta-Pixel oder einen anderen Tracking-Code in Ihre „Coming Soon“-Seite einfügen. Auf diese Weise können Sie Besucher verfolgen und Informationen sammeln, noch bevor Sie Ihre Website starten.

Add third-party scripts to your coming soon page

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ oben zu klicken, um Ihre erweiterten Seiteneinstellungen zu speichern.

So schalten Sie die Coming Soon Seite von SeedProd aus

Wenn Sie bereit sind, Ihre Website zu veröffentlichen, können Sie mit SeedProd ganz einfach den „Coming Soon“-Modus deaktivieren.

Gehen Sie einfach zu SeedProd “ Landing Pages und klicken Sie auf den Schalter „Aktiv“, damit er stattdessen „Inaktiv“ anzeigt.

How to disable coming soon mode

Wenn Sie nun Ihre Website besuchen, können Sie alle Ihre Beiträge und Seiten sehen.

Wartungsmodus vs. „Demnächst“: Welche Seite sollten Sie verwenden?

Wenn Ihre Website gerade gewartet wird, sollten Sie in der Regel eine Seite im Wartungsmodus anzeigen, anstatt ein „coming soon“-Design.

Eine „Coming Soon“-Seite ist eher für Websites gedacht, die sich in der Entwicklung oder im Aufbau befinden. In der Zwischenzeit ist eine Seite im Wartungsmodus für Websites gedacht, die aktualisiert oder repariert werden.

Weitere Informationen zu den Unterschieden finden Sie in unserem Artikel über den „Coming Soon“- und den „Maintenance“-Modus: Was ist der Unterschied?

Die gute Nachricht ist, dass Sie mit SeedProd auch schöne Wartungsseiten erstellen können. Gehen Sie einfach zu SeedProd “ Landing Pages und klicken Sie auf „Set up a Maintenance Mode Page“.

Set up a maintenance mode button

Sie können nun Ihre Seite nach demselben Verfahren wie oben beschrieben gestalten. Sie können auch genau kontrollieren, wer diese Seite sehen kann, und den Wartungsmodus ganz einfach ausschalten, wenn Sie Ihre Arbeit an der Seite beendet haben.

Weitere Informationen finden Sie in unserer Anleitung, wie Sie Ihre WordPress-Website in den Wartungsmodus versetzen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man schöne „Coming Soon“-Seiten in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren ultimativen Leitfaden zur Steigerung Ihres Blog-Traffics und unseren Vergleich der besten Business-Telefondienste zur Verbesserung Ihres Workflows.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

5 KommentareEine Antwort hinterlassen

  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.

  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.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.