Wie man Popups in WordPress erstellt und hinzufügt

Widgets gehören zu den Top-10-Taktiken und Technologien, die die Effektivität des E-Mail-Marketings steigern. Es ist daher kein Wunder, dass Sie daran interessiert sind, wie man ein Pop-up in WordPress erstellt. Spoiler-Alarm: Es ist sehr einfach.

In diesem Leitfaden führen wir Sie Schritt für Schritt durch den Prozess der Erstellung von benutzerdefinierten Widgets in unserem Popup-Builder für WordPress und zeigen Ihnen genau, wie Sie ein Popup auf WordPress-Seiten hinzufügen. Wir teilen auch Tipps, die Ihnen helfen, Konversionen (Newsletter-Abonnements, Registrierungen, Verkäufe usw.) um 110% zu steigern, wie unsere Ergebnisse zeigen. Also, legen wir los!

Vorteile der Verwendung des WordPress Popup-Nachrichten-Plugins

Die Erstellung von Website-Abonnementformularen, Benachrichtigungen oder Verkaufsalarmen mit einem Popup-Formular-Plugin für WordPress bietet mehrere Vorteile, die die Benutzererfahrung, das Engagement und die Konversionsraten Ihrer Website verbessern können. Hier ist eine Aufschlüsselung der wichtigsten Vorteile.

Nativer Ansatz. Ein Kontaktformular-Plugin ist speziell für WP konzipiert und sorgt dafür, dass es sich nahtlos in die bestehende Struktur Ihrer WordPress-Website, das Theme und andere Plugins integriert. Außerdem kann es effektiv zusammen mit einem WP-Popup-Formular für verbesserte Funktionalität und Engagement verwendet werden. Diese native Kompatibilität reduziert das Risiko von Konflikten oder Problemen, die bei der Verwendung von Third-Party-Tools zum Hinzufügen von Pop-ups auftreten könnten.

Zentrale Verwaltung. Durch die Verwendung eines Popup-Plugins werden alle Funktionalitäten Ihrer Website, einschließlich Pop-ups, über das WordPress-Dashboard verwaltet. 

Reduzierte Ladezeiten. Ein Popup-Formular-Plugin, das für WordPress optimiert ist, beeinträchtigt die Leistung Ihrer Website weniger. 

Engagierter Support. WordPress-Plugins werden normalerweise mit einem Support-Team von den Entwicklern geliefert, und Sie können auch Unterstützung in der WP-Community finden. Dieser Support kann reaktionsschneller und sachkundiger in Bezug auf WordPress-spezifische Probleme sein.

Übrigens haben wir eine detaillierte Bewertung der besten WordPress-Popup-Plugins 2024. Der Artikel hilft Ihnen, die Vor- und Nachteile beliebter Popup-Formular-Plugins für WordPress zu navigieren.

Regelmäßige Updates. Popup-Maker-Plugins werden häufig aktualisiert, um die Kompatibilität mit der neuesten Version von WordPress zu gewährleisten und Ihnen laufende technische Verbesserungen und Sicherheitspatches zu bieten.

Wie man ein Popup-Formular in WordPress erstellt und hinzufügt (6 einfache Schritte mit Claspo)

Wenn Sie sich fragen, wie man eine Popup-Seite in WordPress ohne Kopfschmerzen und hohe Kosten erstellt, sind Sie hier genau richtig! Mit Claspo ist es super einfach und sogar unterhaltsam, ein Popup-Formular in WordPress zu erstellen und es in nur wenigen Klicks zu Ihrer Seite hinzuzufügen. 

Mit unseren einsatzbereiten Vorlagen und einem benutzerfreundlichen Drag-and-Drop-Editor können Sie ein Popup-Formular für WordPress in nur wenigen Klicks erstellen — Entwickler oder Designer sind nicht erforderlich. Egal, ob Sie ein Lead-Capture-Formular erstellen, eine Promotion anzeigen oder Ihre Newsletter-Liste erweitern möchten, Claspo macht es schnell und intuitiv. Tatsächlich können Sie Ihre WordPress-Popup-Formulare in weniger als fünf Minuten erstellen und aktivieren.

Wollen Sie den Beweis? Lassen Sie uns ein WordPress-Popup-Formular in wenigen Schritten erstellen. 

Schritt 1: Wählen Sie eine Vorlage — Sparen Sie Zeit und Budget

Unsere Bibliothek enthält mehr als 1000 einsatzbereite Widget-Vorlagen für verschiedene Aufgaben — von einfachen Tools hin zu fortgeschrittenen WordPress-Popup-Formular-Layouts mit aufmerksamkeitsstarken Buttons, einschließlich Anwendungsfällen, die durch WordPress-Button-Klick-Aktionen ausgelöst werden. Zu Ihrem Komfort haben wir sie in 36 Anwendungsfälle unterteilt. Darüber hinaus können Sie die Designs nach Layout, Branche und Thema filtern. So finden Sie schnell das beste Popup für WordPress basierend auf Ihren spezifischen Zielen und können die Vorlage mit unserem WordPress-Popup-Maker anpassen.

Das Anpassen einer einsatzbereiten Vorlage spart Ihnen Geld bei der Designerarbeit, wenn Sie ein Newsletter WordPress-Popup erstellen. Die Platzierung der Formularfelder und Elemente, deren Anzahl, Größe und Schriftarten — alles ist voreingestellt, um die besten Ergebnisse aus Ihrer Nachricht zu erzielen. Brauchen Sie Inspirationen oder Ideen für Ihre WordPress-Popups? Sehen Sie sich diese Beispiele für ansprechendes Copywriting an.

Schritt 2: Passen Sie jedes Widget-Detail an

Als nächstes erkunden wir, wie Sie eine Popup-Seite in WordPress erstellen, indem Sie verschiedene Elemente der Widget-Vorlage ändern. Mit fortschrittlichen Tools ist es ein Kinderspiel, ein großartiges benutzerdefiniertes Popup-Kontaktformular zu erstellen — selbst wenn Sie eine kostenlose WordPress-Popup-Lösung wie Claspo verwenden.

Farben und Stil auswählen

Gemäß einer Studie stehen Nutzer Popups, die sich visuell an das Gesamtdesign der Seite anpassen, positiver gegenüber. Einige der Hauptfarbschemata unserer Vorlagen können direkt von Anfang an angepasst werden, noch bevor Sie in den Editor gehen, um ein Popup zu erstellen. 

Im Claspo-Editor können Sie jedoch leicht Farbe und Stil von:

• CTA-Buttons,
• Überschriften,
• Fließtext,
• Schließen-Symbol,
• Hintergrund, und so weiter anpassen.

Beachten Sie auch die Auswahlschaltflächen, die es Ihnen ermöglichen, eine primäre Segmentierung der Abonnenten direkt in einem Popup-Fenster in WordPress durchzuführen. In unserem Beispiel werden den Nutzern zwei Optionen für den Erhalt personalisierter E-Mail-Inhalte angeboten. Sie können dafür auch das Kontrollkästchen oder die Dropdown-Liste verwenden.

Unsere Newsletter-Anmeldetemplates verfügen auch über zusätzliche Bildschirme, die den Anmeldestatus anzeigen: Erfolg, Bereits abonniert, und Fehler. Dies ist der erste Punkt der direkten Kommunikation mit Ihrem Abonnenten, der etwaige Zweifel am Erfolg der Aktion ausräumt. Unser WordPress-Popup-Builder ermöglicht es Ihnen, diese schnell anzupassen.

Bilder zu einem Popup für WordPress hinzufügen

Fragen Sie sich, wie Sie ein Popup-Fenster in WordPress erstellen, das die Aufmerksamkeit der Besucher erregt? Fügen Sie ein Bild hinzu. 40% der Verbraucher schätzen Bilder am meisten in einem Webdesign. Im Claspo-Builder können Sie Mediendateien in diesen Formaten hinzufügen:

• PNG
• JPEG
• SVG
• GIF
• WebP
• AVIF

Haben Sie kein Bild? Kein Problem. Wir haben einen Bestand an Bildern und Icons, die im Editor integriert sind. Finden Sie das Passende einfach, indem Sie ein Schlüsselwort in das Suchfeld eingeben.

Ein weiteres interessantes Element für Popup-Design, das Sie in unserem Editor finden können, sind schwebende Bilder. Mit dieser Funktion können Sie ein Bild überall im Widget platzieren, z.B. auf der linken Seite, am unteren Rand, in der oberen rechten Ecke usw. Auf diese Weise können Sie ein benutzerdefiniertes Popup in WordPress mit einzigartigen Formen und einem dreidimensionaleren Erscheinungsbild erstellen.

Genießen Sie den WordPress Popup Video Player

Möchten Sie wissen, wie Sie eine Popup-Seite in WordPress erstellen, die Videos abspielt? Mit Claspo können Sie das in ein paar Klicks tun. Fügen Sie einfach einen Link zu einem YouTube-Video hinzu, und es erscheint im Popup.

Für die Videowiedergabe können Sie zwischen benutzerinitiiertem Abspielen (Benutzer klickt) oder Autoplay wählen.

Wichtiger Hinweis: Autoplay wird das Video standardmäßig stumm schalten, aufgrund von Browserbeschränkungen für das automatische Abspielen von Ton. Benutzer können das Video jederzeit wieder einschalten.

Schalten Sie Mehrsprachigkeit ein: Sprechen Sie die Sprache Ihrer Kunden

Betreiben Sie ein globales Geschäft oder in einem Land mit mehreren Amtssprachen und fragen sich, wie Sie ein Popup-Formular in WordPress hinzufügen, das Mehrsprachigkeit unterstützt? Claspo hat eine Lösung für Sie. Mit unserer mehrsprachigen Funktion passt sich die Widget-Sprache automatisch den Browsern Ihrer Besucher oder der vorher ausgewählten Website-Sprache an, um eine nahtlose Benutzererfahrung über die Regionen hinweg zu gewährleisten. 

Es ist nicht notwendig, ein Popup in WordPress in mehreren Versionen zu erstellen; fügen Sie einfach eine weitere Sprache direkt im Editor hinzu. Unser Popup-Ersteller übersetzt Ihren Text automatisch in die Sprache der hinzugefügten Version, sodass Sie nur ein paar Anpassungen vornehmen müssen.

Verwenden Sie Hochkonvertierende Elemente

Möchten Sie Ihre Konversionsrate steigern? Ein WordPress-Modul-Plugin ermöglicht es Ihnen, Popups mit wirkungsvollen Elementen und intelligenten Feldern zu erstellen, die Benutzer zur Handlung bewegen. Hier sind einige der effektivsten Komponenten, die Sie einbeziehen sollten.

Relativer Countdown-Timer

Steigern Sie die Konversionen von WordPress-Popup-Fenstern mit FOMO: Erzeugen Sie ein Gefühl der Dringlichkeit mit unseren personalisierten Countdown-Timern, die für jeden Besucher individuell starten. Dies stellt sicher, dass jeder eine faire Chance auf Ihr Angebot erhält und maximiert Reichweite und Konversionen. Sobald der relative Countdown-Timer eines Benutzers abläuft, verschwindet das Angebot nur für ihn, aber andere Website-Besucher können weiterhin die Popup-Widget-WordPress-Nachricht auf Ihrer Seite sehen.

Eingebetteter Promo-Code

Fügen Sie einen Promo-Code in ein WordPress-E-Mail-Pop-up ein, um Website-Besucher in Abonnenten und Käufer zu verwandeln. Kunden können den Promo-Code direkt aus dem Widget kopieren und beim Checkout anwenden. Zum Beispiel können Sie den Besuchern einen einmaligen Promo-Code anbieten und sie einladen, sich zu abonnieren, um danach personalisierte Angebote und Rabatte zu erhalten. Ziehen Sie Benutzer mit einem Promotion-Code für einen Rabatt oder kostenlosen Versand an. Übrigens, laut Forschung halten 81% der Verbraucher kostenlosen Versand für die attraktivste Promotion.

Slider-Widget

Ein Slider ist eine Art von Pop-up mit mehreren durch blätterbaren Anzeigen. Präsentieren Sie alles, was Sie benötigen, in einem einzigen Fenster, anstatt Ihre Benutzer mit mehreren Pop-ups zu belästigen. Verwenden Sie den Slider, um:

• Unbegrenzte Bilder oder Videos in einem Pop-up hinzuzufügen.
• Mehrere Angebote oder Produkte zu bewerben.
• Verschiedene Verwendungszwecke eines einzelnen Artikels zu zeigen.
• Neue Funktionen und mehr zu demonstrieren.

Exit-Intent-Umfrage 

Eine der häufigsten Methoden zur Sammlung von Abonnements ist ein WordPress-Exit-Popup, bei dem einem Besucher, der die Seite verlässt, Rabatte, Geschenke oder andere Boni angeboten werden, um ihn zu motivieren, die gewünschte Aktion auszuführen, in diesem Fall das Abonnieren. 

Wir bieten auch eine Exit-Intent-Umfrage an.

Mit einer WordPress-Plugin-Popup-Nachricht können Sie herausfinden, warum Benutzer Ihre Website verlassen, und wertvolle Erkenntnisse gewinnen, um Ihre Website und Angebote zu verbessern.

Sie können sowohl geschlossene als auch offene Fragen hinzufügen. Verwenden Sie Felder wie Optionsfelder, Kontrollkästchen und Dropdown-Listen für geschlossene Fragen. Für offene Fragen fügen Sie ein Texteingabefeld hinzu.

Launcher zur Starten des Pop-ups 

Es gibt das Gerücht, dass Pop-ups sehr störend sind, aber das Gleiche gilt für jeden Marketingkanal, der gedankenlos genutzt wird. Wenn Sie ein Popup auf Ihrer WordPress-Website einrichten, sollten Sie einen Launcher zu Ihrer gewählten Vorlage hinzufügen. Dies ist ein Symbol oder eine Schaltfläche, die der Benutzer anklicken kann, um das Widget zu öffnen. Da der Launcher klein ist, nimmt er nur minimalen Bildschirmplatz ein, ohne Inhalte zu blockieren oder den Benutzer zu stören. Er kann jedoch ein kurzes, prägnantes Angebot enthalten, das Besucher neugierig macht und sie dazu motiviert, das vollständige WordPress-Kontaktformular-Popup oder ein anderes Widget zu öffnen.

Sie können einen Launcher aus unseren Vorlagen auswählen und seinen Inhalt und das Design an Ihr Widget anpassen. Verbinden Sie ihn anschließend mit dem gewünschten Popup.

Beim Bearbeiten eines Widgets können Sie schnell zwischen Desktop- und Mobilmodus wechseln und anpassen, wie der Inhalt auf verschiedenen Displays angezeigt wird. Im letzten Schritt der Popup-Bearbeitung klicken Sie auf die Live-Vorschau-Schaltfläche, um sicherzustellen, dass alles perfekt aussieht.

Schritt 3: Anzeigevorschriften und Zielgruppen anpassen

Ein weiterer wichtiger Schritt bei der Erstellung Ihres WordPress-Popups ist das Festlegen benutzerfreundlicher Widget-Anzeigevorschriften (oder Trigger). Sie können sie für den Launcher einrichten oder, falls Sie ihn nicht verwenden, direkt für Ihr Popup.

Claspo-Widgets haben vordefinierte Anzeigevorschriften, wie die Zeit und Häufigkeit des Widget-Erscheinens, sodass Sie sicher sein können, dass sie nicht aufdringlich sind. Sie können jedoch Trigger basierend auf dem Verhalten Ihrer Besucher anpassen und das Widget so einrichten, dass es nur aktiviert wird, wenn alle festgelegten Bedingungen erfüllt sind.

Beispielsweise können Sie das Popup so einrichten, dass es nur neuen Benutzern angezeigt wird, die noch nicht abonniert haben. Dies stellt sicher, dass Personen auf Ihrer Mailing-Liste das Angebot nicht sehen. Darüber hinaus können Sie das Widget so konfigurieren, dass es nicht mehr angezeigt wird, wenn der Benutzer es ein- oder mehrmals schließt, um die Benutzererfahrung für diejenigen zu verbessern, die noch nicht abonniert haben.

Einzigartige Funktionen von Claspo für unaufdringliche Darstellung

Sie möchten Ihre Besucher nicht mit zu vielen Popups in WordPress ablenken. Zu diesem Zweck haben wir vordefinierte Regeln für die Darstellung von Widgets.

Stilleintervall.

Setzen Sie eine Pufferzeit zwischen den Widget-Anzeigen, um Besucher nicht zu überfordern. Das standardmäßige 3-Minuten-Intervall sorgt für ein reibungsloses Surferlebnis, kann jedoch leicht angepasst werden. In den Popup-Einstellungen können Sie diese Bedingung basierend auf der durchschnittlichen Verweildauer der Besucher auf Ihrer Seite oder bestimmten Seiten anpassen.

Überlappungsschutz. Konzentrieren Sie sich auf die Erstellung großartiger Inhalte und nicht auf das Verwalten von Widget-Anzeigeregeln. Claspo verhindert automatisch, dass Popups auf den Bildschirmen der Besucher kollidieren, selbst bei doppelten Anzeigeregeln.

Zielgruppenoptionen

Sie können die Erfahrungen der Besucher personalisieren, indem Sie bestimmte Segmente ansprechen. Claspo bietet mehrere Ansätze hierfür.

Identifizierung neuer Besucher. Claspo ermöglicht es Ihnen, ein Popup zu WordPress hinzuzufügen und es ausschließlich neuen Besuchern anzuzeigen.

Geotargeting. Passen Sie Widgets auf bestimmte Zielgruppen an, von ganzen Ländern bis hin zu Regionen und Städten. 

UTM-Targeting. Wenn Sie UTM-Tags in verschiedenen Kampagnen und Werbebotschaften verwenden, fügen Sie diese beim Einrichten des Widgets hinzu. Dann wird es nur für die Besucher angezeigt, die von einer bestimmten Traffic-Quelle auf die Website gekommen sind.

Gerätetyp. Geben Sie an, auf welchen Geräten das Popup angezeigt werden soll: Desktop, Mobil oder beides. Die letzte Option ist standardmäßig eingestellt.

Schritt 4: Integrieren Sie das Claspo-Plugin mit Ihrer Marketing-Software

Daten, die durch ein Kontaktformular in einem Popup in WordPress erfasst werden, sollten zur weiteren Nutzung für Marketingzwecke, wie Segmentierung, Versand von ausgelösten E-Mail-Benachrichtigungen oder Nachrichten, usw. in die Kontaktdatenbank übertragen werden. Claspo integriert sich nahtlos mit vielen beliebten ESPs, CDPs und CRMs — wählen Sie einfach den benötigten Dienst aus der Dropdown-Liste aus und integrieren Sie schnell.

Die Integration von Claspo mit jedem von Ihnen verwendeten Marketing-System über Zapier ist ebenso einfach.

Schritt 5: Einfach Claspo mit WordPress integrieren

Also, Sie haben ein schönes Widget erstellt. Nun ist es Zeit zu lernen, wie man ein Pop-up-Formular in WordPress hinzufügt, und es ist einfacher, als Sie denken.

Der einfachste Weg ist die Verwendung des Claspo WordPress-Plugins, das das Skript automatisch auf allen Seiten Ihrer Website installiert. Folgen Sie einfach diesen schnellen Schritten:

1. Während der Onboarding-Phase, wenn Sie bereit sind, das Widget zu veröffentlichen, wählen Sie Installieren über WordPress im Fenster Bevor Sie das Widget veröffentlichen.

Diesen Schritt übersprungen? Kein Problem. Gehen Sie einfach zu Skript → Skript installieren in Ihrem Claspo-Konto, scrollen Sie zu WordPress und klicken Sie auf Installieren.

2. Klicken Sie im Slide-In-Fenster auf ID kopieren, um Ihre eindeutige Skript-ID zu speichern; Sie werden sie in einer Minute benötigen. Danach klicken Sie auf Zu WordPress gehen, um zur Plugin-Seite zu gelangen.

3. Jetzt müssen Sie die Claspo-Plugin-Datei herunterladen.

4. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins → Plugin hochladen und laden Sie die gerade heruntergeladene Datei hoch.

Sie können sie per Drag-and-Drop in den hervorgehobenen Bereich ziehen oder manuell auswählen und auf Öffnen klicken.

5. Nach der Installation erscheint Claspo im Menü auf der linken Seite.

6. Klicken Sie auf Claspo, fügen Sie die vorher kopierte Skript-ID in das Feld Skript-ID eingeben ein und klicken Sie auf Verbinden.

7. Das war's! Das Claspo-Skript ist nun auf allen Seiten Ihrer Website aktiv.

Möchten Sie es nochmals überprüfen? Gehen Sie zurück zum Fenster Installation des Skripts über WordPress in Ihrem Claspo-Konto und klicken Sie auf Prüfen, um zu bestätigen, dass alles funktioniert.

Das Skript wird automatisch auf allen Seiten Ihrer Website hinzugefügt. So einfach ist das!

Schritt 6: Testen & Veröffentlichen des Formulars

Sobald Sie das Skript erfolgreich installiert haben, das ein Popup zu WordPress hinzufügt, können Sie den Testmodus verwenden, um zu sehen, wie das Widget auf Ihrer Seite funktioniert. In diesem Fall werden nur Sie es sehen. Wenn Sie mit dem Ergebnis vollkommen zufrieden sind und sichergestellt haben, dass es auf verschiedenen Geräten und in verschiedenen Browsern korrekt angezeigt wird, veröffentlichen Sie das Anmeldeformular als Popup. Dann genießen Sie die Steigerung der Konversionen, die eine Popup-Kampagne mit sich bringen wird. 

Die Herausforderungen eines WP-Popups mühelos überwinden

Das Erstellen und Integrieren verschiedener Popups ist oft eine Herausforderung für Site-Betreiber, die auf WordPress basieren, und für E-Mail-Marketer. Zu diesen Herausforderungen gehören die Aufrechterhaltung der visuellen Attraktivität, das Engagement der Nutzer ohne aufdringlich zu wirken, das Ausführen von WordPress-Modalen für die Anmeldung, ohne die Hauptkonversion zu stören, der Umgang mit multilingualen Zielgruppen und mehr. Wir bieten die besten Lösungen für all diese Probleme. Darüber hinaus haben alle unsere Nutzer Zugang zu fortgeschrittenen Funktionen, wie dem integrierten A/B-Testing. Damit können Sie mit Parametern experimentieren wie: Platzierung (auf der gesamten Website oder einer bestimmten Seite), CTA, Textgestaltung, Elementdesign, Trigger (Zeitverzögerung, Exit-Intent, Klick-Trigger, etc.) und so weiter.

Die Erstellung atemberaubender Pop-ups, die zum Branding Ihrer Website passen, dauert nur sechs Schritte und wenige Minuten. Probieren Sie noch heute Claspo aus und erfahren Sie, wie das Erstellen und Verwalten von Popups in WordPress noch nie einfacher und effizienter war. Vor allem, da unsere lebenslange kostenlose Version Ihrer Kreativität keine Grenzen setzt, sondern vielmehr blitzschnellen Erfolg anregt. Alle Vorlagen und erweiterten Funktionen, wie A/B-Tests oder Gamification, die in anderen Diensten nur in der Premiumversion verfügbar sind, stehen Nutzern unseres kostenlosen Plans offen. Wählen Sie also eine Popup-Vorlage aus und erstellen Sie Ihr Popup ganz einfach!