Divi-Plugin-Highlight: Divi kommt bald

Divi Coming Soon ist ein kostenloses Plugin von Drittanbietern für Divi, mit dem Sie Ihre Divi-Website in den Wartungsmodus versetzen und eine einzelne Seite auswählen können, die allen angezeigt werden soll, die nicht angemeldet sind. Admins und Redakteure, die angemeldet sind, sehen die Site als normal. Dies ist eine großartige Möglichkeit, die Site zu verbergen, bis sie fertig ist, aber auch Leads zu erfassen und gleichzeitig Interesse zu wecken. Es ist leichtgewichtig, so dass es die Ladezeit der Website nicht verlängert.

Erstellen Sie Seiten wie Coming Soon, Maintenance und Under Construction mit dem Divi Builder. Alle Tools, die Sie für diese Seiten benötigen, sind bereits in Divi verfügbar, einschließlich Countdown-Timer, E-Mail-Anmeldeformulare, Social Media Follow-Buttons, Videos, Bilder und mehr. Sie können Ihre eigenen Layouts erstellen, eines der vielen Coming Soon-Layouts verwenden, die von Drittanbietern erhältlich sind, oder das Layout-Paket vom Entwickler des Plugins kaufen.

Divi installieren in Kürze

Laden Sie das Plugin wie gewohnt hoch und aktivieren Sie es. Für das Plugin ist keine weitere Einrichtung erforderlich, aber Sie müssen eine Seite erstellen, die das Plugin verwendet.

Divi Coming Soon-Einstellungen

Dem Divi-Menü im WordPress-Dashboard wird ein neuer Menüpunkt namens Divi Coming Soon hinzugefügt. Wenn Sie darauf klicken, wird ein Menü mit einem einzigen Dropdown-Feld geöffnet, in dem Sie nach einem Beitrag oder einer Seite suchen und auswählen können, die als die in Kürze erscheinende Seite angezeigt werden soll. Es enthält keine Liste, daher müssen Sie möglicherweise in Ihrer Seitenliste nach den Namen suchen, nach denen gesucht werden soll.

Ich habe eine einfache Seite in Kürze mit nur einer Nachricht erstellt. Wenn ich danach suche, wird der Titel angezeigt, sodass ich ihn auswählen kann.

Wählen Sie einfach die Seite aus und klicken Sie auf Änderungen speichern . Jetzt wird für alle, die nicht eingeloggt sind, die in Kürze erscheinende Seite anstelle der regulären Website angezeigt. Klicken Sie auf das rote x und speichern Sie die Änderungen, um zu verhindern, dass die Website zur nächsten Seite weiterleitet. Der Wartungsmodus ist aktiv, bis Sie ihn durch Klicken auf das rote x deaktivieren. Sie können diese Seite auch abbrechen und eine andere Seite auswählen.

Erstellen der Coming Soon-Seite

Sie können jede beliebige Seite verwenden, aber am besten erstellen Sie die Seite mit dem Divi Builder. Auf diese Weise können Sie die leere Seitenvorlage verwenden, um das Menü, die Kopf- und Fußzeile auszublenden. In meinem ersten Beispiel habe ich nur ein Textmodul mit einer einfachen Nachricht hinzugefügt.

Natürlich sollte eine wirklich kommende Seite mehr Informationen enthalten (hat jemand so eine gesehen?). Lassen Sie uns eine echte Seite in Kürze erstellen, die mehr Informationen bietet und Leads erfasst und für den Aufbau Ihres Unternehmens nützlicher ist.

Eine gute Seite für bald verfügbare Websites muss erkennen, dass die Website bald verfügbar sein wird, und Informationen enthalten, z . Sie können auch fast jede Variation dieser Kombination von Modulen verwenden. Ich habe jedes dieser Elemente in diesem Layout hinzugefügt.

Es ist immer noch nicht großartig, aber es ist ein Anfang. Zumindest liefert es mehr Informationen. Es braucht etwas Styling und ein gutes visuelles Design, um die Aufmerksamkeit des Besuchers zu erregen und einprägsamer zu sein. Sie möchten, dass die Besucher zurückkommen.

Jetzt habe ich ein Hintergrundbild hinzugefügt, den Titeltext geändert und das Styling für die Farben hinzugefügt. Ich habe die Schaltflächen E-Mail-Optin und Social Media Follow in eine neue Zeile verschoben, drei Spalten ausgewählt und die Module in die mittlere Spalte gesetzt. Ich habe dem Countdown-Timer und der E-Mail-Option einen Box-Schatten gegeben und ihre Hintergrundfarben entfernt. Es ist optisch ansprechender. Weitere Informationen darüber, was die Site sein wird, könnten dort irgendwo hinzugefügt werden. Dies ist die Ansicht aus dem Backend Visual Builder.

Eine meiner Lieblingsmethoden, sie zu erstellen, ist die Verwendung von Elementen aus einem der integrierten Layoutpakete von Divi. In diesem Beispiel habe ich die About-Seite des Psychologie-Layouts verwendet und meine Elemente hinzugefügt.

Das Layout sieht mit den in Kürze erscheinenden Elementen elegant aus. Das gesamte Styling mit Ausnahme des Countdown-Timers stammt aus dem Layout. Ich habe den Countdown-Timer-Gradienten selbst hinzugefügt und die Standardschriftarten verwendet. Dies ist die einzige Seite, die jeder sehen kann, der nicht eingeloggt ist. Dies ist die Ansicht aus dem Frontend Visual Builder.

Jedes Divi-Layout kann verwendet werden, um eine Coming Soon-Seite zu erstellen. Ich verwende diese Idee gerne, um einen kleinen Vorgeschmack darauf zu geben, wie die Site aussehen könnte, wenn das Design weit genug gekommen ist.

Divi Coming Soon-Layouts

Das Plugin selbst ist kostenlos (zumindest vorerst), aber es gibt ein Premium-Layout-Paket, das Sie separat erwerben können. Der Kauf des Layout-Pakets kostet 35 US-Dollar, aber Sie können es für 5 US-Dollar (85% Rabatt) erhalten, wenn Sie das kostenlose Plugin herunterladen und den Newsletter abonnieren.

Die Divi Coming Soon-Layouts enthalten 5 Layouts zum Erstellen von Coming Soon-Seiten, In Bau-Seiten und Wartungsmodus-Seiten. Sie wurden für die Verwendung mit Divi Coming Soon entwickelt , können aber mit jedem Coming Soon- oder Wartungsmodus-Plugin verwendet werden, das mit Divi funktioniert. Die Layouts umfassen Countdown-Timer, E-Mail-Optionen, Text, Hintergründe, CSS und jQuery. Sie können einfach mit dem Divi Builder angepasst werden.

Sie können alle auf einmal in die Divi-Bibliothek oder nur ein einzelnes Layout in eine Seite importiert werden. Ich lade die Layouts als einzelnes Paket in die Divi-Bibliothek hoch. Schauen wir uns jedes Layout an.

Demnächst verfügbar Layout 1

Layout 1 verfügt über ein einspaltiges Layout mit Countdown-Timer, Text, E-Mail-Optin, Social Media Follow, CSS und jQuery.

Es fügt ein Hintergrundbild mit einer Verlaufsüberlagerung hinzu. Das E-Mail-Formular ist gut sichtbar, damit Besucher es nicht übersehen können.

Demnächst verfügbar Layout 2

Layout 2 enthält den Countdown-Timer, Text, Teiler, E-Mail-Optin, CSS und jQuery. Es ist in einer einzigen Spalte festgelegt.

Hier ist ein Blick auf die Live-Seite. Es enthält auch ein Hintergrundbild, jedoch ohne Overlay. Es enthält keine Social-Media-Follow-Buttons. Der Countdown und der Slogan fallen mehr auf.

Demnächst verfügbar Layout 3

Layout 3 verwendet ein zweispaltiges Layout und enthält einen Countdown-Timer, Text, Bild, E-Mail-Optin, Social Media Follow, CSS und jQuery.

Es zeigt einen geteilten Bildschirm mit den Informationen auf der einen Seite und einer Grafik auf der anderen Seite. Das E-Mail-Optin enthält einen Schatten, damit es sich von allem anderen abhebt, aber nicht in einer Weise, die offensichtlich ist.

Demnächst verfügbar Layout 4

Layout 4 ist auf ein zweispaltiges Layout eingestellt und enthält einen Countdown-Timer, eine Galerie, Text, E-Mail-Optin, Social Media Follow, CSS und jQuery.

Die Informationen werden links und die Galerie rechts platziert. Ein Klick auf die Galerie öffnet das Bild in einer Lightbox. Ich mag das Styling und die Art und Weise, wie sich die Farben von der E-Mail-Option abheben. Ihre Aufmerksamkeit wird auf das E-Mail-Formular und das Bild gelenkt.

Demnächst verfügbar Layout 5

Layout 5 ist auf ein einspaltiges Layout eingestellt und enthält Text, einen Countdown-Timer, E-Mail-Optin, Social Media Follow, CSS und jQuery.

Es hat einen gemusterten Hintergrund mit einem Farbverlauf. Es verwendet Kreiszähler für den Countdown. Der Titel ist das prominenteste Element und das Layout bietet mehr Text zur Information als die anderen. Der Countdown und das E-Mail-Formular ziehen Ihre Augen trotzdem leicht an.

Lizenz, Updates und Support

Divi Coming Soon kann auf unbegrenzt vielen Websites verwendet werden. Updates sind ebenfalls kostenlos. Da das Plugin kostenlos ist, ist der Support eingeschränkt. Der Support ist in der Mitgliedschaft enthalten.

Gedanken beenden

Divi Coming Soon könnte nicht einfacher zu bedienen sein. Aktivieren Sie einfach das Plugin, gehen Sie zum Menü und wählen Sie die Seite aus, die Sie anzeigen möchten. Besucher werden automatisch auf die Seite "Coming Soon" weitergeleitet, während Administratoren und Redakteure die Site wie gewohnt sehen, damit sie weiter daran arbeiten können. Dies ist eine großartige Möglichkeit, um Interesse zu wecken und Leads zu gewinnen, während Sie an Ihrer Divi-Website arbeiten.

Das Erstellen der Seiten ist ziemlich einfach, insbesondere wenn Sie ein Divi-Layout ändern oder Elemente aus Ihrem Design verwenden. Eine viel schnellere und einfachere Methode besteht darin, eines der Premium-Layouts zu verwenden, die Sie separat erwerben können.

Wenn Sie an einem kostenlosen Plugin interessiert sind, um Ihre Divi-Site in den Wartungsmodus zu versetzen, während Sie im Hintergrund an der Site arbeiten, ist Divi Coming Soon ein einfach zu empfehlendes Plugin.

Wir wollen von dir hören. Haben Sie Divi Coming Soon ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Intellson / shutterstock.com