Möchten Sie ein Popup-Registrierungsformular auf Ihrer WordPress-Website erstellen?
Ein Popup-Registrierungsformular ist eine der besten Möglichkeiten, Ihre Besucher zur Registrierung auf Ihrer Website zu verleiten. Auf diese Weise können Sie sie bitten, die Registrierung auf derselben Seite abzuschließen, auf der sie sich befinden, ohne zu einer anderen Seite navigieren zu müssen.
Aber wie erstellt man ein Popup-Registrierungsformular ohne Programmier- oder Designkenntnisse?
Heute zeigen wir Ihnen, wie Sie mit zwei leistungsstarken Tools ganz einfach ein Popup-Registrierungsformular erstellen:
- WPForms
- OptinMonster
Schauen wir uns zunächst an, was ein Popup-Registrierungsformular ist und warum Sie eines auf Ihrer WordPress-Site benötigen.
Was ist ein Popup-Registrierungsformular?
Über ein Registrierungsformular müssen Besucher Ihrer Website ein Profil mit ihrem Benutzernamen, ihrer E-Mail-Adresse und ihrem Passwort erstellen, um auf bestimmte Teile Ihrer Website zugreifen zu können.
Nun gibt es einige Gründe, warum Sie möglicherweise ein Registrierungsformular zu Ihrer WordPress-Site hinzufügen müssen.
Ermöglichen Sie den Menschen:
- Erstellen Sie Profile für einen E-Commerce-Shop
- Melden Sie sich für einen Online-Kurs an
- Treten Sie einer Mitgliederseite bei
Leider ist der Registrierungsprozess auf den meisten Websites nicht immer einfach.
Vielleicht ist es langsam oder verwirrend. Und wenn Leute nicht weiterkommen, verlassen sie Ihre Website. Ganz zu schweigen davon, dass ein schlecht gestalteter Registrierungsprozess Ihnen Einnahmen kostet.
Andererseits zeichnet eine positive User Experience Ihr Unternehmen aus.
Hier kommt ein Popup-Registrierungsformular ins Spiel.
Ein Popup-Registrierungsformular ermöglicht es Ihren Website-Besuchern, sich schnell auf Ihrer Website zu registrieren, ohne ihr Surfverhalten zu unterbrechen.
Dies ist für Ihre Website-Besucher die einfachste Möglichkeit, sich auf Ihrer WordPress-Site zu registrieren oder anzumelden.
Heute erstellen wir dieses Popup-Registrierungsformular:
So erstellen Sie ein Popup-Registrierungsformular in WordPress
Im heutigen Tutorial erstellen wir mit WPForms und OptinMonster ein Popup-Registrierungsformular in WordPress.
- WPForms ist das beste Formular-Plugin für WordPress. Mit WPForms können Sie Ihrer Website voll funktionsfähige Formulare hinzufügen, ohne Code schreiben zu müssen. Und Sie können aus rund 100 Vorlagen wählen.
- OptinMonster ist der beste Popup-Builder für WordPress. Mit der Drag-and-Build-Funktion von OptinMonster können Sie das Registrierungsformular ganz einfach in das Popup einbetten.
Im Folgenden gehen wir alle Schritte durch, die Sie zum Einrichten Ihres Popup-Anmeldeformulars benötigen.
Erstellen Sie ein Registrierungsformular mit WPForms
Bevor Sie beginnen, müssen Sie das WPForms-Plugin installieren und aktivieren.
In diesem Artikel finden Sie eine Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Sobald Sie das Plugin aktiviert haben, klicken Sie auf WPForms » Plugins.
Auf dem nächsten Bildschirm sehen Sie die verfügbaren Plugins.
Suche Benutzerregistrierungsformular.
Klicken PIugin installieren.
Die Benutzerregistrierungsvorlage enthält alle Felder, die Sie für ein Popup-Registrierungsformular benötigen:
- Nutzername
- Passwort
- Kurze Biographie
Dann klick WPForms » Neu hinzufügen.
Sie befinden sich nun im Formularersteller.
Suchen und wählen Sie die aus Benutzerregistrierungsformular Vorlage.
Jetzt können Sie Ihr Formular anpassen, indem Sie auf der linken Seite des Bildschirms Felder hinzufügen.
Klicken Sie dann auf Passwort Feld auf dem Formular. Auch hier sehen Sie die Feldoptionen auf der linken Seite.
Fügen Sie den folgenden Code in das Beschreibungsfeld des ein Passwort Feld:
Jetzt können Sie Optionen wie das Vergessen des Benutzerpassworts oder die Anmeldung anzeigen, wenn der Besucher bereits ein Konto hat.
Klicken Sie danach Speichern oben im Editor.
Dann auswählen Einbetten.
Kopieren Sie den Code. Wir benötigen diesen Code, wenn wir im nächsten Schritt unser Popup einrichten.
Als nächstes ist es an der Zeit, zu OptinMonster zu gehen, um Ihr Popup-Anmeldeformular zu erstellen und anzuzeigen.
Erstellen Sie Ihr Popup-Registrierungsformular
Jetzt erstellen wir unser Popup-Registrierungsformular in OptinMonster.
Schritt 1: Erstellen Sie eine Popup-Kampagne
Gehen Sie zunächst zu Ihrem OptinMonster-Dashboard.
Klicken Neue Kampagne erstellen.
Wählen Auftauchen.
OptinMonster bietet über 50 Vorlagen zur Auswahl.
Mit Vorlagen können Sie viele verschiedene Arten von Kampagnen erstellen, z. B. Folgendes anbieten:
- Inhaltsaktualisierungen für Benutzer basierend auf den Artikeln, die sie lesen.
- Rabatte für Online-Käufer für die Produkte, die sie suchen
Alle vorgefertigten Kampagnen von OptinMonster funktionieren nahtlos auf Desktops, Mobilgeräten und Tablets.
Heute gehen wir mit Leinwand.
Mit Canvas können Sie Ihre eigene Kampagne von Grund auf erstellen.
Geben Sie Ihrer Kampagne einen Namen und weisen Sie ihn Ihrer WordPress-Site zu.
Klicken Beginnen Sie mit dem Bau um Ihr Popup zu bearbeiten.
Schritt 2: Entwerfen Sie Ihr Popup-Registrierungsformular
Sie befinden sich nun im Kampagneneditor.
Das Anpassen Ihres Popups auf OptinMonster ist einfach.
Auf der linken Seite sehen Sie alle Werkzeuge und Bearbeitungsblöcke.
Um ein Element zu löschen, klicken Sie einfach darauf und wählen Sie Löschen.
Entfernen wir auch den Rest des Textes aus unserem Formular.
Zu diesem Zeitpunkt haben Sie eine völlig leere Leinwand.
Jetzt fügen wir unseren WPForms-Einbettungscode hinzu.
Wählen Blöcke.
Ziehen Sie nun die HTML Blockieren Sie Ihr Formular.
Geben Sie im Menü auf der linken Seite Ihren Shortcode ein.
Der OptinMonster-Editor zeigt nun diesen Shortcode an, aber sobald Ihre Kampagne live geht, wird das Formular angezeigt.
Als Nächstes fügen wir unserem Formular eine Kopfzeile hinzu.
Klicken Blöcke hinzufügen vom oberen Rand Ihres Editors aus.
Ziehen Sie den Textblock einfach per Drag & Drop auf Ihr Formular.
Jetzt können Sie Ihrem Formular eine Kopie hinzufügen. Klicken Sie einfach auf Ihren Text, um die Kopie im Builder zu bearbeiten.
Klicken Sie anschließend auf den Shortcode. Dadurch wird die gezogen HTML-Element bearbeiten Werkzeuge auf der linken Seite.
Wählen Block.
Stellen Sie den Abstand auf die folgenden Werte ein. Dadurch werden Ihre Formularfelder zentriert.
Als Nächstes entwerfen wir unser Popup-Registrierungsformular.
Schritt 3: Fügen Sie CSS zu Ihrem Anmeldeformular hinzu
Fügen wir nun benutzerdefiniertes CSS zu Ihrem Registrierungsformular hinzu.
Wenn Sie neu bei CSS sind, machen Sie sich keine Sorgen. Sie müssen lediglich ein paar Codezeilen kopieren und in Ihren Kampagneneditor einfügen.
Gehe zu Heim Panel und klicken Sie Bildschirmeinstellungen.
Kopieren Sie das folgende CSS:
Fügen Sie es in das Feldfeld ein.
Schritt 4: Zeigen Sie Ihr Registrierungsformular-Popup an
Heute verwenden wir einen der leistungsstärksten Kampagnenaktivatoren von OptinMonster, Monsterlinks™.
Lead Guru konvertierte 81 % seiner Website-Besucher mithilfe von MonsterLinks.
Gehe zu Anzeigeregeln.
Suchen und auswählen Monsterlinks™ (auf Klick).
Dann klick Kopieren Sie den Monsterlinks-Code. Sie können diesen Code an einer beliebigen Stelle auf Ihrer WordPress-Site platzieren, um einen anklickbaren Registrierungslink hinzuzufügen.
Endlich ist es Zeit, Ihre Kampagne zu veröffentlichen.
Wählen Post vom oberen Rand Ihres Editors aus.
Stellen Sie auf dem Veröffentlichungsbildschirm sicher, dass der Kampagnenstatus lautet Live.
Stellen Sie auf dem nächsten Bildschirm sicher, dass Ihr Kampagnenstatus lautet Live.
Jetzt müssen Sie nur noch Ihr Popup-Formular zu Ihrer WordPress-Site hinzufügen.
Schritt 3 – Benutzerregistrierungsformular zu WordPress hinzufügen
Gehen Sie zu Ihrem WordPress-Dashboard.
Klicken OptinMonster von WordPress.
Möglicherweise müssen Sie Ihre Kampagnen aktualisieren, wenn Ihre Kampagne hier nicht angezeigt wird.
Sobald Sie Ihre Kampagne sehen, klicken Sie auf Ausgabeeinstellungen bearbeiten.
Klicken Sie unter „Wer soll diese Kampagne sehen“ auf Zeigen Sie die Kampagne allen Besuchern und Benutzern.
Fügen Sie abschließend Ihren Monsterlinks-Link zu Ihrer Website hinzu.
Sie erstellen nun einen anklickbaren Registrierungslink, den Sie an einer beliebigen Stelle auf Ihrer Website platzieren können.
Jetzt sehen Ihre Website-Besucher dieses Popup, wenn sie auf den Registrierungslink klicken:
Das ist alles.
Jetzt haben Sie einen supereinfachen Registrierungsprozess auf Ihrer WordPress-Site eingerichtet.
Nachdem Sie nun wissen, wie Sie Popups verwenden, um die Benutzerregistrierung zu vereinfachen, möchten Sie vielleicht auch sehen, wie Sie damit die Zahl Ihrer E-Mail-Abonnenten erhöhen können.
In diesen Artikeln finden Sie Techniken, mit denen Sie mehr Abonnenten zu Ihrer Mailingliste hinzufügen können:
Sind Sie bereit, Popups zu nutzen, um Ihr Geschäft auszubauen? Holen Sie sich OptinMonster noch heute.
