WordPress Pop-up-Plugins: das Gute, das Schlechte und das Hässliche

Veröffentlicht: 2021-10-12

Pop-ups, Sie haben sie definitiv auf vielen Websites gesehen. Dies sind Fenster, die auf einer Website angezeigt werden, wenn Sie einen Artikel lesen oder versuchen, ihn zu verlassen. Ihr Hauptzweck ist es, die E-Mail-Liste eines Unternehmens zu erweitern (auch bekannt als Leads gewinnen).

Einige Marketingleute lieben sie, andere nicht. Einige Website-Besucher könnten sich dadurch belästigt fühlen. Aber warum werden sie trotzdem verwendet?

Weil sie ein gutes Tool zur Lead-Generierung sind, wenn sie intelligent eingesetzt werden.

Zum Beispiel haben die Leute von Sleeknote die Daten von über 1 Milliarde Popup-Aufrufen ihrer Top-Kunden analysiert. Sie fanden heraus, dass Popups, die nach acht Sekunden angezeigt werden, besser konvertieren als Popups, die davor oder danach angezeigt werden. Pop-up-Statistiken

Sehen Sie sich das an: 3,62 % Conversion-Rate für ein Pop-up, das nach 8 Sekunden angezeigt wird, im Vergleich zu 0 % (d. h. kein Pop-up). Das hat definitiv etwas zu bedeuten, oder?

In diesem Artikel werden wir nun darüber sprechen:

  • Die besten WordPress-Popup-Plugins da draußen;
  • Die Anatomie eines Pop-ups;
  • Best-Case-Praktiken für Pop-ups;
  • Pop-up-Inspiration.

Sollen wir?

Die besten WordPress-Popup-Plugins

Wenn Sie jetzt anfangen, nach einem WordPress-Popup-Plugin zu suchen, das Ihren Anforderungen entspricht, sind hier einige Funktionen, die sich als nützlich erweisen können:

  • Vorgefertigte Vorlagen verfügbar, damit Sie nicht immer bei Null anfangen müssen oder wenn Sie Inspiration brauchen;
  • Drag-and-Drop-Popup-Builder, damit Sie alles schnell und einfach ohne Code entwerfen können;
  • E-Mail-Marketing-Integrationen: Stellen Sie sicher, dass sich Ihr WordPress-Popup-Plugin nahtlos in Ihren E-Mail-Anbieter integriert.
  • Viele verfügbare Trigger für Ihr Pop-up: Exit-Intent, basierend auf der auf einer Seite verbrachten Zeit, Geographie, wiederkehrende vs. neue Besucher usw.;

Werfen wir nun einen Blick auf 5 der besten WordPress-Popup-Plugins im Ökosystem:

OptinMonster Optinieren Sie das Monster WordPress-Popup-Plugin

Dies ist ein eigenständiges SaaS-Produkt, das derzeit von mehr als 1.213.400 Websites verwendet wird. Sie haben auch ein WordPress-Plugin mit über 1.000.000 aktiven Installationen.

Hier sind einige der wertvollsten Funktionen:

  • Verschiedene Popup-Formate verfügbar : Lightbox, Floating Bars, Slide-Ins, gamifizierte Drehräder, Countdown-Timer und vieles mehr;
  • Drag-and-Drop-WordPress-Popup-Builder;
  • Vorgefertigte Popup-Vorlagen;
  • Mehrere verhaltensbasierte Personalisierungen: Exit-Intent, Geolokalisierung, Retargeting und mehr;
  • Pop-up-A/B-Tests;
  • Animationen und Soundeffekte;
  • Integration mit den beliebtesten WordPress-Formular-Plugins ;
  • E-Mail-Marketing-Integrationen (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo und viele mehr);

Preise : Beginnend bei 9 $ / Monat, jährliche Abrechnung für den Basisplan.

PopupMaker PopupMaker-WordPress-Plugin

Dieses WordPress-Popup-Plugin wird auf über 600.000 Websites verwendet und ist sehr beliebt. Hier sind einige der wertvollsten Funktionen:

  • Integration mit den beliebtesten WordPress-Formular-Plugins (Ninja Forms, Gravity Forms, Contact Form 7 usw.) ;
  • E-Mail-Marketing-Integrationen (Mailchimp, GetResponse, Hubspot und viele mehr);
  • Zielen Sie auf beliebige WordPress-Inhalte wie Beiträge, Seiten und 26 mehr;
  • Popup-Planung ;

Preise : Beginnend bei 87 $/Jahr für den Startplan.

Eile Hustle WordPress-Popup-Plugin

Dieses WordPress-Popup-Plugin wird auf über 100.000 Websites verwendet und von WPMU DEV erstellt. Sie stehen hinter vielen beliebten WordPress-Plugins.

Hier sind einige der wertvollsten Funktionen von Hustle:

  • Vorlagen für verschiedene Anwendungsfälle (z. B. Black Friday, Giveaway, COVID-Hinweis, Newsletter-Anmeldung);
  • Vollständig ansprechende Pop-ups;
  • Viele Styling-Optionen verfügbar, von Rahmen, Schatten, Abständen, Typografie, Farbe bis hin zu benutzerdefiniertem CSS;
  • Viele Verhaltensauslöser wie Zeit auf der Seite, Scrollen, Exit-Intent und mehr.
  • E-Mail-Marketing-Integrationen (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo und viele mehr);

Preise : 5 $/Monat, jährliche Abrechnung für den Hustle Pro-Plan. Kostenlose Testversion verfügbar.

Sumo Sumo-Kacken

Sumo ist ein WordPress-Plugin, das mehr als 60.000 Websites hilft, ihre E-Mail-Liste mit zeitgesteuerten Popups zu erweitern. Genau wie OptinMonster funktioniert es auch als eigenständiges Produkt. Außerhalb von WordPress unterstützt es noch mehr Websites.

Hier sind einige der wichtigsten Funktionen:

  • Planen Sie einmalige Marketing-E-Mails oder E-Mail-Tropfen, um mit Ihren Abonnenten zu kommunizieren;
  • Opt-in-Formulare ;
  • Volle Designkontrolle über Popups;
  • Vorgefertigte Vorlagen ;

Preise : Die Leute bei Sumo rühmen sich damit, dass Sie Sumo KOSTENLOS nutzen können und nur bezahlen, wenn Sie mehr Kunden gewinnen.

Das PRO-Paket beginnt bei 39 $ / Monat und wird jährlich in Rechnung gestellt.

ConvertPro ConvertPro WordPress-Popup-Plugin

Convert Pro ist unsere Wahl für die Erstellung von WordPress-Popups. Es ist wirklich flexibel und mit vielen Gestaltungs- und Auslöseoptionen.

Hier sind die Funktionen, die uns gefallen:

  • Drag-and-Drop-Editor ;
  • Mobile Reaktionsfähigkeit ;
  • Mehrstufige Popups;
  • Viele Auslöseoptionen;
  • Riesige Vorlagenbibliothek;
  • Viele Popup-Formate verfügbar: Exit-Intent, On-Click, Infoleisten, Slide-Ins, Inline-CTAs, Vollbild-CTAs, Konvertierungsmatten und mehr.
  • Einfache A/B-Tests;
  • E-Mail-Marketing-Integrationen (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo und viele mehr);

Preise : Ab $79/Jahr.

So erstellen Sie ein WordPress-Popup mit ConvertPro

Es ist Zeit für eine Demo, meinst du nicht?

Da wir Convert Pro-Benutzer sind, werde ich Ihnen hier bei Colibri zeigen, wie wir das Tool verwenden.

Hier sind die Schritte zum Erstellen eines WordPress-Popups mit Convert Pro:

  1. Gehen Sie nach dem Kauf des Plugins zum BrainStormForce Store (den Erstellern des Plugins) und laden Sie eine ZIP-Datei mit Convert Pro herunter . Gehen Sie jetzt zu Ihrem WordPress-Dashboard -> Plugins -> Neu hinzufügen. Fügen Sie ein neues WordPress-Plugin hinzu Laden Sie hier Ihre ZIP-Datei hoch und aktivieren Sie dann das Plugin.
  2. Gehen Sie zu WordPress Dashboard -> Convert Pro -> Neu erstellen. Erstellen Sie ein neues WordPress-Popup
  3. Wählen Sie den gewünschten Typ des WordPress-Popups aus . Arten von Popups
  4. Wählen Sie eine Vorlage und ein Ziel aus. Wählen Sie eine Popup-Vorlage
  5. Benennen Sie Ihr Pop-up und klicken Sie dann auf „Erstellen“. Erstellen Sie ein WordPress-Popup
  6. Beginnen Sie mit der Gestaltung Ihres Pop-ups . Fügen Sie Überschriften, Absätze und visuelle Elemente hinzu. Es gibt mehrere Formen und Schaltflächenformate, aus denen Sie im Menü auf der linken Seite auswählen können. Passen Sie das Pop-up an Sie können beispielsweise sogar einen Countdown hinzufügen, wenn Sie eine Werbeaktion durchführen. Innerhalb der Option „Panel“ können Sie die Größe Ihres Popups anpassen, Animationen, Hintergründe und mehr hinzufügen. Convert Pro-Bearbeitungsfeld für Popups Sie können Ihr Formular auch so gestalten, wie Sie es möchten. Stylen von WordPress-Popup-Optionen Sie können unter den erweiterten Optionen auch mehrstufige Popups erstellen. Mehrstufige Popups Sie können eine Vorschau der mobilen Version Ihres Pop-ups anzeigen, wenn Sie auf das mobile Symbol oben auf Ihrem Dashboard klicken. Passen Sie das Popup nach Gerät an
  7. Konfigurieren Sie Ihr Formular . Auf dieser Ebene können Sie aus einer Vielzahl von Triggern wählen. WordPress-Popup-Trigger Im Menü „Ziel“ können Sie Ihre Einstellungen basierend auf Geolokalisierung, Gerät und anderem Benutzerverhalten anpassen. WordPress-Popup-Targeting-Optionen Zum Beispiel erstelle ich gerne separate Pop-ups für Mobilgeräte und Desktops. Auf Mobilgeräten löse ich die WordPress-Popups nach 5 Sekunden aus, während ich auf dem Desktop Exit-Intent verwende.
  8. Verbinden Sie Convert Pro mit Tools von Drittanbietern wie Formularen und E-Mail-Marketing-Software. WordPress-Popup-Integrationen
  9. Vergessen Sie nicht, Ihr WordPress-Popup zu speichern und „öffentlich zu machen“ , wenn Sie fertig sind. Speichern Sie Ihr WordPress-Popup und veröffentlichen Sie es

Und das ist es. Sie haben Ihr erstes WordPress-Popup!

Nachdem Sie nun wissen, wie Sie ein Pop-up-Fenster gestalten können, werfen wir einen Blick auf die unverzichtbaren Elemente.

Die Anatomie eines Pop-ups

Wie bereits erwähnt, wird ein Pop-up verwendet, um Besucher in Leads oder Leads in Kunden umzuwandeln.

Wie kann Ihnen ein Pop-up dabei helfen, dieses Ziel zu erreichen? Bei richtiger Anwendung können Pop-ups zur richtigen Zeit mit der richtigen Nachricht vor der richtigen Person erscheinen, sodass die Chancen auf eine Conversion maximiert werden.

Also, hier sind die Elemente, die ein Pop-up hat:

  • Ein Formular . Diese Formulare können sehr einfach sein, nur mit einem Call-to-Action-Button, oder einige zusätzliche benutzerdefinierte Felder haben.
  • Ein Auslöser . Diese Pop-ups können je nach Website- oder Benutzerverhalten angezeigt werden, z. B.: nach 8 Sekunden auf der Seite, nach 70 % Scrollen, wenn der Benutzer beabsichtigt, die Website zu verlassen usw.
  • Ausrichtung . Sie können diese Pop-ups basierend auf der Geolokalisierung des Besuchers oder der Art der Seite, auf der er sich befindet, usw. auslösen. Vielleicht liest der Besucher einen Artikel über gesunde Ernährung. Sie könnten ihm ein Pop-up zeigen, das Ihr E-Book mit energiespendenden Smoothie-Rezepten bewirbt. Anpassung ist hier der Schlüssel, wenn Sie Ihre Konversionsraten maximieren möchten.
  • Benutzerdefinierte Designelemente , die Ihnen helfen, Ihre Botschaft zu vermitteln oder ansprechender zu gestalten: Bilder, Videos usw.

Nun ist Ihre Arbeit mit dem Pop-up-Design noch nicht beendet. Sie müssen die nächsten Schritte herausfinden. Normalerweise müssten Sie Ihre Leads über E-Mail-Marketingkampagnen pflegen. Das bedeutet, dass Sie eine E-Mail-Software benötigen, um sich mit Ihrem WordPress-Popup-Plugin zu verbinden.

Sehen wir uns nun einige bewährte Vorgehensweisen für das Entwerfen von hochkonvertierenden Pop-ups an.

Best-Case-Praktiken für Pop-ups

Ich werde es kurz und bündig halten. Auf geht's:

  • Seien Sie nicht aufdringlich mit Ihren Pop-ups. Gehen Sie weise mit Ihren Auslösern um. Ich entscheide mich immer für Exit-Intent, damit ich nicht viel in die Benutzererfahrung eingreife.
  • Zeigen Sie Pop-ups nicht auf allen Ihren Seiten an. Denken Sie über den Zweck Ihrer Seite nach. Möchten Sie wirklich ein Pop-up auf den Preis- oder Kontaktseiten anzeigen? Seien Sie diesbezüglich weise.
  • Stellen Sie sicher, dass Ihr Pop-up auf allen Geräten gut aussieht.
  • Machen Sie es Website-Besuchern leicht, das Pop-up zu schließen.
  • Verwenden Sie Bilder in Ihren Pop-ups. Die Sleeknote-Analyse zeigte, dass sie besser konvertieren als diejenigen ohne Bilder.
  • Induzieren Sie FOMO (Angst vor dem Verpassen) in Ihrer Pop-up-Kopie. Sie können dies beispielsweise tun, indem Sie einen Countdown-Timer einfügen, der den Leuten mitteilt, wie viele Tage noch verbleiben, bis Ihre Werbeaktion endet.
  • Je mehr Felder Sie in Ihrem Formular haben, desto weniger Conversions. Achten Sie darauf, wie Sie diese Dinge ausbalancieren. Einerseits können Ihnen mehrere Formularfelder dabei helfen, Ihre Leads besser zu segmentieren.
  • Bestimmen Sie die Ziele und den Zweck der Verwendung eines bestimmten Pop-ups.
  • Implementieren Sie zeitgesteuerte Pop-ups für ein besseres Engagement.
  • Versuchen Sie, die Pop-ups für neue Besucher und wiederkehrende Besucher zu segmentieren.
  • Wenn Benutzer in Ihren Inhalten nach unten scrollen oder mehr Zeit mit einem Artikel verbringen, bedeutet dies, dass Sie ihre Aufmerksamkeit auf sich gezogen haben. Wie wäre es mit einem Scroll-Trigger, um ihnen ein Pop-up zu einem Inhalts-Upgrade oder einer Webinar-Einladung anzuzeigen?

7 Pop-up-Beispiele, die Sie inspirieren

Nun, genug mit der Theorie, schauen wir uns ein paar echte Pop-ups an.

Popup-Beispiel 1: Sleeknote

Dieses Sleeknote-Popup verwendet soziale Beweise, um zu versuchen, Menschen davon zu überzeugen, ihren Newsletter zu abonnieren. Wenn Sie sich anmelden, schließen Sie sich anderen 70.000 Vermarktern an.

Und weil einige Leute Newsletter-müde werden, verwenden sie den Begriff „Wöchentliche Marketing-Inspiration“. Sleeknotes „besticht“ seine Besucher auch mit lebenslangem Zugriff auf Kundenressourcen im Austausch für ein Abonnement. Sie verwenden auch ein GIF und ein Emoticon, um das Pop-up optisch ansprechender zu gestalten.

Sleeknote-Popup-Beispiel

Pop-up-Beispiel 2: Hubspot

Im folgenden Beispiel haben wir ein Exit-Intent-Popup von Hubspot (Marketing- und Vertriebssoftware), das versucht, die Besucher seiner Website davon zu überzeugen, ihren Newsletter zu abonnieren. Sie nutzen auch soziale Beweise, um überzeugender zu sein: Mehr als 600.000 Vermarkter haben sich bereits angeschlossen.

Sie könnten einige Bilder verwenden, um einprägsamer auszusehen. Hubspot-Popup-Beispiel

Pop-up-Beispiel 3: Haute Hijab

Dieser millionenschwere E-Commerce-Shop verwendet ein Popup-Fenster, das Besuchern, die den Newsletter abonnieren, 15 % Rabatt bietet.

Haute Hijab-Popup-Beispiel

Pop-up-Beispiel 4: Backlinko

Brian Dean, der berühmte SEO-Experte, hat einige gesperrte Inhalte im Blog. Es ist eine wirklich wertvolle Fallstudie, die er bereit ist, mit seinen Lesern im Austausch für ihre E-Mail zu teilen.

Wenn Sie auf die Schaltfläche „Jetzt entsperren“ klicken, wird ein Popup-Fenster ausgelöst.

Backlinko-Ein-Klick-Popup

Pop-up-Beispiel 5: Mailpoet

Mailpoet (E-Mail-Marketing-Software) und die meisten Websites verwenden ein Popup, um Besucher über Website-Cookies zu informieren. Mailpoet tut dies mit einem sauberen Popup-Design, nicht mit dem alten, grauen und langweiligen, an das wir gewöhnt sind.

Cookie-Benachrichtigungs-Popup

Pop-up-Beispiel 6: Virgin Atlantic

Virgin Atlantic verwendet ein Infoleisten-Popup, um Passagiere über die Sicherheitsmaßnahmen zu COVID-194 zu informieren. Beispiel für ein Infobar-Popup

Andere Websites verwenden diese Taktik, um Sonderverkäufe zu fördern, und kombinieren dies sogar mit einem Countdown.

Pop-up-Beispiel 7: Dedoles

Versuchen Sie, Website-Besucher mit geheimen Boni zu fesseln. Die Leute von Dedoles verwenden dafür ein Preisrad. Als Gegenleistung für Ihre E-Mail erhalten Sie einen Rabatt oder ein Geschenk.

Beispiel für Website-Popups

Einpacken

Blinzle zweimal, wenn du noch bei mir bist

Sehen wir uns nun an, was wir heute gelernt haben:

  • Welches sind die Top 5 WordPress-Popup-Plugins im Ökosystem;
  • So verwenden Sie ConvertPro zum Erstellen von WordPress-Popups;
  • Welches sind die Elemente eines Pop-ups;
  • Welches sind die besten Fallpraktiken, die Sie stehlen können, um WordPress-Popups zu erstellen, die konvertieren;

Das war's Leute!

Wenn Ihnen dieser Artikel gefallen hat und Sie mehr darüber erfahren möchten, wie man eine WordPress-Website gestaltet , abonnieren Sie unbedingt den Youtube-Kanal von Colibri und folgen Sie uns auf Twitter und Facebook!