So erstellen Sie eine moderne WordPress-Seite im Bau-Modus 

Als ich meine WordPress-Seite während einer Neugestaltung vorübergehend offline nehmen musste, habe ich eine WordPress-Seite im Bau-Modus erstellt, um die Professionalität zu wahren und in der Zwischenzeit E-Mail-Kontakte zu sammeln.

Wenn Sie eine neue Website starten oder im Hintergrund Updates durchführen, ist eine Seite im Bau-Modus eine einfache Möglichkeit, Ihre Besucher auf dem Laufenden zu halten. Sie verschafft Ihrer Website einen Vorsprung in den Suchmaschinen, baut Vorfreude auf und kann sogar Ihre E-Mail-Liste erweitern, bevor Sie live gehen.

In diesem Tutorial zeige ich Ihnen, wie Sie eine benutzerdefinierte WordPress-Seite im Bau-Modus erstellen, ohne eine einzige Codezeile anfassen zu müssen.

Kurze Zusammenfassung: So erstellen Sie eine WordPress-Seite im Bau-Modus

• Laden Sie das SeedProd-Plugin herunter und installieren Sie es
• Wählen Sie den „Coming Soon“-Modus
• Fügen Sie eine Nachricht und Designblöcke hinzu
• Passen Sie Schriftarten, Farben und Layout an
• Verbinden Sie Ihren E-Mail-Anbieter
• Legen Sie SEO- und Zugriffskontrollen fest
• Vorschau und Veröffentlichung Ihrer Seite

Besucher sehen nicht den unordentlichen Designprozess im Hintergrund, da eine Landingpage und ein Bild einer Seite im Bau angezeigt werden. Wichtiger ist, dass sie keine potenziell fehlerhafte Website besuchen, die Ihrem Geschäftsruf und der Benutzererfahrung schaden kann.

Wichtigster Punkt: Eine Seite im Bau-Modus verbirgt Ihre unfertige Website und zeigt stattdessen eine freundliche Nachricht für Besucher an.

So erstellen Sie eine Seite im Bau-Modus in WordPress

Normalerweise benötigen Sie für diese Art von Aufgabe ein Wartungs- oder Bau-Seiten-Plugin. Aber für diese Anleitung verwenden wir eine All-in-One-Lösung.

Um eine Seite im Bau-Modus auf Ihrer Website zu platzieren, verwenden wir das SeedProd-Plugin. Bevor wir beginnen, sehen wir uns an, wie SeedProd funktioniert.

SeedProd ist das beste WordPress Page Builder Plugin, mit dem Sie ganz einfach benutzerdefinierte WordPress-Themes und beeindruckende Landingpages erstellen können. Mit Whitelist-Benutzerrollen können Sie den Zugriff auf Ihre Website einschränken und auswählen, wer Ihre Website im Gegensatz zu Ihrem Bau-Bildschirm sehen darf.

Das Erstellen einer „Coming Soon“- & Wartungsmodus-Seite ist schnell und einfach und Sie benötigen keine Hilfe von einem Entwickler. Das liegt daran, dass SeedProd eine Bibliothek mit vorgefertigten, hochkonvertierenden und anpassbaren Landingpage-Vorlagen hat, darunter:

• WordPress Theme Starter-Vorlagen
• Wartungsmodus (Coming Soon)
• Wartungs- oder Bau-Modus
• 404-Seite
• Verkäufe
• Webinar
• WooCommerce-Seiten
• Lead Squeeze
• Danke-Seite
• Anmeldeseite

Mit dem Drag-and-Drop-Builder von SeedProd können Sie Ihre Seite im Bau-Modus, im Wartungsmodus oder Ihre „Coming Soon“-Seite mit einfachen Blöcken und Modulen anpassen.

Sie können beispielsweise E-Mail-Opt-in-Formulare, Social-Media-Schaltflächen, Preislisten, Kontaktformulare, Countdown-Timer und mehr hinzufügen. Dies hilft Ihnen, Leads und Engagement zu generieren. Außerdem können Sie die vorgenommenen Änderungen in Echtzeit sehen.

SeedProds Landingpage-Plugin bietet außerdem:

• Responsive und mobilfreundliche Seiten
• Spam-Schutz
• Leistungsstarke Zugriffskontrollen
• Integration mit wichtigen E-Mail-Marketingdiensten
• Und vieles mehr.

Es funktioniert auch nahtlos mit gängigen WordPress-Themes und Plugins, einschließlich Caching-Plugins wie WP Super Cache.

Das Tolle an SeedProd ist, dass es auch ein Website-Builder ist und viele Funktionen in einem einzigen WordPress-Plugin kombiniert. Das bedeutet, Sie benötigen keine separaten Wartungsmodus-Plugins, "Coming Soon"-Plugins oder gar ein anderes WordPress "Under Construction"-Plugin.

SeedProd bietet eine kostenlose Version seines Plugins an, wenn Sie es ausprobieren möchten. Das kostenlose WordPress-Plugin enthält alles, was Sie benötigen, um Ihre Website während der Arbeit daran zu verbergen.

Wir empfehlen die Pro-Version (Premium-Version), um auf robuste Zugriffskontrollen, Domain-Mapping, Theme-Erstellung und andere erweiterte Funktionen zuzugreifen.

Lassen Sie uns dieses Plugin nun verwenden, um eine WordPress "Under Construction"-Seite zu erstellen.

Video-Anleitung

Schritt 1: Erste Schritte durch Herunterladen von SeedProd

Der erste Schritt zur Erstellung einer benutzerdefinierten "Under Construction"-Seite in WordPress ist der Erhalt des SeedProd-Plugins.

Nach dem Kauf von SeedProd melden Sie sich in Ihrem SeedProd-Dashboard an.

Von dort sehen Sie einen Bildschirm wie den unten gezeigten. Klicken Sie auf den Link Lizenzschlüssel, Details und Downloads anzeigen, um zu Ihrer Download-Seite zu gelangen.

Um SeedProd herunterzuladen, klicken Sie auf die Schaltfläche Landing Page Pro herunterladen.

Gehen Sie zu Ihrem WordPress-Dashboard und klicken Sie auf Plugins » Neues Plugin hinzufügen » Hochladen. Sie können dann auf Ihrem Computer nach der gerade heruntergeladenen ZIP-Datei suchen und diese hochladen.

Schließen Sie den Schritt ab, indem Sie auf die Schaltfläche Aktivieren klicken, um mit der Arbeit zu beginnen.

Nach der Aktivierung sehen Sie die Plugin-Einstellungsseite in Ihrem WordPress-Adminbereich, wo Sie Ihren SeedProd-Lizenzschlüssel bestätigen müssen. Nach dem Kauf des Plugins finden Sie diesen Schlüssel in Ihrer registrierten E-Mail-Adresse.

Kopieren Sie den Lizenzschlüssel und fügen Sie ihn in das leere Feld auf Ihrem Bildschirm ein. Klicken Sie dann auf Schlüssel überprüfen. Sie können den Lizenzbereich auch finden, indem Sie das Menü SeedProd-Einstellungen besuchen.

Nachdem Sie Ihren Lizenzschlüssel überprüft haben, scrollen Sie nach unten auf der Seite und klicken Sie auf die Schaltfläche Ihre erste Seite erstellen.

Sie werden dann zum SeedProd-Dashboard weitergeleitet, wo Sie mit der Erstellung Ihrer "Under Construction"-Seite beginnen können.

Schritt 2: Erstellen einer "Under Construction"-Seite

Auf der SeedProd-Dashboard-Seite sehen Sie oben 4 verschiedene Optionen:

• Im "Demnächst verfügbar"-Modus – Um eine "Demnächst verfügbar"-Seite für Ihre Website hinzuzufügen.
• Wartungsmodus – Um Ihre Website in den Wartungsmodus von WordPress zu versetzen.
• 404-Seite – Um eine 404-Landingpage auf Ihrer Website anzuzeigen.
• Anmeldung – Um eine benutzerdefinierte WordPress-Anmeldeseite zu erstellen.

Die Seitenmodi bedeuten, dass Sie kein separates "Im Aufbau"-Plugin oder ein WordPress-Wartungsmodus-Plugin benötigen.

Viele Leute sind verwirrt über den Unterschied zwischen "Demnächst verfügbar"- und Wartungsmodi. Sie können eine "Demnächst verfügbar"-Seite für Websites verwenden, die noch nicht live sind und sich noch im Aufbau befinden. Und der Wartungsmodus ist für bereits etablierte Websites, die aufgrund von Wartungsarbeiten derzeit inaktiv sind.

Um eine "Im Aufbau"-Seite zu erstellen, klicken Sie auf die Schaltfläche "Demnächst verfügbar"-Seite einrichten.

Sie können dann eine "Demnächst verfügbar"-Seitenvorlage für Ihre "Im Aufbau"-Seite auswählen.

Diese schönen Website-Vorlagen helfen Ihnen, im Handumdrehen eine "Im Aufbau"-Seite zu erstellen. Wählen Sie eine beliebige Vorlage aus, die Ihnen gefällt, oder wählen Sie die leere Vorlage, wenn Sie von Grund auf neu beginnen möchten.

Nachdem Sie eine Vorlage ausgewählt haben, bringt Sie das Plugin zum visuellen Drag-and-Drop-Builder von SeedProd, wo Sie Ihre "Im Aufbau"-Seite einrichten können.

Schritt 3: Hinzufügen von Inhalten zu Ihrer "Under Construction"-Seite

Sie können Ihrer "Im Aufbau"-Seite jetzt mit dem visuellen Drag-and-Drop-Builder Inhalte hinzufügen.

Auf der linken Seite des Bildschirms sehen Sie alle verfügbaren Inhaltsblöcke, mit denen Sie Ihre benutzerdefinierte "Im Aufbau"-Seite gestalten können. Rechts sehen Sie eine Vorschau des Frontends Ihrer Website mit Ihrem "Website im Aufbau"-Bild.

Die Inhaltsblöcke von SeedProd haben 2 Gruppen: Standard und Erweitert.

Standard-Inhaltsblöcke umfassen:

• Überschrift
• Text
• Liste
• Schaltfläche
• Bild
• Video
• Trenner
• Abstandhalter
• Spalte

Erweiterte Inhaltsblöcke, die sich stärker auf die Lead-Generierung konzentrieren, umfassen:

• Verlosung
• Kontaktformular
• Opt-in-Abonnementformular (mit DSGVO-Kontrollkästchen)
• Countdown-Timer
• Ankerlinks
• Social Sharing
• Social-Media-Icons
• Anmeldeformulare
• Sternebewertung
• Referenzen
• Fortschrittsbalken
• Akkordeons
• Benutzerdefinierter HTML-Code
• Und mehr

Sie können alle diese Blöcke per Drag & Drop verschieben, um sie zu Ihrer „Im Aufbau“-Seite hinzuzufügen.

Sie möchten zum Beispiel einen Countdown-Timer für „Demnächst verfügbar“ zu Ihrer „Im Aufbau“-Seite hinzufügen, damit die Leute wissen, wann Ihre Website online geht.

Ziehen Sie den Countdown-Timer-Block per Drag & Drop auf die rechte Seite des Bildschirms, um ihn hinzuzufügen.

Jedes Element verfügt über verschiedene Stiloptionen mit unterschiedlichen Umrandungen, Verläufen und Farben.

Klicken Sie einfach auf den Block und wählen Sie unter der Registerkarte Vorlagen auf der linken Seite den gewünschten Stil aus.

Sie können auch den Inhalt bearbeiten, z. B. Text, Größe und Ausrichtung. Und im Tab „Erweitert“ können Sie Farbe, Typografie, Abstände usw. ändern.

Neben Blöcken gibt es auch eine Registerkarte für Abschnitte. Abschnitte sind vorgefertigte Layouts, die Sie auf Ihrer „Im Aufbau“-Seite verwenden können.

Abschnitte beinhalten:

• Kopfzeile
• Hero
• Handlungsaufforderung
• FAQ
• Funktionen
• Und mehr

Sie können auf alle vorgefertigten Abschnitte klicken, um sie automatisch zu Ihrer „Im Aufbau“-Seite hinzuzufügen.

Im folgenden Beispiel haben wir einen FAQ-Abschnitt hinzugefügt. Dies ist eine hervorragende Möglichkeit, alle Fragen zu beantworten, die Besucher zu Ihrem Unternehmen haben könnten.

Klicken Sie auf die grüne Schaltfläche Speichern in der oberen rechten Ecke, um Ihre Fortschritte zu speichern.

Sobald Sie Ihrer Baustellenseite Inhalte hinzugefügt haben, können Sie alles an Ihre Marke anpassen.

Schritt 4: Anpassen Ihrer "Under Construction"-Seite

Wichtigster Punkt: Verwenden Sie die globalen Einstellungen von SeedProd, um Schriftarten, Farben, Hintergründe und Layout für ein vollständig markenkonformes Erscheinungsbild zu ändern.

Sie können Ihre „Im Aufbau“-Seite anpassen, um sie an Ihre Marke anzupassen, indem Sie auf das Zahnradsymbol in der unteren linken Ecke klicken. Dies führt Sie zu den globalen Einstellungen, wo Sie die globale Schriftart, Farben, das Hintergrundbild und benutzerdefinierten CSS festlegen können.

Um Ihr Hintergrundbild zu ändern, klicken Sie auf Hintergrund. Dies öffnet die Hintergrundeinstellungen, um das Bild, den Stil, die Position, die Farbe usw. für die Seite „Im Aufbau“ festzulegen. Sie können sogar einen Videohintergrund verwenden.

Klicken Sie unter Hintergrundbild auf das kreisförmige Fotosymbol über dem vorhandenen Hintergrundbild. Ein neues Fenster wird geöffnet, in dem Sie ein Bild aus Ihrer vorhandenen Mediathek auswählen oder ein neues Bild hochladen können.

Um die Farben auf Ihrer „Im Aufbau“-Seite zu ändern, klicken Sie auf die Registerkarte Farben.

Sie können die Farbe von Überschriften, Text, Schaltflächen, Links und Hintergründen einzeln ändern.

Oder Sie können die 20 vorgefertigten Farbpaletten von SeedProd verwenden, um Ihrer „Im Aufbau“-Seite sofort ein professionelles Aussehen zu verleihen.

Vergessen Sie nicht, während des Anpassungsvorgangs regelmäßig auf die Schaltfläche Speichern zu klicken.

Sobald Sie mit Ihrem Design zufrieden sind, ist es Zeit für den nächsten Schritt.

Schritt 5: Integrieren Sie Ihren E-Mail-Marketing-Service

Wichtigster Punkt: Verbinden Sie Ihre „Im Aufbau“-Seite ganz einfach mit Ihrem E-Mail-Dienst, um vor dem Start Leads zu sammeln.

Sie müssen Ihren E-Mail-Marketing-Service verknüpfen, wenn Sie Leads und Abonnenten auf Ihrer „Im Aufbau“-Seite sammeln möchten.

Glücklicherweise macht SeedProd dies einfach. SeedProd lässt sich mit allen gängigen E-Mail-Marketingdiensten und Autorespondern integrieren, darunter:

• Drip
• Constant Contact
• Mailchimp
• AWeber
• ConvertKit
• GetResponse
• Mad Mimi
• Und mehr

Gehen Sie zuerst zum Tab Verbinden oben auf dem Bildschirm.

Um Ihren E-Mail-Marketing-Dienst zu verbinden, suchen Sie ihn in der Liste und klicken Sie auf Neues Konto verbinden.

Befolgen Sie dann die Anweisungen, um Ihr Konto zu verbinden und zu verifizieren.

Für die vollständige Anleitung zur Integration spezifischer E-Mail-Anbieter lesen Sie die SeedProd-Integrationsdokumentation.

Sie können sich auch mit Zapier, Google Analytics und Recaptcha auf der Seite Verbinden verbinden.

Schritt 6: Konfigurieren der Einstellungen Ihrer WordPress "Under Construction"-Seite

Klicken Sie dann auf den Tab Seiteneinstellungen oben auf dem Bildschirm. Auf dieser Seite können Sie allgemeine Seiteneinstellungen wie Seitentitel und URL konfigurieren.

Sie können auch Ihre Suchmaschinen- (SEO), Analyse- und Benutzerrollen-Einstellungen bearbeiten.

Wenn Ihre Einstellungen abgeschlossen sind, klicken Sie auf die Schaltfläche Änderungen speichern.

Schritt 7: Veröffentlichen Sie Ihre Seite im Aufbau

Jetzt ist es an der Zeit, Ihre Seite im Aufbau live zu schalten!

Aber bevor Sie dies tun, stellen Sie sicher, dass Sie eine Vorschau dessen anzeigen, wie Ihre Seite im Aufbau auf Mobilgeräten und Desktops aussieht, um sicherzustellen, dass sie auf allen Geräten gut aussieht.

Klicken Sie auf das Vorschau-Symbol unten auf dem Bildschirm, um sofort eine mobile Seite in der Vorschau anzuzeigen.

Wenn Sie Änderungen vornehmen müssen, klicken Sie erneut auf das Symbol, um zur Desktop-Vorschau zurückzukehren. Sie können auch eine Live-Vorschau Ihrer Seite in einem neuen Tab erhalten, indem Sie auf das Augensymbol unten auf dem Bildschirm klicken.

Wenn Sie mit dem Aussehen Ihrer responsiven Seite im Aufbau zufrieden sind, klicken Sie auf den Pfeil unter der Schaltfläche Speichern und dann auf Veröffentlichen.

Sie sehen eine Erfolgsmeldung von SeedProd, die Sie darüber informiert, dass Ihre Seite live ist.

Klicken Sie auf Seite live anzeigen, um Ihre Seite im Aufbau anzuzeigen.

Herzlichen Glückwunsch! Sie haben jetzt eine benutzerfreundliche Website, die eine Landingpage im Aufbau in WordPress anzeigt.

FAQ zur WordPress-Seite im Aufbau

Da haben Sie es!

Jetzt wissen Sie, wie Sie mit SeedProds Landingpage-Builder eine Website-Seite im Aufbau in WordPress erstellen. Eine benutzerdefinierte WordPress-Seite im Aufbau hilft Ihnen, Ihre Website zu verbergen, während Sie Leads sammeln und Begeisterung aufbauen, alles ohne eine einzige Zeile Code zu schreiben.

Wenn Ihnen dieses Tutorial gefallen hat, lesen Sie unseren Beitrag darüber, wie Sie Ihre Website vor dem Start vermarkten.