Wie man eine moderne WordPress-Seite "Under Construction" erstellt 

Als ich meine WordPress-Site während einer Neugestaltung auf Eis legen musste, habe ich eine WordPress-Seite "under construction" erstellt, damit alles professionell aussieht und ich in der Zwischenzeit E-Mail-Leads sammeln kann.

Wenn Sie eine neue Website einführen oder hinter den Kulissen Aktualisierungen vornehmen, ist eine Seite, die sich im Aufbau befindet, eine einfache Möglichkeit, Besucher auf dem Laufenden zu halten. Sie verschafft Ihrer Website einen Vorsprung in den Suchmaschinen, weckt die Spannung und kann sogar Ihre E-Mail-Liste vergrößern, bevor Sie live gehen.

In diesem Tutorial zeige ich Ihnen, wie Sie eine benutzerdefinierte WordPress-Seite erstellen können, ohne auch nur eine einzige Zeile Code anzufassen.

Kurze Zusammenfassung: Wie man eine WordPress-Seite "Under Construction" erstellt

• Downloaden und installieren Sie das SeedProd-Plugin
• Wählen Sie den Modus Coming Soon
• Eine Nachricht und Designblöcke hinzufügen
• Anpassen von Schriftarten, Farben und Layout
• Verbinden Sie Ihren E-Mail-Anbieter
• SEO und Zugriffskontrollen festlegen
• Vorschau und Veröffentlichung Ihrer Seite

Die Besucher sehen nicht den chaotischen Entwurfsprozess hinter den Kulissen, da eine Landing Page und ein Bild einer Seite im Aufbau angezeigt werden. Noch wichtiger ist, dass sie keine potenziell fehlerhafte Website besuchen, die dem Ruf Ihres Unternehmens und der Nutzererfahrung schaden kann.

Das Wichtigste zum Mitnehmen: Eine Seite, die sich im Aufbau befindet, verbirgt Ihre unfertige Website und zeigt den Besuchern stattdessen eine freundliche Nachricht an.

Wie man eine Unter-Bau-Seite in WordPress erstellt

Normalerweise benötigen Sie für diese Art von Aufgabe ein Plugin für Wartungs- oder Konstruktionsseiten. Für diesen Leitfaden werden wir jedoch eine All-in-One-Lösung verwenden.

Um eine Seite auf Ihrer Website einzurichten, die sich im Aufbau befindet, verwenden wir das SeedProd-Plugin. Bevor wir beginnen, wollen wir uns ansehen, wie SeedProd funktioniert.

SeedProd ist das beste WordPress-Seitenerstellungs-Plugin, mit dem Sie ganz einfach benutzerdefinierte WordPress-Themen und beeindruckende Landing Pages 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 Bildschirm "Unter Konstruktion" sehen darf.

Die Erstellung einer Seite für den "Coming Soon"- und Wartungsmodus ist schnell und einfach und Sie benötigen keine Hilfe von einem Entwickler. Das liegt daran, dass SeedProd eine Bibliothek von vorgefertigten, hochkonvertierenden und anpassbaren Landing Page-Vorlagen hat, darunter:

• WordPress-Theme-Startvorlagen
• Demnächst verfügbar
• Wartung oder im Bau befindlicher Modus
• 404 Seite
• Vertrieb
• Webinar
• WooCommerce-Seiten
• Lead Squeeze
• Dankeseite
• Login-Seite

Mit dem Drag-and-Drop-Builder von SeedProd können Sie Ihre "Under-Construction"-, "Maintenance Mode"- oder "Coming Soon"-Seite mit einfachen Blöcken und Modulen individuell gestalten.

Sie können zum Beispiel E-Mail-Optin-Formulare, Schaltflächen für soziale Medien, Preistabellen, Kontaktformulare, Countdown-Timer und vieles mehr hinzufügen. Das wird Ihnen helfen, Leads und Engagement zu generieren. Außerdem können Sie die von Ihnen vorgenommenen Änderungen in Echtzeit sehen.

Das Landing Page Plugin von SeedProd bietet auch:

• Responsive und mobilfähige Seiten
• Schutz vor Spam
• Leistungsstarke Zugangskontrollen
• 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, der viele Funktionen in einem einzigen WordPress-Plugin vereint. Das bedeutet, dass Sie keine separaten Plugins für den Wartungsmodus, "Coming Soon"-Plugins oder sogar ein anderes WordPress-Plugin für den Aufbau benötigen.

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

Wir empfehlen die Verwendung der Pro-Version (Premium-Version), um Zugriff auf robuste Zugriffskontrollen, Domain-Zuordnung, Themenerstellung und andere erweiterte Funktionen zu erhalten.

Lassen Sie uns nun dieses Plugin verwenden, um eine WordPress-Seite zu erstellen, die sich im Aufbau befindet.

Video-Anleitung

Schritt 1: Laden Sie SeedProd herunter und fangen Sie an

Der erste Schritt zur Erstellung einer benutzerdefinierten Unterbau-Seite in WordPress ist die Installation des SeedProd-Plugins.

Nach dem Kauf von SeedProd loggen Sie sich in Ihr SeedProd-Dashboard ein.

Dort sehen Sie einen Bildschirm wie den unten abgebildeten. Klicken Sie auf den Link Lizenzschlüssel, Details und Downloads anzeigen, um Ihre Download-Seite aufzurufen.

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

Gehen Sie zu Ihrem WordPress-Dashboard und klicken Sie auf Plugins " Neu hinzufügen " Plugin hochladen. Sie können dann Ihren Computer durchsuchen und den gezippten Ordner, den Sie gerade heruntergeladen haben, 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 Seite mit den Plugin-Einstellungen in Ihrem WordPress-Admin, wo Sie Ihren SeedProd-Lizenzschlüssel bestätigen müssen. Wenn Sie das Plugin gekauft haben, 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 über das Menü SeedProd-Einstellungen finden.

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

Sie gelangen dann zum SeedProd-Dashboard, wo Sie mit der Erstellung der Seite beginnen können, die sich im Aufbau befindet.

Schritt 2: Erstellen Sie eine Unter-Bau-Seite

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

• Coming Soon Mode - Zum Hinzufügen einer Coming Soon-Seite zu Ihrer Website.
• Wartungsmodus - So versetzen Sie Ihre Website in den wp-Wartungsmodus.
• 404 Seite - Zur Anzeige einer 404 Landing Page auf Ihrer Website.
• Login - Zum Erstellen einer benutzerdefinierten WordPress-Login-Seite.

Die Seitenmodi bedeuten, dass Sie kein separates Plugin für den Baustellenmodus oder ein WordPress-Plugin für den Wartungsmodus benötigen.

Viele Leute sind verwirrt über den Unterschied zwischen "coming soon" und Wartungsmodus. Sie können eine "Coming Soon"-Seite für Websites verwenden, die noch nicht live sind und sich noch im Aufbau befinden. Und der Wartungsmodus ist für bereits bestehende Websites gedacht, die derzeit aufgrund von Wartungsarbeiten inaktiv sind.

Um also eine Seite zu erstellen, die sich noch im Aufbau befindet, klicken Sie auf die Schaltfläche Eine baldige Seite einrichten.

Sie können dann eine Vorlage für die Seite "Demnächst" für Ihre Seite "Im Bau" auswählen.

Mit diesen schönen Website-Vorlagen können Sie im Handumdrehen eine Seite erstellen, die sich im Aufbau befindet. Wählen Sie eine Vorlage aus, die Ihnen gefällt, oder wählen Sie die leere Vorlage, wenn Sie ganz von vorne anfangen möchten.

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

Schritt 3: Fügen Sie Inhalte zu Ihrer Under Construction-Seite hinzu

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

Auf der linken Seite des Bildschirms sehen Sie alle verfügbaren Inhaltsblöcke, die Sie für die Gestaltung Ihrer benutzerdefinierten Unterbau-Seite verwenden können. Rechts sehen Sie eine Vorschau des Frontends Ihrer Website mit dem Bild Ihrer Seite im Aufbau.

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

Zu den Standard-Inhaltsblöcken gehören:

• Überschrift
• Text
• Liste
• Schaltfläche
• Bild
• Video
• Teiler
• Abstandshalter
• Säule

Zu den erweiterten Inhaltsblöcken, die mehr auf die Lead-Generierung ausgerichtet sind, gehören:

• Werbegeschenk
• Kontakt-Formular
• Optin-Abonnementformular (mit GDPR-Checkbox)
• Countdown-Timer
• Anker-Links
• Soziale Teilhabe
• Icons für soziale Medien
• Anmeldeformulare
• Sterne Bewertung
• Testimonials
• Fortschrittsbalken
• Akkordeons
• Benutzerdefiniertes HTML
• Und mehr

Sie können jeden dieser Blöcke durch Ziehen und Ablegen zu Ihrer Seite "Unter Konstruktion" hinzufügen.

Sie könnten zum Beispiel einen Countdown-Timer auf Ihrer Seite, die sich noch im Aufbau befindet, einfügen, damit die Besucher wissen, wann Ihre Website online sein wird.

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

Für jedes Element gibt es mehrere Stiloptionen mit unterschiedlichen Umrissen, Verläufen und Farben.

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

Sie können auch den Inhalt bearbeiten, z. B. den Text, die Größe und die Ausrichtung. Und auf der Registerkarte "Erweitert" können Sie Farbe, Typografie, Abstände usw. ändern.

Neben den Blöcken gibt es auch eine Registerkarte für Abschnitte. Abschnitte sind vorgefertigte Layouts, die Sie auf Ihrer im Aufbau befindlichen Seite verwenden können.

Die Abschnitte umfassen:

• Kopfzeile
• Held
• Aufruf zum Handeln
• FAQ
• Eigenschaften
• Und mehr

Sie können automatisch auf vorgefertigte Abschnitte klicken, um sie zu Ihrer Seite hinzuzufügen, die gerade erstellt wird.

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

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

Sobald Sie den Inhalt zu Ihrer Konstruktionsseite hinzugefügt haben, können Sie damit beginnen, alles an Ihre Marke anzupassen.

Schritt 4: Anpassen der Unter-Bau-Seite

Das Wichtigste zum Mitnehmen: Verwenden Sie die globalen Einstellungen von SeedProd, um Schriftarten, Farben, Hintergründe und das Layout zu ändern und so ein komplett eigenes Erscheinungsbild zu schaffen.

Sie können die Seite, die sich im Aufbau befindet, an Ihre Marke anpassen, indem Sie auf das Zahnradsymbol in der unteren linken Ecke klicken. Dadurch gelangen Sie zu den globalen Einstellungen, wo Sie die globale Schriftart, die Farben, das Hintergrundbild und das benutzerdefinierte CSS einstellen können.

Um Ihr Hintergrundbild zu ändern, klicken Sie auf Hintergrund. Daraufhin öffnen sich die Hintergrundeinstellungen, in denen Sie das Bild, den Stil, die Position, die Farbe usw. der zu erstellenden Seite festlegen können. Sie können sogar einen Videohintergrund verwenden.

Klicken Sie unter Hintergrundbild auf das runde Fotosymbol auf dem vorhandenen Hintergrundbild. Es öffnet sich ein neues Fenster, in dem Sie ein Bild aus Ihrer vorhandenen Mediathek auswählen oder ein neues Bild hochladen können.

Klicken Sie auf die Registerkarte Farben, um die Farben auf der Seite zu ändern, die gerade erstellt wird.

Sie können die Farbe der Überschriften, des Textes, der Schaltflächen, der Links und der Hintergründe individuell ändern.

Sie können auch die 20 vorgefertigten Farbpaletten von SeedProd verwenden, um Ihrer Seite, die sich im Aufbau befindet, sofort ein professionelles Aussehen zu verleihen.

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

Wenn Sie mit Ihrem Entwurf zufrieden sind, ist es an der Zeit, zum nächsten Schritt überzugehen.

Schritt 5: Integrieren Sie Ihren E-Mail-Marketingdienst

Das Wichtigste zum Mitnehmen: Verbinden Sie Ihre Seite "Im Bau" mit Ihrem E-Mail-Dienst, um schon vor dem Start Leads zu sammeln.

Sie müssen Ihren E-Mail-Marketingdienst verknüpfen, wenn Sie Leads und Abonnenten auf Ihrer Unterbau-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:

• Tropfen
• Ständiger Kontakt
• Mailchimp
• AWeber
• ConvertKit
• GetResponse
• Mad Mimi
• Und mehr

Gehen Sie zunächst auf die Registerkarte Verbinden am oberen Bildschirmrand.

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

Folgen Sie dann den Anweisungen, um Ihr Konto zu verbinden und zu verifizieren.

Die vollständige Anleitung zur Integration bestimmter E-Mail-Anbieter finden Sie in der SeedProd-Integrationsdokumentation.

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

Schritt 6: Konfigurieren Sie die Einstellungen Ihrer WordPress Under Construction Seite

Klicken Sie anschließend auf die Registerkarte Seiteneinstellungen am oberen Rand des Bildschirms. Auf dieser Seite können Sie Ihre allgemeinen Seiteneinstellungen wie Seitentitel und URL konfigurieren.

Sie können auch Ihre Suchmaschine (SEO), Analyseeinstellungen und Benutzerrollen bearbeiten.

Wenn Sie alle Einstellungen vorgenommen haben, klicken Sie auf die Schaltfläche Änderungen speichern.

Schritt 7: Veröffentlichen Sie Ihre Seite "Im Aufbau".

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

Aber bevor Sie das tun, sollten Sie sich eine Vorschau ansehen, wie Ihre im Aufbau befindliche Seite sowohl auf dem Handy als auch auf dem Desktop aussieht, um sicherzustellen, dass sie auf allen Geräten gut aussieht.

Klicken Sie auf das Symbol "Vorschau" am unteren Rand des Bildschirms, um eine sofortige Vorschau einer mobilen Seite anzuzeigen.

Wenn Sie Änderungen vornehmen möchten, klicken Sie erneut auf das Symbol, um wieder zur Desktop-Vorschau zu wechseln. Sie können auch eine Live-Vorschau Ihrer Seite in einer neuen Registerkarte aufrufen, indem Sie auf das Augensymbol am unteren Rand des Bildschirms klicken.

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

Sie erhalten eine Erfolgsmeldung von SeedProd, die Sie darüber informiert, dass Ihre Seite jetzt online ist.

Klicken Sie auf Live-Seite anzeigen, um die Seite, die gerade erstellt wird, anzuzeigen.

Herzlichen Glückwunsch! Sie haben jetzt eine benutzerfreundliche Website mit einer Landing Page in WordPress, die sich im Aufbau befindet.

WordPress im Aufbau Seite FAQ

Da haben Sie es!

Jetzt wissen Sie, wie Sie mit dem Landing Page Builder von SeedProd eine Webseite in WordPress erstellen können, die sich im Aufbau befindet. Eine benutzerdefinierte WordPress-Seite, die sich im Aufbau befindet, hilft Ihnen, Ihre Website zu verstecken, während Sie Leads sammeln und Spannung aufbauen - und das alles, ohne irgendeinen Code zu schreiben.

Wenn Ihnen dieses Tutorial gefallen hat, lesen Sie auch unseren Beitrag über die Vermarktung Ihrer Website vor dem Start.