Verwenden Sie Elementor für Ihre Website und möchten eine Schaltfläche hinzufügen, die ein Popup auslöst?
Elementor hat sich zu einem der beliebtesten Seitenersteller in WordPress entwickelt. Es ist einfach zu bedienen und erfordert keine technischen Kenntnisse oder Programmierkenntnisse, um loszulegen.
Aber manchmal möchten Sie Ihrer Website möglicherweise bestimmte Funktionen hinzufügen, die Elementor nicht nativ unterstützt. Zu diesen Funktionen gehört das Hinzufügen eines Popups, das angezeigt wird, wenn Benutzer auf eine Schaltfläche oder einen Link klicken.
Aus diesem Grund zeigen wir Ihnen heute, wie Sie ein Elementor-Popup erstellen, das durch einen anklickbaren Link ausgelöst wird.
Aber lassen Sie uns zunächst darüber sprechen, warum anklickbare Popups überhaupt so wichtig sind.
Warum wird bei einem Klick ein Elementor-Popup ausgelöst?
Sie kennen herkömmliche Pop-ups wahrscheinlich aus Ihrem eigenen Webbrowser-Erlebnis: Sie besuchen eine Website und nachdem Sie sich angemeldet haben, erscheint ein Pop-up-Fenster mit einer Benachrichtigung oder einem auszufüllenden Formular.
Je nachdem, wie personalisiert diese Popups sind, können sie eine effektive Möglichkeit sein, Ihre E-Mail-Liste zu erweitern, Feedbackformulare zu verteilen, den Umsatz zu steigern und vieles mehr.
Doch es gibt eine andere Strategie, die noch effektiver bei der Nutzergewinnung ist und oft hohe Conversion-Raten mit sich bringt: anklickbare Links oder Buttons, die die Pop-up-Kampagne auslösen.
In diesem Szenario navigiert Ihr Benutzer auf Ihrer Website. Dann sehen sie eine Schaltfläche mit einem starken Call-to-Action (CTA). Wenn sie auf die Schaltfläche klicken, erscheint das Popup-Fenster. Das sieht so aus:
Aber warum funktioniert dieser anklickbare Auslöser so gut? Es läuft alles auf den sogenannten Zeignarik-Effekt hinaus.
Der Zeignarik-Effekt ist ein psychologisches Prinzip, das darauf hindeutet, dass Menschen (einschließlich Online-Konsumenten) eher dazu neigen, einen Prozess zu beenden, wenn sie ihn einmal begonnen haben.
Und das macht anklickbare Popups so leistungsstark.
Denn bei den meisten Abonnementkampagnen, die Sie online sehen, erscheint das Popup unerwartet auf dem Bildschirm. Bei einem anklickbaren Popup-Auslöser ist es jedoch tatsächlich der Benutzer, der den Vorgang startet. Daher ist es wahrscheinlicher, dass sie es zu Ende bringen, wenn sie sich anmelden.
Ein weiterer großer Vorteil dieser Pop-ups besteht darin, dass sie eher von wärmeren potenziellen Kunden gesehen werden. Dies liegt daran, dass Personen, die auf die Schaltfläche klicken, bereits Interesse an den Informationen oder Angeboten im Elementor-Popup zeigen.
Das bedeutet, dass Sie Ihre Liste erweitern oder Ihre Werbeangebote Personen zeigen, die bereit sind, sich anzumelden.
Aber jetzt kommt die eigentliche Frage ins Spiel: Wie erstellt man ein Popup, das erscheint, wenn man auf eine Schaltfläche klickt, wenn man Elementor als Seitenersteller verwendet?
Dafür gibt es kein einfacheres Tool als OptinMonster:
OptinMonster ist die beste Lösung, um mit Elementor ein anklickbares Popup zu erstellen. Von den vielen leistungsstarken Triggern, die wir anbieten, sind MonsterLinks™ diejenigen, die anklickbare Popups ermöglichen.
Mit MonsterLinks™ verfügen Sie sofort über einen einbettbaren Code für Ihre Popup-Kampagne, der in jeden Link oder jede Schaltfläche eingefügt werden kann. Das bedeutet, dass Sie mit unserem Drag-and-Drop-Builder in wenigen Minuten beeindruckende Popup-Kampagnen erstellen können.
Sie können diese Popups dann in wenigen Sekunden auf Ihrer Website einbetten.
Dazu gehört das Hinzufügen einer Popup-Schaltfläche oder eines anklickbaren Links mit Elementor. Tatsächlich ist hier das Elementor-Popup, das wir für die heutige Demo erstellt haben:
Dies dauerte weniger als 5 Minuten. zum Erstellen, Stylen und Einbetten auf der Elementor-Seite unserer Website.
Aber wenn Sie in der Vergangenheit mit Elementor gearbeitet haben, sind Sie wahrscheinlich mit dem integrierten Popup-Builder vertraut. Da stellt sich die Frage: Warum sollten Sie OptinMonster für Elementor anstelle des Elementor-Popup-Builders verwenden?
Das ist einfach.
Während der Elementor-Popup-Builder ein gutes Tool für einfache Kampagnen ist, verfügt OptinMonster über viele weitere Regeln und erweiterte Targeting-Funktionen, die nicht ignoriert werden können.
Letztendlich bieten wir mehr Möglichkeiten, Ihre Website-Popups an Ihre Benutzererfahrung (UX) anzupassen. Dieser Grad der Anpassung führt zu höheren Konversionsraten auf Ihren Websites und mehr Verkäufen für Ihr Unternehmen.
Von den vielen erweiterten Funktionen, die OptinMonster bietet, sind dies nur einige, die nicht im Elementor-Popup-Builder enthalten sind:
- Cookie-Retargeting, das Ihnen hilft, Ihre Pop-up-Kampagnen neu auszurichten, um die Conversions zu steigern
- OnSite Follow Up Campaigns® verfolgt, wie Benutzer mit anderen Kampagnen auf Ihrer Website interagieren, um festzustellen, ob Ihr Popup angezeigt wird
- AdBlock-Erkennung, die Ihnen hilft, Ihre Kampagne Benutzern anzuzeigen, in deren Browser Adblocker aktiviert sind.
Und viele mehr. Unterm Strich ist Elementor in erster Linie ein Seitenersteller für WordPress, der nebenbei über einen Popup-Builder verfügt.
OptinMonster hingegen konzentriert sich ausschließlich darauf, Ihnen die höchstmöglichen Conversions zu ermöglichen durch Abo-Aktionen. Es ist das Einzige, was wir tun, und deshalb machen wir es besser.
Sind Sie bereit, es in Aktion zu sehen? Klicken Sie einfach unten, um mit Ihrem risikofreien OptinMonster-Konto zu beginnen.
Kommen wir nun zum Tutorial!
So erstellen Sie ein anklickbares Elementor-Popup
Bevor Sie beginnen, müssen Sie Ihr OptinMonster-Konto mit Ihrer WordPress-Site verbinden. Glücklicherweise könnte das mit dem OptinMonster WordPress-Plugin nicht einfacher sein.
In diesem Beitrag erfahren Sie, wie Sie das OptinMonster-Plugin herunterladen und aktivieren, um Ihr Konto zu verbinden.
Von dort aus können alle Ihre Kampagnen über Ihr OptinMonster-Dashboard oder Ihr WordPress-Admin-Panel gesteuert werden.
Sobald Sie Ihre Site verbunden haben, können Sie loslegen.
Schritt 1: Wählen Sie Ihren Kampagnentyp und Ihre Vorlage aus
Wenn Sie mit der Anmeldung fertig sind, rufen Sie Ihr OptinMonster-Dashboard auf. Klicken Sie in der oberen rechten Ecke des Bildschirms auf Neue Kampagne erstellen:
Als Nächstes müssen Sie Ihren Kampagnentyp auswählen. Für das heutige Tutorial wählen wir a Auftauchen Glocke:
Jetzt ist es an der Zeit, Ihre Vorlage auszuwählen:
OptinMonster bietet über 50 vorgefertigte Vorlagen zur Auswahl. Das bedeutet, dass Sie in wenigen Minuten beeindruckende Popups erstellen können, ohne dass Programmierkenntnisse erforderlich sind.
Und wenn Sie für Ihre Marke etwas 100 % Einzigartiges wollen, können Sie sich jederzeit für unsere entscheiden Leinwand Vorlage:
Dies ist eine leere Vorlage, mit der Sie Ihr Elementor-Popup von Grund auf erstellen können. Aber wie bei allen unseren Kampagnen benötigen Sie für den Einstieg noch keine technischen Kenntnisse.
Denn wie Sie gleich sehen werden, macht unser Drag-and-Drop-Builder das Entwerfen Ihres Popups zum Kinderspiel.
Heute werden wir mit dem gehen Essentiell Vorlage:
Sobald Sie die Vorlage ausgewählt haben, die für Ihre Website am besten geeignet ist, müssen Sie Ihrer Kampagne einen Namen geben, sie Ihrer Website zuweisen und klicken Beginnen Sie mit dem Bau:
Dann ist es an der Zeit, mit der Gestaltung Ihres Elementor-Popups zu beginnen.
Schritt 2: Entwerfen Sie Ihr Popup
Sie befinden sich jetzt in Ihrem OptinMonster-Editor. Wie Sie sehen werden, ist die Gestaltung Ihrer Kampagne einfach.
Wir werden nicht alle Möglichkeiten betrachten, wie Sie Ihre Kampagne ändern können. Ehrlich gesagt gibt es zu viele Anpassungsoptionen, um sie in einem Beitrag abzudecken.
Wenn Sie OptinMonster noch nicht kennen oder eine kurze Auffrischung benötigen, empfehlen wir Ihnen, sich diese hilfreiche Ressource zum Erstellen Ihrer ersten Kampagne anzusehen.
Für heute müssen Sie nur die Grundlagen kennen.
Alle unsere Kampagnen bestehen aus Elementblöcken, kurz „Blöcken“. Dazu gehören Dinge wie:
- Textblöcke
- Bildblöcke
- Optionsfeldblöcke (wo Sie nach einem Namen und einer E-Mail-Adresse fragen)
- Tastenblöcke
- Und vieles mehr
Sie können den Textblock in Ihrem Elementor-Popup mit unserem Online-Texteditor ändern. Das heißt, Sie können auf den Text klicken, den Sie ändern möchten, und ihn direkt im Editor ändern:
Und wenn Sie andere Aspekte Ihres Popups ändern möchten, müssen Sie nur in Ihrem OptinMonster-Editor darauf klicken. Dann erscheinen auf der linken Seite die Bearbeitungswerkzeuge:
Und wenn Sie der Meinung sind, dass Ihrer Kampagne etwas fehlt, können Sie ganz einfach einen neuen Block hinzufügen. Klick einfach + Blöcke hinzufügen oben im Editor-Menü:
Wählen Sie dann im linken Menü den Block aus, den Sie hinzufügen möchten, um ihn per Drag-and-Drop in Ihrer Kampagne einzufügen:
Auch hier ist die Gestaltung Ihrer OptinMonster-Kampagne sehr einfach, auch wenn Sie keine technischen Kenntnisse haben.
Hier ist das Popup, das wir für das heutige Tutorial erstellt haben:
Das Design dauerte weniger als 5 Minuten und kann in nur wenigen Minuten in jeden Element-Link oder jede Element-Schaltfläche eingebettet werden.
Und in diesem Sinne schauen wir uns an, wie Sie Ihren MonsterLink™ erstellen.
Schritt 3: Erstellen Sie Ihren MonsterLink™ und fügen Sie ihn ein
Klicken Sie oben in Ihrem Editor-Menü auf Anzeigeregeln:
Standardmäßig sind für alle unsere Kampagnen zwei Anzeigeregeln festgelegt:
- Die Verweildauer auf der Seite beträgt 5 Sekunden
- Die Kampagne wird auf allen Seiten Ihrer Website angezeigt.
Um dies zu ändern, klicken Sie auf die erste Regel, um das Menü mit den Anzeigeregeln zu öffnen:
Geben Sie in die Suchleiste ein MonsterLink™. Wenn die Option angezeigt wird, klicken Sie im Menü „Anzeigeregeln“ darauf:
Und das ist! Ihr MonsterLink™ wird automatisch generiert. Alles, was Sie tun müssen, ist zu klicken Kopieren MonsterLink™-Code:
Dadurch erhalten Sie den einbettbaren HTML-Link, der wie folgt aussieht:
Abonniere jetzt!
Wenn Sie Ihre Website jedoch mit Elementor erstellen, benötigen Sie nicht den vollständigen HTML-Code. Stattdessen benötigen Sie lediglich die URL für Ihr anklickbares Popup.
Sie können die URL aus dem HTML übernehmen (alles steht in Anführungszeichen und beginnt mit „https://„):
https://app.monstercampaigns.com/c/y7snphtfpicxdcx3zpc2/
Gehen Sie nun zu Ihrer WordPress-Site und öffnen Sie die Seite, die Sie mit Elementor erstellen. Sie können diese URL dann wie jede andere URL zu Ihrem Text oder Ihrer Schaltfläche hinzufügen:
Und schon wird Ihre Elementor-Seite ein anklickbares Popup haben, sobald Ihre OptinMonster-Kampagne veröffentlicht wird.
Aber zunächst möchten Sie möglicherweise Ihren E-Mail-Dienstanbieter hinzufügen, wenn Sie diese Kampagne verwenden, um Ihre E-Mail-Liste zu erweitern.
Schritt 4: Integration mit Ihrem ESP (optional)
In vielen Fällen können Sie Ihr Elementor-Popup verwenden, um Ihre Kontaktliste zu erweitern und Ihre E-Mail-Marketingstrategie zu verbessern.
Wenn ja, gehen Sie zu Integrationen oben im OptinMonster-Bearbeitungsmenü:
Klicken Sie dann auf der linken Seite Neue Integration hinzufügen:
Und wählen Sie Ihren E-Mail-Dienstanbieter aus dem Dropdown-Menü aus:
Dann müssen Sie nur noch Ihren API-Schlüssel hinzufügen und Ihr ESP verbinden. Die genauen Schritte variieren je nach verwendeter Plattform, aber alle können in nur ein oder zwei Minuten verbunden werden.
Ist Ihr ESP nicht aufgeführt? Das ist kein Problem. Lesen Sie diesen hilfreichen Artikel darüber, wie Sie OptinMonster mit jedem ESP verbinden.
Jetzt müssen Sie nur noch Ihre Kampagne veröffentlichen.
Schritt 5: Veröffentlichen Sie Ihre Kampagne
Wenn Sie mit dem Design Ihres Elementor-Popups zufrieden sind und es in Ihr ESP integriert haben, klicken Sie auf Post oben im Editor-Menü:
Ändern Sie nun den Status Ihrer Kampagne Entwurf für Veröffentlicht:
Und das ist! Ihr Elementor-Popup ist jetzt einsatzbereit.
So sieht unser Elementor-Popup in Aktion aus:
Auch hier dauerte der gesamte Prozess zur Erstellung, Gestaltung und Integration der Kampagne weniger als 5 Minuten.
Wenn Sie Ihre Kampagne veröffentlicht haben, aber eine Meldung erhalten, dass Ihre Website noch nicht verbunden ist, ist das kein Problem. Gehen Sie zurück zum Anfang dieses Tutorials, um zu erfahren, wie Sie OptinMonster mit Ihrer WordPress-Site verbinden.
Wir hoffen, dass Sie dieses Tutorial nützlich fanden. Wenn Sie Ihr Elementor-Popup verwenden, um Ihre E-Mail-Liste zu erweitern, können die folgenden Ressourcen hilfreich sein:
In diesen Artikeln finden Sie alles, was Sie brauchen, um die besten Strategien zum Erweitern und Monetarisieren Ihrer E-Mail-Liste zu erlernen.
Bereit zum Start? Klicken Sie hier, um noch heute Ihr risikofreies OptinMonster-Konto zu eröffnen!
