Die besten demnächst verfügbaren Websites mit Elementor
Veröffentlicht: 2021-11-22Suchen Sie nach einer Möglichkeit, mit Elementor die besten demnächst erscheinenden Websites zu erstellen? Die Coming Soon-Seite ist eine gute Möglichkeit, Ihre Besucher zu beschäftigen, während Sie hinter dem Aufbau der Sites arbeiten.
Oft müssen wir das Website-Layout aktualisieren oder ändern, um mit dem neuesten Trend Schritt zu halten. Aber Sie möchten nicht, dass Ihre Besucher das kaputte Design sehen, während Sie daran arbeiten. Eine Fehlerseite kann dazu führen, dass Besucher sich umdrehen und nach anderen Optionen suchen, die Sie nicht möchten.
Aus diesem Grund ist es am besten, eine Coming Soon-Seite aufzuhängen, sobald Sie in den Wartungsmodus eintauchen. Lassen Sie mich Ihnen zeigen, wie Sie mit dem Elementor Page Builder-Plugin die besten demnächst erscheinenden Websites erstellen.
Erstellen Sie mit Elementor in einfachen Schritten die besten Websites in Kürze
Zunächst gibt es einige Berechnungen, bevor Sie bereit sind, die demnächst erscheinende Seite für Ihre Website zu entwerfen. Sie müssen bestimmen, wie lange die Website nicht verfügbar ist, und eine Zählerschaltfläche hinzufügen, die die Verzögerung anzeigt.
Auf diese Weise können Ihre Besucher die verbleibende Zeit verfolgen, bevor sie die Website erneut aufrufen können. In der Zwischenzeit können Sie auch einen E-Mail-Benachrichtigungsdienst anbieten, indem Sie Ihre In Kürze erscheinende Seite mit einem Newsletter-Anmeldeformular kombinieren.
Wie auch immer, wenn Sie Elementor noch nie zum Entwerfen verwendet haben, fürchten Sie sich nicht. Es ist sehr einfach, das Elementor-Plugin zu bedienen, und es dauert nur 5 Minuten, um die demnächst erscheinende Seite zu gestalten.
Aufgeregt sein? Fangen wir an zu designen!
Schritt-1: Erstellen Sie die Coming Soon-Seitenvorlage manuell
Gehen wir zunächst zur Option Vorlagen auf Ihrer WordPress-Website und klicken Sie auf die Schaltfläche Neu hinzufügen.
In der Option Vorlagenbibliothek können Sie alle Arten von Vorlagen Ihrer Website ablegen, einschließlich der Vorlagen aus dem Elementor-Seitenersteller.
Da Vorlagen verwendbar sind und im Laufe der Zeit in Ihrer Website-Datenbank unbeeinflusst bleiben, ist es am besten, Vorlagen zum Erstellen der besten demnächst erscheinenden Websites mit Elementor zu verwenden.
Wählen Sie im neuen Popup-Fenster Seite aus der ersten Dropdown-Option aus und geben Sie einen geeigneten Titel für die in Kürze erscheinende Seite ein.
Sobald Sie auf die Schaltfläche Vorlage erstellen klicken, wird die Vorlage in der Datenbank gespeichert und Sie werden zur Elementor-Editorseite für diese Vorlage weitergeleitet.
Schritt 2: Passen Sie die demnächst erscheinende Website an und gestalten Sie sie
Jetzt, da Sie zu einer leeren Editor-Seite umgeleitet werden und sich fragen, was Sie als Nächstes tun sollen, gibt es zwei Möglichkeiten, wie wir von diesem Punkt an vorgehen können:
- Erstellen Sie eine Vorlage von Grund auf neu
- Verwenden Sie einen fertigen Block und passen Sie ihn an
Für einen Anfänger-Designer wäre es ziemlich anstrengend, alles von Grund auf neu zu erstellen. Leider sind für diesen Job Vorlagen in der Vorlagenbibliothek von Element Pack Pro verfügbar. Genug, um Ihnen dabei zu helfen, die besten demnächst erscheinenden Websites mit Elementor zu erstellen.
Beachten Sie, dass Element Pack Pro oder Element Pack Lite (kostenlos) vorher auf Ihrer Website installiert sein müssen.
Bevor wir auf die Bibliothek zugreifen, ändern wir zunächst das Seitenlayout.
Klicken Sie auf die kleine Seiteneinstellungsschaltfläche in der linken unteren Ecke der Elementor-Editorseite.
Klicken Sie dann auf die Option Seitenlayout und wählen Sie Elementor Canvas .
Dadurch wird alles von der Seite entfernt, einschließlich der globalen Kopf- und Fußzeile, des Menüs, des Logos usw. Die leere Seite ist jetzt perfekt, um die besten demnächst erscheinenden Websites mit Elementor zu erstellen.
Klicken Sie nun auf den kleinen grünen Kreis, der die Vorlagenbibliothek von Element Pack darstellt. Die Vorlagenbibliothek wird in einem Popup-Fenster geöffnet.
Die Vorlagenbibliothek verfügt über mehr als 2300 Elemente, die alle fertigen Seiten, Kopfzeilen, Fußzeilen und fertigen Blöcke kombinieren. Es scheint schwierig zu sein, eine einzelne Vorlage aus einer so umfangreichen Bibliothek zu finden. Dies ist jedoch bei der Vorlagenbibliothek von Element Pack nicht der Fall.
Sie finden die Vorlagen in Kategorien (links) und Rubriken (oben) geordnet.
Gehen Sie nun zum Abschnitt Blöcke und scrollen Sie dann links nach unten, bis Sie die Kategorie Countdown finden.
Hier finden Sie viele coole, bald erscheinende Seitendesigns. Wählen Sie einfach etwas, das Ihnen gefällt, als die besten demnächst erscheinenden Websites mit Elementor aus und klicken Sie auf die kleine Schaltfläche Einfügen unter der Vorlage.
Schritt-3: Vorlagenanpassung
Wir haben einen minimalistischen, in Kürze erscheinenden Seitenblock mit einem mittelgroßen Titel, einem großen Zählerblock und einem E-Mail-Einreichungsformular am unteren Rand ausgewählt.
Sie können diese Vorlage sofort verwenden, um die besten demnächst erscheinenden Websites mit Elementor zu erstellen.
In Anbetracht einer fertigen Blockvorlage sind jedoch einige Anpassungen erforderlich, damit sie sich von den anderen unterscheidet.
Lassen Sie uns zuerst den Countdown-Timer ändern. Klicken Sie auf den Countdown und dann auf die Option Fälligkeitsdatum .
Unten sehen Sie einen Popup-Kalender, der mit einer Uhr ausgestattet ist. Ändern Sie einfach das Datum und die Uhrzeit des Zählers nach Bedarf.
Dann ändern wir die Farben der Zählernummer, um sie stärker hervorzuheben.
Passen Sie einfach die Farbe auf helles Weiß an und fügen Sie darunter etwas Textschatten hinzu.
Jetzt, da das Design fertig ist, ist es an der Zeit, die demnächst erscheinende Seite an Ihr Frontend zu hängen.
Schritt-4: Legen Sie die Coming Soon-Vorlage fest
Gehen Sie für den letzten Schritt zurück zu Ihrem WordPress-Dashboard und suchen Sie nach der Registerkarte Elementor .
Gehen Sie dort zum Abschnitt Tools und klicken Sie dann auf die Option Wartungsmodus .
Klicken Sie auf die erste Option und wählen Sie In Kürze aus . Belassen Sie die zweite Option bei Logged In , damit nur die Personen im Backend auf die Site zugreifen können.
Wählen Sie bei der dritten Option die gerade erstellte Vorlage aus dem Dropdown-Menü aus.
Klicken Sie jetzt auf die Schaltfläche Änderungen speichern und Sie sind fertig!
Versuchen Sie, als Benutzer auf die Website zuzugreifen, um zu sehen, ob sie ordnungsgemäß funktioniert hat. Wenn Sie nichts übersprungen haben, wird alles gut funktionieren.
Fazit
Haben Sie gelernt, wie Sie mit Elementor erfolgreich die besten demnächst erscheinenden Websites erstellen? Es ist noch einfacher, wenn Sie einige Erfahrungen mit Elementor haben, bevor Sie diesen Artikel durchgehen.
Danke, dass du aufbleibst.