So erstellen Sie ein WordPress-Popup-Formular (2 einfache Methoden)

Kommen Ihre Besucher auf Ihre Seiten, scrollen ein wenig herum und verlassen sie wieder, ohne jemals Ihr Kontaktformular auszufüllen oder sich für Ihren Newsletter anzumelden?

Ein WordPress-Popup-Formular könnte genau das Richtige für Sie sein. Anstatt darauf zu hoffen, dass Besucher ein Formular bemerken, das in Ihrer Seitenleiste oder am Ende einer Seite versteckt ist, wird es ihnen durch ein Popup im richtigen Moment direkt vor Augen geführt.

Die leistungsstärksten Popup-Formulare erzielen eine Konversionsrate von fast 10 % der Besucher, was deutlich besser ist als bei den meisten statischen Formularen. In diesem Leitfaden zeige ich Ihnen Schritt für Schritt, wie Sie ein Popup-Formular auf zwei verschiedene Arten erstellen können!

So erstellen Sie ein WordPress-Popup-Formular

Bevor wir mit den Tutorials beginnen, wollen wir kurz darauf eingehen, warum sich Popup-Formulare lohnen und was Sie für den Einstieg benötigen.

Warum ein WordPress-Popup-Formular verwenden?

Wenn ein Besucher im Begriff ist, Ihre Website zu verlassen, oder Ihre Inhalte bereits eine Weile liest, gibt ihm ein zum richtigen Zeitpunkt eingeblendetes Popup einen Grund, inne zu halten und sich mit Ihrer Seite zu beschäftigen. Hier sind einige der gängigsten Methoden, wie Website-Betreiber sie meiner Erfahrung nach einsetzen:

• Kontaktformulare: So können Besucher Kontakt aufnehmen, ohne die Seite verlassen zu müssen, auf der sie sich gerade befinden.
• Anmeldeformulare für E-Mails: Erweitern Sie Ihre Newsletter-Liste, indem Sie Besucher abfangen, bevor sie die Seite verlassen.
• Formulare zur Lead-Erfassung: Sammeln Sie Informationen von potenziellen Kunden, die Ihre Seiten mit Formularen zur Lead-Erfassung besuchen.
• Feedback und Umfragen: Stellen Sie eine kurze Frage, solange die Erfahrungen des Besuchers noch frisch sind.
• Anmeldung und Registrierung: Bieten Sie wiederkehrenden Nutzern schnellen Zugriff ohne Seitenumleitung.
• Veranstaltungsanmeldung: Bewerben Sie Webinare, Workshops oder Produkteinführungen mit einer gezielten Anmeldung per Single-Opt-in oder Double-Opt-in.

Das Wichtigste sind der richtige Zeitpunkt und die Relevanz. Ein Popup, das sofort erscheint, sobald jemand auf Ihrer Website landet, wirkt aufdringlich. Aber eines, das erscheint, nachdem der Besucher die Hälfte Ihres Artikels durchgescrollt hat, oder genau in dem Moment, in dem er den Tab schließen will? Das wirkt hilfreich.

Sie können Popup-Formulare auch mit dem WPForms-Add-on „Lead Forms“ kombinieren, um Lead-Erfassungs-Layouts mit hoher Konversionsrate zu erstellen, oder „Conversational Forms“ in Ihrem Popup verwenden, um eine weniger aufdringliche Erfahrung zu bieten, bei der jeweils nur eine Frage gestellt wird.

Erste Schritte: Ihr Formular erstellen

Bevor Sie ein Popup erstellen, müssen Sie ein Formular in WPForms erstellen. Dieses Tutorial wird mit jeder Version, einschließlich WPForms Lite arbeiten.

Beachten Sie bitte, dass WPForms Lite die Eingaben per E-Mail versendet, sie jedoch nicht in WordPress speichert. Ich empfehle WPForms Pro, wenn Sie Ihre Formulareinträge später auf andere Plattformen exportieren möchten.

In diesem Beitrag erfährst du mehr über die Unterschiede zwischen WPForms Lite und WPForms Pro. Sobald WPForms installiert und aktiviert ist, gehe zu „WPForms“ » „Neu hinzufügen“, um ein neues Formular zu erstellen.

Es erscheint der Bildschirm zur Formular-Einrichtung mit einer Bibliothek von über 2.100 Vorlagen. Bei einem Popup-Formular sollten Sie sich kurz und prägnant halten. Weniger Felder bedeuten weniger Reibungsverluste, insbesondere auf mobilen Bildschirmen.

Ich werde die Vorlage „Einfaches Kontaktformular“ als Ausgangspunkt verwenden, aber Sie könnten genauso gut eine Vorlage für die Newsletter-Anmeldung, ein Feedback-Formular oder eine andere Vorlage wählen, die Ihrem Ziel entspricht.

WPForms lädt Ihre Vorlage und leitet Sie zum Drag-and-Drop-Builder weiter. Das einfache Kontaktformular enthält Felder für Name, E-Mail und Text, was für den Moment völlig ausreicht.

Wenn Sie ein Formular lieber direkt in Ihre Website einbetten möchten, anstatt ein Popup zu verwenden, unterstützt WPForms auch diese Option. In dieser Anleitung konzentrieren wir uns jedoch auf die Verwendung von Popups.

Wenn Sie mit dem Aussehen Ihres Formulars zufrieden sind, klicken Sie auf Speichern. Jetzt sind wir bereit, mit dem Popup weiterzumachen. Beginnen wir mit OptinMonster.

Methode 1: Erstellen eines Popup-Formulars mit OptinMonster

OptinMonster ist ein beliebtes WordPress-Popup-Plugin, das auf über einer Million Websites eingesetzt wird. Es ist auf Popups, Floating Bars, Slide-Ins und andere Kampagnen zur Lead-Generierung spezialisiert.

OptinMonster verfügt über einen Kampagnen-Generator per Drag-and-Drop, mit dem Sie Ihre Popups gestalten und Targeting-Regeln festlegen können. Das WordPress-Plugin übernimmt dann die Anzeige dieser Kampagnen auf Ihrer Website.

Wenn Sie OptinMonster installieren, erhalten Sie ein kostenloses Konto mit 3 Kampagnen und 500 Kampagnen-Impressionen. Das reicht aus, um Ihr erstes Popup-Formular einzurichten und es mit echtem Traffic zu testen.

Die kostenpflichtigen Tarife beginnen bei 7 $ pro Monat (jährliche Abrechnung), falls Sie mehr Kampagnen, erweiterte Auslöser wie „Exit-Intent“ oder Funktionen wie A/B-Tests benötigen.

1. OptinMonster installieren

Sie können das OptinMonster-Plugin aus dem WordPress-Plugin-Verzeichnis herunterladen und auf Ihrer Website installieren.

Wenn Sie sich nicht sicher sind, wie man ein WordPress-Plugin installiert, befolgen Sie diese Anleitung, um OptinMonster zu Ihrer WordPress-Website hinzuzufügen.

2. Eine Popup-Kampagne erstellen

Erstellen wir nun Ihre Popup-Kampagne. Klicken Sie im Menü Ihrer WordPress-Seitenleiste auf „OptinMonster“ » „Kampagnen “.

Dadurch gelangen Sie zur Seite zur Kampagnenerstellung, auf der Sie die Ziele und weitere Aspekte Ihres Popups festlegen können. Klicken Sie auf die Schaltfläche „Erstellen Sie Ihre erste Kampagne “.

Wählen Sie aus den verfügbaren Optionen „Popup“ als Kampagnentyp aus. Scrollen Sie nach unten und wählen Sie eine Vorlage aus. Bewegen Sie den Mauszeiger über eine Vorlage und klicken Sie auf „Vorlage verwenden“, um sie auszuwählen.

Ich nutze für Popups gerne die „Basic“-Kampagne, da sie sich einfach anpassen lässt und sich gut als Ausgangspunkt eignet. Sie ist flexibel genug, um sich an verschiedene Formulartypen und Anmeldemethoden anzupassen.

OptinMonster fordert Sie auf, Ihrer Kampagne einen Namen zu geben. Geben Sie einen Namen ein und klicken Sie auf „Start Building“. Für dieses Tutorial habe ich einfach „WordPress-Popup-Formular“ eingegeben.

Sobald Sie Ihrer Kampagne einen Namen gegeben haben, gelangen Sie zum OptinMonster-Kampagnen-Generator, wo Ihre Vorlage bereits geladen ist.

Die Vorlage enthält eigene Anmeldefelder, aber wir werden diese durch unser WPForms-Formular ersetzen, damit wir die Integrationsmöglichkeiten und die Datensatzverwaltung von WPForms nutzen können.

Bearbeiten Sie zunächst den Text in der Kopfzeile des Popups. Klicken Sie darauf und geben Sie eine Nachricht ein, die den Besuchern erklärt, wozu das Formular dient. Löschen Sie anschließend die bereits vorhandenen Anmeldefelder aus der Vorlage. Bewegen Sie den Mauszeiger über jedes Feld und klicken Sie auf das Papierkorb-Symbol, um es zu entfernen.

Ziehen Sie nun den WPForms-Block per Drag & Drop in den Kampagnenbereich, direkt unter Ihren Kopfzeilentext. OptinMonster verfügt über eine native WPForms-Integration, was dies ganz einfach macht.

Klicken Sie auf den WPForms-Block, nachdem Sie ihn hinzugefügt haben. Öffnen Sie im linken Einstellungsbereich das Dropdown-Menü „Formularauswahl“ und wählen Sie das zuvor erstellte Formular aus.

Wahnsinn! Wir sind fast fertig mit der Erstellung eines WordPress-Popup-Formulars mit der ersten Methode. Jetzt müssen wir es nur noch veröffentlichen!

3. Vorschau und Veröffentlichung Ihres Popup-Formulars

Da OptinMonster Shortcodes verwendet, um mit WPForms erstellte Formulare einzubetten, können Sie nicht sofort eine Live-Vorschau Ihres Formulars innerhalb der Popup-Form-Kampagne sehen.

Sie können jedoch direkt vor der Veröffentlichung eine Vorschau anzeigen. Klicken Sie dazu oben in der Navigationsleiste auf die Schaltfläche„Veröffentlichen“.

Auf diesem Bildschirm befindet sich eine Schaltfläche „Vorschau“. Wenn Sie auf die Schaltfläche„Vorschau“klicken, gelangen Sie zum Frontend Ihrer Website, wo das Formular auf Ihrem Bildschirm angezeigt wird – genau so, wie es auch für Ihre Besucher erscheinen würde.

Jetzt wird OptinMonster Ihr WordPress-Popup-Formular beim Laden der Seite auslösen. So sieht es in unserem Beispiel aus:

In der Vorschau können Sie alles noch einmal überprüfen, bevor Sie die Kampagne veröffentlichen.

Wenn Sie mit dem Aussehen des Popup-Formulars zufrieden sind, klicken Sie unter„Veröffentlichungsstatus“ auf die Schaltfläche„Veröffentlichen“.

Ihre Kampagne ist jetzt live. Das Popup-Formular wird nun allen Nutzern angezeigt, die Ihre Website besuchen. Wenn Sie möchten, können Sie auch die Anzeigeregeln für Ihr WordPress-Popup-Formular ändern.

Gehen Sie zurück zuOptinMonster» Kampagnen. Suchen Sie die soeben erstellte Kampagne und bewegen Sie den Mauszeiger darüber. Klicken Sie anschließend auf dieOption „Ausgabeeinstellungen“.

Hier können Sie Regeln für die Sichtbarkeit festlegen: Zeigen Sie den Inhalt nur angemeldeten Benutzern, nur Besuchern oder beiden an. Sie können auch bestimmte Seiten ein- oder ausschließen.

Nachdem Sie die Anzeigeregeln nach Ihren Wünschen angepasst haben, klicken Sie unbedingt auf die grüne Schaltfläche„Änderungen speichern“auf der rechten Seite. Und das ist schon alles, was Sie tun müssen, um mit OptinMonster und WPForms eine WordPress-Popup-Formular-Kampagne zu erstellen!

Methode 2: Erstellen eines Popup-Formulars mit Popup Maker

Falls Sie lieber eine andere Lösung nutzen möchten, ist Popup Maker ebenfalls eine gute Alternative zu OptinMonster. Es handelt sich um ein WordPress-Popup-Plugin, das auf über 700.000 Websites eingesetzt wird und bei über 4.400 Bewertungen eine Bewertung von 4,9 Sternen erhalten hat.

Popup Maker bietet eine kostenlose Version und eine kostenpflichtige Pro-Version. Die kostenlose Version bietet Ihnen alles, was Sie für einfache Popup-Formulare benötigen: einen visuellen Popup-Editor, Auslöser wie Zeitverzögerung und „Klicken zum Öffnen“, Targeting auf Seitenebene sowie Cookie-Einstellungen.

Popup Maker Pro (99 $/Jahr) bietet Auslösebedingungen für den Verlass-Intent und die Scroll-Tiefe, Conversion-Analysen, erweiterte Targeting-Funktionen sowie Zeitplanungsoptionen. Bei keinem Tarif gibt es Traffic-Beschränkungen oder monatliche Gebühren.

Wenn Sie eine Lösung bevorzugen, bei der Sie ein Popup-Formular vollständig von Ihrem WordPress-Dashboard aus erstellen können, dann ist die nächste Methode für Sie geeignet.

1. Popup Maker installieren

Für dieses Tutorial reicht die kostenlose Version von Popup Maker völlig aus. Sie ist nicht so leistungsfähig wie das OptinMonster-Plugin, funktioniert aber genauso gut mit WPForms.

Genau wie zuvor werden wir das Formular verwenden, das wir zu Beginn mit WPForms erstellt haben, und es in Ihr Popup einbetten.

2. Ein Popup im Popup Maker erstellen

Rufen Sie das Popup Maker-Plugin auf, um Ihr Popup zu erstellen. Mit diesem kostenlosen WordPress-Plugin können Sie Popups ganz einfach von Grund auf erstellen.

Gehen Sie zu Ihrem WordPress-Dashboard und wählen Sie „Popup Maker“ » „Neues Popup hinzufügen“ – daraufhin wird der Bildschirm zur Bearbeitung des Popups angezeigt.

Auf diesem Bildschirm müssen Sie einen Namen für Ihr Popup eingeben. Sie können auch einen optionalen Anzeigetitel eingeben, wie wir es in diesem Beispiel getan haben.

Jetzt ist es an der Zeit, Ihr WPForms-Formular hinzuzufügen. Klicken Sie im Block-Editor auf die Schaltfläche „+“, um einen neuen Block hinzuzufügen, suchen Sie dann nach „WPForms“ und wählen Sie es aus. Wählen Sie das zuvor erstellte Formular aus der Dropdown-Liste aus.

Wenn der WPForms-Block nicht angezeigt wird, kannst du auch einen Kurzcode Kopieren Sie Ihren WPForms-Shortcode und fügen Sie ihn ein (z. B. ). Die Formular-ID finden Sie in WPForms " Alle Formulare.

Scrolle nun nach unten zum Feld „Popup-Einstellungen“ unterhalb des Editors. Hier kannst du Auslöser, Zielgruppen und Anzeigeoptionen konfigurieren.

Klicken Sie auf der Registerkarte „Trigger“ auf „Neuen Trigger hinzufügen “ und wählen Sie „Zeitverzögerung / Automatisches Öffnen“. Dadurch wird das Popup-Fenster angezeigt, sobald Besucher eine bestimmte Zeit lang auf der Seite geblieben sind.

Normalerweise stelle ich diesen Wert auf 5 Sekunden (5.000 Millisekunden) ein, damit die Besucher einen Moment Zeit haben, mit dem Lesen zu beginnen, bevor das Popup erscheint. Klicken Sie auf „Hinzufügen“, um den Auslöser zu speichern.

Jeder Trigger verfügt außerdem über eine Cookie-Einstellung, die steuert, wie oft das Popup erneut angezeigt wird. Das Standard-Cookie „On Popup Close“ verhindert, dass das Popup einen Monat lang erneut angezeigt wird, nachdem ein Besucher es geschlossen hat.

Auf der Registerkarte „Zielgruppen“ kannst du festlegen, auf welchen Seiten das Popup-Fenster angezeigt wird. Standardmäßig wird es nur auf deiner Startseite angezeigt. Du kannst Regeln hinzufügen, um das Popup-Fenster auf allen Seiten, bestimmten Beiträgen, Kategorien oder benutzerdefinierten Beitragstypen anzuzeigen.

Wählen Sie auf der Registerkarte „Anzeige“ ein Popup-Design aus, um das Erscheinungsbild Ihres Popups anzupassen. Popup Maker enthält mehrere integrierte Designs, oder Sie können unter „Popup Maker“ » „Popup-Designs“ eigene Designs erstellen.

3. Veröffentlichen und testen Sie Ihr Popup

Wenn Sie mit Ihren Popup-Einstellungen zufrieden sind, scrollen Sie auf der Seite nach oben und klicken Sie auf die Schaltfläche „Veröffentlichen“, um Ihr WordPress-Popup-Formular live zu schalten.

Und da haben Sie es! Sie können nun eine Vorschau Ihres WordPress-Popup-Formulars anzeigen, um sicherzustellen, dass es genau so aussieht, wie Sie es wünschen, und die Einstellungen entsprechend anpassen.

Um weitere Kontaktformular-Popups zu erstellen, können Sie diesen Vorgang wiederholen und die Einstellungen und Anzeigeregeln so anpassen, dass sie auf verschiedenen Beiträgen oder Seiten usw. erscheinen. Oder Sie können kreativ werden und eine Popup-WordPress-Umfrage erstellen.

Welches Plugin solltest du wählen?

Beide Plugins erfüllen ihren Zweck, sind jedoch für unterschiedliche Situationen konzipiert. Hier ist ein direkter Vergleich, der Ihnen bei der Entscheidung helfen soll:

Merkmal	OptinMonster	Popup-Macher
Plugin-Typ	WordPress-Plugin mit cloudbasiertem Builder	100 % WordPress-nativ
Kostenlose Version	3 Kampagnen, 500 Impressionen	Unbegrenzte Anzahl an Popups, keine Traffic-Beschränkungen
Kostenpflichtige Tarife	Ab 7 $/Monat (jährliche Abrechnung)	Pro 99 $/Jahr, Pro+ 249 $/Jahr
Formularintegration	Nativer WPForms-Block	WPForms-Block, Shortcode sowie über 15 Formular-Plugins
Kostenlose Trigger	Zeitverzögerung, Scrollen, Klicken	Zeitverzögerung, Klick, Formularübermittlung
Absicht zum Verlassen der Seite	Pro-Tarif (29 $/Monat)	Pro-Tarif (99 $/Jahr)
A/B-Tests	Plus-Tarif (19 $/Monat)	Nicht verfügbar
Analytik	In allen Tarifen enthalten	Pro-Tarif und höher
Datenspeicherung	Cloud (OptinMonster-Server)	Ihre WordPress-Datenbank
Aktive Installationen	1,000,000+	700,000+

Den meisten WordPress-Betreibern, die ihr erstes Popup-Formular erstellen, würde ich zunächst die kostenlose Version von Popup Maker empfehlen. Wenn Sie jedoch Exit-Intent-Popups oder A/B-Tests benötigen, ist OptinMonster hinsichtlich der erweiterten Funktionen die bessere Wahl.

Bewährte Verfahren für WordPress-Popup-Formulare

• Verfassen Sie eine klare Überschrift: Ihr Popup hat etwa zwei Sekunden Zeit, um seine Unterbrechung zu rechtfertigen. „Holen Sie sich unsere wöchentlichen WordPress-Tipps“ ist besser als „Abonnieren Sie unseren Newsletter“. Sagen Sie den Besuchern genau, was sie erwartet.
• Wähle den Zeitpunkt für deine Trigger sorgfältig aus: Zeige kein Popup an, sobald jemand auf deiner Seite landet. Eine Verzögerung von 5 bis 10 Sekunden oder ein Scroll-Trigger (nach 50 % der Seite) ermöglicht es den Besuchern, sich zunächst mit deinen Inhalten zu beschäftigen. Exit-Intent-Trigger funktionieren gut, da sie erst ausgelöst werden, wenn der Besucher die Seite bereits verlassen will.
• Halten Sie Formulare auf Mobilgeräten kurz: Über die Hälfte des Web-Traffics stammt von Smartphones und Tablets. Beschränken Sie Popup-Formulare auf maximal 2–3 Felder. Name und E-Mail-Adresse reichen oft schon aus. Sie können später jederzeit weitere Informationen über Folge-E-Mails oder ein ausführliches Formular auf einer speziellen Formularseite erfassen.
• Verwenden Sie Cookie-Regeln, um die Häufigkeit zu steuern: Nichts schreckt Besucher schneller ab, als bei jedem Besuch auf jeder Seite dasselbe Popup zu sehen. Sowohl mit OptinMonster als auch mit Popup Maker können Sie Cookie-Regeln festlegen, sodass ein Popup nur einmal pro Sitzung, einmal pro Woche oder einmalig angezeigt wird.
• Fügen Sie eine gut sichtbare Schaltfläche zum Schließen ein: Bieten Sie den Besuchern stets eine eindeutige Möglichkeit, das Popup zu schließen. Eine kontrastreiche X-Schaltfläche oder ein Link mit der Aufschrift „Nein, danke“ schafft Vertrauen. Eine Interaktion mit einer versteckten Schaltfläche zum Schließen zu erzwingen, schadet Ihrer Marke mehr, als dass es Ihren Konversionen nützt.

Häufig gestellte Fragen zu WordPress-Popup-Formularen

Hier finden Sie Antworten auf die häufigsten Fragen zur Erstellung von Popup-Formularen in WordPress.

Kann ich kostenlos ein WordPress-Popup-Formular erstellen?

Ja. Beide Methoden in dieser Anleitung funktionieren mit kostenlosen Tools. WPForms Lite ist kostenlos, OptinMonster bietet dir ein kostenloses Konto mit 3 Kampagnen und 500 Impressionen, und die kostenlose Version von Popup Maker umfasst unbegrenzte Popups ohne Traffic-Beschränkungen. Du kannst ein voll funktionsfähiges Popup-Formular erstellen, ohne etwas dafür auszugeben.

Wie kann ich in WordPress beim Klicken auf eine Schaltfläche ein Popup-Formular aufrufen?

Verwenden Sie in Popup Maker den Auslöser „Zum Öffnen anklicken“ (in der kostenlosen Version verfügbar). Fügen Sie eine CSS-Klasse hinzu (z. B. popmake-123(wobei 123 Ihre Popup-ID ist) zu einer beliebigen Schaltfläche oder einem Link hinzufügen; wenn man darauf klickt, wird das Popup geöffnet. In OptinMonster heißt die entsprechende Funktion „MonsterLinks“; dort erstellen Sie einen speziellen Link, der beim Anklicken eine bestimmte Kampagne öffnet.

Wie erstelle ich ein Popup-Formular in Elementor?

Elementor Pro verfügt über einen integrierten Popup-Generator. Sie können eine Popup-Vorlage erstellen, beliebige Formular-Widgets (einschließlich WPForms) hinzufügen und die Anzeigebedingungen sowie Auslöser direkt im Elementor-Editor festlegen. Wenn Sie die kostenlose Version von Elementor verwenden, benötigen Sie ein separates Popup-Plugin wie Popup Maker in Kombination mit Ihrem Formular-Generator.

Welches ist das beste WordPress-Popup-Plugin?

Das hängt von deinen Anforderungen und deinem Budget ab. Eine umfassende Übersicht findest du in unserem Leitfaden zu den besten WordPress-Popup-Plugins. OptinMonster und Popup Maker sind zwei der beliebtesten Optionen und diejenigen, mit denen ich dir den Einstieg empfehlen würde.

Als Nächstes: Steigern Sie Ihre Formular-Conversions

Da Sie nun wissen, wie man ein WordPress-Popup-Formular erstellt, möchten Sie vielleicht auch andere Möglichkeiten erkunden, um die Konversionsrate Ihrer Formulare zu verbessern. Werfen Sie einen Blick in unseren Leitfaden mit Beispielen für Lead-Generierungsformulare, um sich Anregungen für die Erstellung von Formularen zu holen, die tatsächlich zu Conversions führen.

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dir dieser Artikel weitergeholfen hat, folge uns bitte auf Facebook und X (ehemals Twitter), um weitere kostenlose WordPress-Tutorials und Anleitungen zu erhalten.