Elementor Popups bieten Ihnen eine Möglichkeit, um Besuchenden Ihrer Webseite Informationen anzuzeigen und schnellere Aktionen zu ermöglichen.
Jeder hat wohl bereits einmal den Begriff Popup gehört. Seit ein paar Versionen bietet auch Elementor die Möglichkeit, Popups zu erstellen und einzubinden.
Wie genau das funktioniert, worauf Sie dabei achten sollten und was Popups überhaupt sind, erfahren Sie in diesem Artikel.
Was sind Popups in Elementor?
Popups bedeuten übersetzt so viel wie „plötzlich auftauchen“. Dabei handelt es sich um Fenster, die beim Benutzen einer Webseite auftauchen. Dies ist kein Element, welches exklusiv in Elementor vorhanden ist, sondern allgemein im Web vertreten ist.
Mithilfe von Popups können Sie Ihren Besuchenden beispielsweise aktuelle Informationen oder Aktionen anzeigen oder versuchen, sie zu einer Aktion („Call to Action“) zu bewegen.
Wie erstelle ich in Elementor Popups?
In Elementor Popups erstellen ist einfach zu realisieren. Zunächst loggen Sie sich in Ihr WordPress-System ein und navigieren im Backend zu dem Menüpunkt Templates -> Popups. Wählen Sie hier nun „Popup hinzufügen“, geben Sie ihrem Popup einen aussagekräftigen Namen und klicken Sie auf „Template erstellen“.
Anschließend öffnet sich das Template Ihres Popups. Hier können Sie ein vorgefertigtes Template wählen, oder ein komplett eigenes erstellen. In unserem Beispiel wird eine leere Vorlage genommen und ein komplett eigenes Template erstellt.
Bevor Sie anfangen, Ihr Template zu erstellen, sollten Sie jedoch zunächst in die Popup-Einstellungen navigieren. Hier können Sie beispielsweise die Größe Ihres Popups einstellen, was Sie tun sollten, bevor Sie das eigentliche Template mit Inhalt füllen.
Fügen Sie nun die von Ihnen gewünschten Widgets in das Template. In diesem Beispiel haben wir hierfür ein Überschrift-Widget sowie ein Widget zum Einloggen der Besuchenden eingefügt.
Anschließend können Sie Ihr Template speichern. Außerdem können Sie nun noch auswählen, wo und wann Ihr Popup von Elementor angezeigt werden soll. Im ersten Fenster können Sie die „Conditions“ einstellen. Hier legen Sie fest, auf welchen Seiten Ihr Popup eingeblendet werden soll.
In diesem Beispiel wird als Bedingung „gesamte Website“ gewählt, wodurch das Popup auf jeder Ihrer Unterseiten angezeigt wird.
Anschließend können Sie im Bereich „Triggers“ auswählen, wann Ihr Popup angezeigt werden soll. Dazu stehen Ihnen viele verschiedene Trigger zur Auswahl, aus denen Sie wählen können. In diesem Beispiel wurde „On Page Load“ mit der Einstellung „0,5s“ ausgewählt.
Dies sorgt dafür, dass das Popup eine halbe Sekunde nach dem vollständigen Laden der Seite angezeigt wird.
Im nächsten Fenster können Sie zusätzliche Bedingungen festlegen, die erfüllt sein müssen, damit das Popup von Elementor angezeigt wird. Hier können Sie beispielsweise festlegen, dass die Einblendung nur auf bestimmten Geräten wie Tablets stattfindet oder nur wenn Ihre Besuchenden einen bestimmten Browser benutzen.
Wenn Sie diese Einstellungen nicht benötigen, können Sie dieses Fenster auch einfach überspringen.
Haben Sie diesen Schritt erledigt, sind Sie mit der Einrichtung des Popups fertig und können es mit einem Aufruf Ihrer Seite in Aktion sehen.
Worauf sollte ich bei der Nutzung von Popups achten?
Popup werden von vielen Benutzer:innen im Internet als nervig und belästigend wahrgenommen. Sie sollten sie daher nur mit Bedacht und sehr sparsam einsetzen, beispielsweise um auf eine aktuelle Aktion oder Angebote hinzuweisen.
Achten Sie auch darauf, dass Sie mit den Triggern und Regeln ordentlich arbeiten und diese sinnvoll einsetzen. Damit können Sie gewährleisten, dass Ihre Nutzer:innen nicht bei jedem Aufruf einer Unterseite das Popup angezeigt bekommen.
Zu viele und aggresive Einblendungen von Popups können im schlimmsten Fall das Gegenteil davon erzeugen, was Sie eigentlich probieren mit einem Popup zu erreichen und dafür sorgen, dass Ihre Besucher:innen in Zukunft lieber eine andere Seite ansteuern, anstatt die von Ihnen.
Elementor bietet Ihnen noch viele weitere Möglichkeiten, um dynamische Templates und Inhalte zu benutzen und Ihre Webseite somit flexibler zu gestalten. Eine weitere Möglichkeit, die Sie definitiv kennen und als Möglichkeit sehen sollten, ist die Verwendung von dynamischen Attributen in Elementor.
