Müssen wissen, wie man Popups mit erstellt Elementor ?
Elementor ist nicht nur ein Seitenersteller. Es ist ein WordPress Plugin vielseitig. Es gibt noch einige andere Dinge, die Sie damit tun können Elementor außer dem Erstellen von Webseiten. Eine davon ist die Erstellung von Popups.
In diesem Artikel zeigen wir Ihnen, wie Sie mit Hilfe der Popup Builder-Funktion von ein Popup erstellenElementor.
Das Erstellen eines Popups mit Elementor ist super einfach. Sie können Ihr Popup mit der visuellen Oberfläche von Elementor erstellen, wo alles Drag & Drop ist. Elementor bietet auch Popup-Vorlagen, mit denen Sie Ihre Popups erstellen können. Sie müssen lediglich ein Modell auswählen, veröffentlichen und den Auslöser definieren.
Entdecken Sie So installieren Sie Elementor auf WordPress
Bevor Sie fortfahren, ist es wichtig zu beachten, dass der Popup Builder von Elementor nur in der Pro-Version verfügbar ist.
So erstellen Sie ein Popup mit Elementor
Beim Erstellen eines Popups mit Elementor können Sie einen Auslöser (eine Aktion zum Anzeigen des Popups) festlegen und die Bedingung konfigurieren (auf welchen Seiten Ihr Popup erscheinen soll). Darüber hinaus können Sie auch eine erweiterte Regel festlegen (siehe weiter unten).
Lesen Sie auch: So erstellen Sie eine mehrfarbige Verlaufsschaltfläche in Elementor
In diesem Leitfaden erstellen wir ein Call-to-Action-Popup mit einem Trigger auf Schaltflächenklicks. Das Popup wird angezeigt, wenn ein Benutzer auf eine Schaltfläche klickt.
Angenommen, Sie haben installiert Elementor Pro, melden Sie sich beim WordPress-Dashboard an und gehen Sie zu Vorlagen – > Popups und klicken Sie auf die Schaltfläche hinzufügen über.
Geben Sie Ihrem Popup einen Namen und klicken Sie auf die Schaltfläche ERSTELLEN SIE EIN MODELL.
Wählen Sie eine Popup-Vorlage aus, die Sie verwenden möchten. Fahren Sie mit der Maus darüber und klicken Sie auf die Schaltfläche einfügen um es in den Elementor-Editor einzufügen.
Wenn Sie das Popup lieber von Grund auf neu erstellen möchten, können Sie einfach die Vorlagenbibliothek schließen, um den Editor von Elementor zu öffnen.
Im Elementor-Editor können Sie das Popup anpassen. Sie können die Standardinhalte (insbesondere Texte) durch Ihre eigenen Inhalte ersetzen. Verwenden Sie den Browser, um das Wechseln zwischen Abschnitten und Widgets zu vereinfachen.
Sie können auch eine Enter/Exit-Animation hinzufügen, Overlay aktivieren/deaktivieren und die Schaltfläche „Schließen“ aktivieren/deaktivieren.
Sobald Sie fertig sind, klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG.
Im nächsten Schritt werden Sie aufgefordert, Anzeigebedingungen und Trigger festzulegen. Es gibt auch eine Option zum Festlegen erweiterter Regeln:
- Anzeigebedingungen: Legt fest, auf welchen Seiten das Popup auf Ihrer Website erscheint. Sie können das Popup so konfigurieren, dass es auf der gesamten Website, bestimmten Seiten, bestimmten Beiträgen, bestimmten Kategorien usw. angezeigt wird.
- Löst aus: Ein Trigger ist eine Aktion zum Anzeigen des Popups. Elementor unterstützt 6 Arten von Triggern: Beim Laden der Seite, Beim Scrollen, Beim Scrollen des Elements, Beim Klicken, Nach Inaktivität, Verlassen der Seite
- Erweiterte Regeln: Anforderungen, die erfüllt sein müssen, damit das Popup angezeigt wird. Beispielsweise können Sie das Popup so konfigurieren, dass es erscheint, wenn ein Besucher über eine Suchmaschine oder eine bestimmte URL auf Ihre Website gelangt. Der Popup Builder von Elementor selbst bietet 7 erweiterte Regeloptionen, die Sie festlegen können.
Da wir das Popup anzeigen möchten, wenn ein Benutzer auf eine Schaltfläche klickt, öffnen Sie die Registerkarte Auslöser und aktiviere die Option Bei Klick. Klicken Sie auf Speichern und schließen.
Erstellen Sie eine neue Seite/einen neuen Beitrag und bearbeiten Sie ihn mit Elementor (Sie können auch eine vorhandene Seite bearbeiten).
Ergänzen Sie die Schaltflächen-Widget indem Sie es vom linken Bedienfeld in den Bearbeitungsbereich ziehen. Wenn Sie eine vorhandene Seite bearbeiten, die bereits eine Schaltfläche enthält, klicken Sie auf das Schaltflächen-Widget, um es in den Bearbeitungsmodus zu versetzen.
Entdecken Sie auch: So legen Sie die benutzerdefinierte Größe für das Elementor-Schaltflächensymbol fest
Auf Option Taste unter der Registerkarte Inhalt, setzen Sie den Link zu Pop-up. Dazu können Sie in den Abschnitt klicken Dynamischer Link.
Klicken Sie auf das Schraubenschlüssel-Symbol auf dem Feld Pop-up und wählen Sie das soeben erstellte Popup aus. Geben Sie den Popup-Namen ein, um Ihr Popup zu finden.
Klicken Sie auf VERÖFFENTLICHEN / AKTUALISIEREN nach Bearbeitung der Seite. Bevor Sie auf die Schaltfläche klicken VERÖFFENTLICHEN / AKTUALISIEREN, können Sie zuerst eine Vorschau Ihrer Seite anzeigen, um zu sehen, ob das Popup bereits funktioniert.
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
Mit Elementor Pro müssen Sie kein Popup-Plugin mehr installieren, da die von Elementor Pro angebotenen Funktionen einen Popup-Builder beinhalten.
Mit dem Popup Builder von Elementor können Sie jede Art von Popup erstellen. Aus einem Call-to-Action-Popup, wie wir es gerade oben erstellt haben, wird ein Popup von Formular Registrierung, eine Benachrichtigungsleiste, eine Social-Sharing-Schaltfläche usw.
Da das Popup mit dem Editor von Elementor erstellt wird, können Sie grundsätzlich jedes Widget zu Ihrem Popup hinzufügen. Mit dem Popup-Builder von Elementor können Sie auch ein kreatives Website-Menü wie das folgende erstellen:
Elementor bietet Popup-Vorlagen, um Ihre Zeit beim Erstellen eines Popups zu sparen. Sie können auch eine Vorlage verwenden, wenn Sie keine Ahnung haben, welches Popup-Design Sie erstellen möchten.
Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Erstellen Sie Popups mit Elementor. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
