Suchen Sie nach einer Möglichkeit, ein Vollbild-Popup für Ihre WordPress-Website zu erstellen?
Ein Vollbild-Popup kann zur Lead-Generierung unglaublich effektiv sein. Es ist darauf ausgelegt, zu überzeugen und zu konvertieren, indem es die gesamte Aufmerksamkeit des Besuchers auf sich zieht.
Aber es selbst zu programmieren ist eine echte Qual. Zum einen müssten Sie genug HTML, CSS und Javascript beherrschen, um das Popup sowie Auslöserregeln für dessen Anzeige zu erstellen. Dann müssten Sie eine manuelle Integration mit Ihrem E-Mail-Dienstanbieter vornehmen. Und schließlich müssten Sie sich mit Datenschutz- und Sicherheitsproblemen auseinandersetzen.
Gute Nachrichten: Es gibt einen viel einfacheren Weg.
In diesem Artikel zeigen wir Ihnen, wie Sie ein Vollbild-Popup in WordPress ohne Programmierung in weniger als 10 Minuten starten.
Legen wir los.
Was ist ein Vollbild-Popup in WordPress?
Ein Vollbild-Popup ist ein Opt-in-Formular, das mit einem filmischen Vollbildeffekt erscheint. Stellen Sie es sich wie das Ansehen eines Films auf Netflix im Vollbildmodus vor. Wenn ein Vollbild-Opt-in-Formular erscheint, können Sie den Rest der WordPress-Website nicht sehen. So liegt Ihre gesamte Aufmerksamkeit auf dem Popup.
Hier ist ein Beispiel:
Sie können Vollbild-Popups verwenden, um:
- Neue Besucher willkommen zu heißen
- Einen Rabattgutschein anzubieten
- Besucher auf ihre besten Inhalte hinzuweisen
- Besucher zu ihren Social-Media-Profilen zu leiten
Und mehr. Sie können sogar Popup-Kontaktformulare erstellen. Popups sind äußerst flexibel und solange Sie kreativ sind, können Sie leicht hochkonvertierende erstellen.
So erstellen Sie ein Vollbild-Popup in WordPress
Nachdem Sie nun verstehen, was ein Vollbild-Popup ist und warum Sie eines erstellen möchten, wie erstellen Sie ein Vollbild-Popup? Wir empfehlen die Verwendung von OptinMonster, um alle Ihre Popups zu erstellen.
OptinMonster ist das weltweit führende Conversion-Toolkit, und wir haben es selbst verwendet. OptinMonster macht es super einfach, leistungsstarke Pop-ups zu erstellen, die konvertieren. Und Sie müssen niemals irgendwelche Codes verwenden.
Wir haben sogar einen vollständigen Testbericht über OptinMonster geschrieben.
Sie können sich das ansehen oder sofort mit Ihrer Kampagne beginnen. Alles, was Sie tun müssen, ist sich bei OptinMonster anzumelden und dem Rest dieses Artikels zu folgen.
Schritt #1: Kampagne erstellen
Gehen Sie zu Ihrem OptinMonster-Dashboard und klicken Sie auf die Schaltfläche Erstellen:
Wählen Sie die Option Vorlage, um mit der Erstellung eines Opt-ins mit einer vordefinierten Vorlage zu beginnen:
Wählen Sie Vollbild, um mit Vorlagen für Vollbild-Popups zu beginnen:
Wählen Sie dann eine Kampagnenvorlage. Sie können jede Vorlage wählen, die Ihnen gefällt, aber für dieses Tutorial verwenden wir die Kampagnenvorlage Produktempfehlung (Gamified).
Nachdem Sie Ihre Vorlage ausgewählt haben, geben Sie Ihrer Kampagne einen Namen. Denken Sie daran, dass dieser Kampagnenname für Sie bestimmt ist und Sie wahrscheinlich eine ganze Reihe dieser Pop-ups mit unterschiedlichen Targeting-Optionen erstellen werden. Geben Sie der Kampagne also einen aussagekräftigen Namen, sonst werden Sie später wirklich verwirrt sein.
Je nach Ihrem Plan können Sie OptinMonster auch auf mehreren Websites verwenden. Wählen Sie also auch die Website aus, auf der Sie Ihre Kampagne anzeigen möchten.
Drücken Sie Erstellung starten , wenn Sie fertig sind.
Schritt #2: Ihr Popup bearbeiten
Mit OptinMonster erhalten Sie einen visuellen Drag-and-Drop-Popup-Builder. Sobald Sie Ihre Kampagne erstellt haben, können Sie selbst die kleinsten Details Ihres Popups bearbeiten. Beginnen Sie mit der Bearbeitung Ihrer Popup-Überschrift:
Das Erstaunlichste hier ist, dass Sie einfach auf den Text klicken, den Sie bearbeiten möchten, und ihn direkt ändern. Sie müssen kein Formular ausfüllen oder HTML-Code im Pop-up bearbeiten.
Sie können alles bearbeiten, was Sie an Ihrem Vollbild-Popup wünschen. Wenn Sie mit dem Erscheinungsbild des Opt-ins zufrieden sind, können Sie zu erweiterten Einstellungen übergehen.
Schritt #3: Anzeige-Regeln für Vollbild-Popups festlegen
Anzeige-Regeln definieren, wann Ihre Kampagne auf Ihrer Website angezeigt wird und wer sie sieht.
Unsere Empfehlung ist, die Auslöserbedingung auf „Exit-Intent“ zu ändern:
Klicken Sie auf Weiterer Schritt, um die Aktion auszuwählen. Hier empfehlen wir, Kampagnenansicht anzeigen auf Optin-Ansicht zu setzen, mit MonsterEffect anzeigen auf eine beliebige Einstiegsanimation, die Ihnen gefällt, und Soundeffekt abspielen auf einen beliebigen Soundeffekt für Ihr Popup.
Klicken Sie dann auf die Schaltfläche Weiterer Schritt. Sie können den vollen Umfang Ihrer Einstellungen auf der Registerkarte Zusammenfassung sehen.
Schritt 4: Schaltfläche „Zum Abonnieren klicken“ zu Ihrem Popup hinzufügen
Push-Benachrichtigungen helfen Ihnen, Ihren Website-Traffic und Ihr Engagement automatisch zu steigern. Und wenn Sie einen Online-Shop betreiben, hilft Ihnen PushEngage auch, Ihre Verkäufe zu steigern, indem es Ihnen hilft, automatisierte E-Commerce-Push-Benachrichtigungen zu erstellen.
Sie können kostenlos starten, aber wenn Sie Ihr Geschäft ernsthaft ausbauen wollen, sollten Sie einen kostenpflichtigen Plan kaufen. Außerdem sollten Sie, bevor Sie einen Push-Benachrichtigungsdienst kaufen, diesen Leitfaden zu Kosten für Push-Benachrichtigungen lesen.
Hier ist ein kurzer Überblick darüber, was Sie mit PushEngage erhalten:
- Hochkonvertierende automatisierte Kampagnen
- Mehrere Optionen für Targeting und Kampagnenplanung
- Zielverfolgung und erweiterte Analysen
- Intelligente A/B-Tests
- Ein engagierter Success Manager
Sie werden feststellen, dass PushEngage zweifellos die beste Wahl ist, wenn Sie Traffic, Engagement und Verkäufe für Ihr Unternehmen aufbauen möchten. Und wenn Sie ein begrenztes Budget haben, können Sie immer ein wenig kreativ mit Ihren Push-Benachrichtigungen werden.
Fügen Sie zuerst einen HTML-Block zu Ihrem Popup aus der Seitenleiste in OptinMonster hinzu.
Hier fügen wir den Code zum Sammeln von Push-Benachrichtigungsabonnenten hinzu. Fügen Sie zuerst den folgenden Code ein, um eine klickbare Schaltfläche zu erstellen:
<button onclick="subscribeOnClickButton()" style="border: none; width: 100%; padding-left: 15%; padding-right:15%; text-align: center; display: inline-block; color: white;">Get Updates via Push Notifications</button>Fügen Sie den Code dort ein, wo angegeben ist, dass Sie HTML hinzufügen können:
Natürlich können Sie mit den Stilen experimentieren, um sie ansprechender zu gestalten. Als Nächstes werden wir die Schaltfläche so gestalten, dass sie Push-Benachrichtigungsabonnenten sammelt, wenn sie angeklickt wird.
Gehen Sie zur PushEngage-Startseite und klicken Sie auf die Schaltfläche Los geht's:
Wählen Sie dann den kostenlosen Plan, um PushEngage auszuprobieren, oder wählen Sie einen kostenpflichtigen Plan, wenn Sie Ihr Geschäft ernsthaft ausbauen möchten. Die kostenpflichtigen Pläne bieten mehr Kampagnenoptionen und die Möglichkeit, noch größere Abonnentenlisten aufzubauen.
Navigieren Sie in Ihrem PushEngage-Dashboard zu Site Settings » Site Details und klicken Sie auf die Schaltfläche Click Here for Setup Instructions. Unter Any Site erhalten Sie Ihren Installationscode:
WARNUNG: Sie müssen den Code kopieren, den Sie von Ihrem Dashboard erhalten. Der Code ist für jeden PushEngage-Benutzer eindeutig. Sie können den Code im Bild nicht kopieren und Push-Benachrichtigungsabonnenten sammeln.
Sobald Sie den Code in Ihrem PushEngage-Dashboard haben, nehmen Sie das zweite Skript und fügen Sie ihm zusätzlichen Code hinzu. Ihr endgültiger Code sollte ungefähr so aussehen:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
console.log(res);
}]);
}
</script>Fügen Sie diesen Code direkt nach dem Code für Ihre Schaltfläche und zwischen dem <div></div>-Codeblock in den HTML-Block in OptinMonster ein, und Sie sind fertig!
Schritt Nr. 5: Richten Sie Ihre E-Mail-Integration ein
Der nächste Schritt ist die Einrichtung Ihrer E-Mail-Integration. Klicken Sie auf Neue Integration hinzufügen auf der Registerkarte Integrationen und wählen Sie Ihren E-Mail-Dienstanbieter aus:
Wir empfehlen die Verwendung von Drip für Ihr E-Mail-Marketing, falls Sie noch keinen E-Mail-Dienstanbieter haben.
Schritt Nr. 6: Veröffentlichen Sie Ihr Vollbild-Popup in WordPress
Wenn Sie eine neue Kampagne erstellen, ist diese standardmäßig Paused.
Gehen Sie zum Tab Publish im oberen Menü, um die Publish Options zu sehen. Setzen Sie dann den Status auf Publish und wählen Sie die Website-Plattform aus:
Wenn Sie eine WordPress-Site betreiben, übernimmt das OptinMonster-Plugin die restliche Einrichtung automatisch. Dasselbe gilt für Shopify und BigCommerce. Für jede andere Website klicken Sie auf Beliebige Website und fügen Sie den Einbettungscode in den Kopfbereich Ihrer Website ein:
Und fertig!
Was tun nach der Erstellung eines Vollbild-Popups in WordPress
Das war's für dieses Mal, Leute!
Lassen Sie uns wissen, ob dieser Artikel hilfreich war. Das Erstellen von Popups auf Ihrer Website kann Ihnen helfen, Ihren Traffic in E-Mail-Abonnenten und echte Geschäftskontakte umzuwandeln. Und wir empfehlen Ihnen dringend, sofort mit der Erstellung von Vollbild-Popups zu beginnen.
Und wenn Sie nach einer erschwinglichen Möglichkeit suchen, Ihren Traffic zu erhöhen, empfehlen wir die Verwendung von Push-Benachrichtigungen. Push-Benachrichtigungen können Ihnen helfen, mehr wiederkehrenden Traffic und Website-Engagement zu erzielen. Sie können auch automatisierte Push-Benachrichtigungskampagnen erstellen, die Verkäufe generieren.
Nicht überzeugt? Sehen Sie sich diese Ressourcen an:
- 7 clevere Strategien zur Steigerung des Kundenengagements
- Sind Push-Benachrichtigungen effektiv? 7 Statistiken + 3 Expertentipps
- Einrichtung von Push-Benachrichtigungen für abgebrochene Warenkörbe (einfaches Tutorial)
- So fügen Sie Ihrer Website ein Web-Benachrichtigungs-WordPress-Plugin hinzu
Wir empfehlen die Verwendung von PushEngage, um Ihre Push-Benachrichtigungskampagnen zu erstellen. PushEngage ist die weltweit führende Software für Push-Benachrichtigungen. Wenn Sie also noch nicht dazu bereit sind, beginnen Sie noch heute mit PushEngage!
