{"id":19669,"date":"2020-06-01T03:38:09","date_gmt":"2020-06-01T03:38:09","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-einen-wordpress-anmelde-popup-modus-schritt-fur-schritt\/"},"modified":"2020-06-01T03:38:09","modified_gmt":"2020-06-01T03:38:09","slug":"so-erstellen-sie-einen-wordpress-anmelde-popup-modus-schritt-fur-schritt","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-einen-wordpress-anmelde-popup-modus-schritt-fur-schritt\/","title":{"rendered":"So erstellen Sie einen WordPress-Anmelde-Popup-Modus (Schritt f\u00fcr Schritt)"},"content":{"rendered":"

M\u00f6chten Sie Ihrer Site ein WordPress-Login-Popup hinzuf\u00fcgen? Ein modales Anmelde-Popup erm\u00f6glicht es Ihren Benutzern, sich schnell bei Ihrer Website anzumelden, ohne die angezeigte Seite zu verlassen. Dies verbessert die Benutzererfahrung und das Engagement auf Ihrer Website. In diesem Artikel zeigen wir Ihnen Schritt f\u00fcr Schritt, wie Sie auf einfache Weise ein WordPress-Anmelde-Popup-Modal erstellen.<\/p>\n

\"<\/p>\n

Warum einen WordPress-Anmelde-Popup-Modus erstellen?<\/h4>\n

Wenn Sie einen Online-Shop oder eine Mitgliedschaftswebsite betreiben oder Kurse online verkaufen, k\u00f6nnen sich Benutzer wahrscheinlich registrieren und auf Ihrer Website anmelden.<\/p>\n

Wenn Benutzer auf den Anmeldelink klicken, werden sie normalerweise zur Standard-WordPress-Anmeldeseite oder zu einer anderen benutzerdefinierten Anmeldeseite auf ihrer Website weitergeleitet. Sobald sich Benutzer angemeldet haben, werden sie erneut auf eine andere Seite umgeleitet.<\/p>\n

\u00dcber ein modales Anmelde-Popup k\u00f6nnen Sie das Anmeldeformular anzeigen, ohne Benutzer auf eine andere Seite zu senden. Sobald Sie angemeldet sind, k\u00f6nnen Sie Benutzer auf die gew\u00fcnschte Seite umleiten. <\/p>\n

Ein modales Anmelde-Popup ist schneller und verbessert die Benutzererfahrung auf Ihrer Website. Eine schnellere und reibungslosere Benutzererfahrung kann Ihre Verk\u00e4ufe und Conversions steigern. <\/p>\n

Lassen Sie uns einen Blick darauf werfen, wie Sie auf einfache Weise ein modales Anmelde-Popup in WordPress erstellen. Wir zeigen Ihnen zwei M\u00f6glichkeiten, und Sie k\u00f6nnen die ausw\u00e4hlen, die Ihren Anforderungen am besten entspricht. <\/p>\n

Methode 1. Erstellen Sie ein modales Anmelde-Popup mit der CSH-Anmeldung<\/h4>\n

Diese Methode ist einfacher und wird f\u00fcr die meisten Benutzer empfohlen.<\/p>\n

Als erstes m\u00fcssen Sie das CSH-Login-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-f\u00fcr-Schritt-Anleitung zum Installieren eines WordPress-Plugins.<\/p>\n

Nach der Aktivierung m\u00fcssen Sie zu gehen Modaler Login<\/strong> Seite in Ihrem WordPress-Administrationsbereich und w\u00e4hlen Sie einen Typ f\u00fcr das modale Anmeldeformular. <\/p>\n

\"W\u00e4hlen<\/p>\n

Nachdem Sie den modalen Anmeldefeldtyp ausgew\u00e4hlt haben, k\u00f6nnen Sie nach unten scrollen und Anmelde- \/ Abmeldeumleitungen f\u00fcr das Formular verwalten. Sie k\u00f6nnen Benutzern auch erlauben, ihre eigenen Passw\u00f6rter zu generieren.<\/p>\n

\"Anmeldetyp<\/p>\n

Dann m\u00fcssen Sie nach unten scrollen Stile<\/strong> Abschnitt und w\u00e4hlen Sie Layout, Beschriftungen, Hintergrundfarbe, Schaltfl\u00e4chenfarbe, Linkfarbe und mehr.<\/p>\n

\"Gestalten<\/p>\n

Sie k\u00f6nnen auch Registrierungs-E-Mail, E-Mail-Betreff, Google reCaptcha und mehr hinzuf\u00fcgen. Mit diesem Plugin k\u00f6nnen Sie auch soziale Anmeldungen wie hinzuf\u00fcgen Facebook, Twitter und Google.<\/p>\n

\"F\u00fcgen<\/p>\n

Speichern Sie unbedingt Ihre \u00c4nderungen und kopieren Sie den Shortcode oben auf dieser Seite. Sie m\u00fcssen eine neue Seite in WordPress erstellen oder eine vorhandene bearbeiten, um den Shortcode im Inhaltseditor hinzuzuf\u00fcgen.<\/p>\n

\"Kopieren<\/p>\n

Sie k\u00f6nnen auch eine modale Anmeldung in Ihrer WordPress-Seitenleiste hinzuf\u00fcgen. Geh einfach zu Aussehen \u00bbWidgets<\/strong> Ziehen Sie die CSH Login<\/strong> Widget in der Seitenleiste Ihrer Website.<\/p>\n

\"Ziehen<\/p>\n

Das modale CSH-Login kann auch in den Vorlagendateien Ihrer Website hinzugef\u00fcgt werden. Sobald Sie es Ihrer Site hinzugef\u00fcgt haben, besuchen Sie einfach Ihre WordPress-Site, um den modalen Login-Link in Aktion zu sehen.<\/p>\n

\"Popup-Formular<\/p>\n

Methode 2. Erstellen Sie mit WPForms und OptinMonster ein modales Anmelde-Popup<\/h4>\n

F\u00fcr diese Methode ben\u00f6tigen Sie das WPForms-Plugin und OptinMontser. Wenn Sie diese beiden Plugins bereits haben, ist diese Methode die beste L\u00f6sung f\u00fcr Sie.<\/p>\n

WPForms ist das beste Plugin f\u00fcr WordPress-Kontaktformulare. Sie ben\u00f6tigen mindestens Ihren Pro-Plan, um auf das Benutzerregistrierungs-Plugin zugreifen zu k\u00f6nnen. <\/p>\n

OptinMonster ist die beste WordPress-Popup-Plugin- und Lead-Generierungssoftware auf dem Markt. Es hilft Ihnen, Website-Besucher in Abonnenten und Kunden umzuwandeln. Sie ben\u00f6tigen mindestens den Pro-Plan, um auf die in diesem Artikel verwendete MonsterLinks-Funktion zugreifen zu k\u00f6nnen. <\/p>\n

Bereit? Lasst uns beginnen. <\/p>\n

Verwenden von WPForms zum Erstellen eines Benutzeranmeldeformulars<\/h4>\n

Zuerst m\u00fcssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-f\u00fcr-Schritt-Anleitung zum Installieren eines WordPress-Plugins.<\/p>\n

Nach der Aktivierung m\u00fcssen Sie zu gehen WPForms \u00bbPlugins<\/strong> Seite zum Installieren und Aktivieren der Plugin zur Benutzerregistrierung<\/strong>.<\/p>\n

\"Seite<\/p>\n

Nachdem Sie das Plugin aktiviert haben, m\u00fcssen Sie zu gehen WPForms \u00bbNeu hinzuf\u00fcgen<\/strong> Seite, um das Benutzeranmeldeformular zu erstellen.<\/p>\n

\"Neues<\/p>\n

Sobald der WPForms-Generator gestartet ist, m\u00fcssen Sie den vorgefertigten ausw\u00e4hlen Benutzeranmeldeformular<\/strong> Modell.<\/p>\n

\"W\u00e4hlen<\/p>\n

Diese Anmeldeformularvorlage enth\u00e4lt die E-Mail- und Kennwortfelder, die \u00e4hnlich wie das Standard-Anmeldeformular f\u00fcr WordPress funktionieren. Sie k\u00f6nnen nach Bedarf weitere Felder von der linken Seite des Bildschirms ziehen und ablegen.<\/p>\n

\"Anmeldeformularvorlage\"<\/p>\n

Dann klicken Sie auf Passwort<\/strong> Feld im Vorschaubereich, und es werden die Feldoptionen auf der linken Seite angezeigt. Sie k\u00f6nnen den folgenden Code in das Beschreibungsfeld von einf\u00fcgen Passwort<\/strong> Feld, um Optionen wie Passwort vergessen und Benutzerregistrierung anzuzeigen.<\/p>\n

Can't remember your password? Click here. Don't have an account? Register here.\r\n<\/pre>\n
\"Kennwortoptionen<\/p>\n
Danach m\u00fcssen Sie auf das klicken speichern<\/strong> Schaltfl\u00e4che und klicken Sie dann auf die Einbetten<\/strong> Taste.<\/p>\n
\"Speichern<\/p>\n
Ein Popup-Fenster mit dem Einbettungscode wird ge\u00f6ffnet. Sie sollten diesen Code kopieren und zur sp\u00e4teren Verwendung speichern.<\/p>\n
\"Kopieren<\/p>\n
Ihr Anmeldeformular ist fertig. Sie k\u00f6nnen jetzt das modale Popup erstellen.<\/p>\n
Verwenden von OptinMonster zum Erstellen eines modalen Popups<\/h4>\n
Sie m\u00fcssen zuerst das OptinMonster-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-f\u00fcr-Schritt-Anleitung zum Installieren eines WordPress-Plugins.<\/p>\n
Nach der Aktivierung m\u00fcssen Sie zu gehen OptinMonster<\/strong> im WordPress-Admin-Bereich und klicken Sie auf Neue Kampagne erstellen<\/strong> Taste.<\/p>\n
\"Neue<\/p>\n
Ihr OptinMonster-Dashboard wird auf einer neuen Webseite ge\u00f6ffnet.<\/p>\n
Einmal drinnen, m\u00fcssen Sie ausw\u00e4hlen Lightbox-Popup-Fenster<\/strong> Als Kampagnentyp k\u00f6nnen Sie Ihr Anmeldeformular im Popup hinzuf\u00fcgen.<\/p>\n
\"W\u00e4hlen<\/p>\n
Dann m\u00fcssen Sie die ausw\u00e4hlen Segeltuch<\/strong> Kampagnenvorlage, bei der es sich um eine leere Vorlage handelt, mit der Sie benutzerdefinierte Codes und Shortcodes hinzuf\u00fcgen k\u00f6nnen.<\/p>\n
\"W\u00e4hlen<\/p>\n
Sie werden aufgefordert, Ihrem Leuchtkasten einen Namen hinzuzuf\u00fcgen und die Website auszuw\u00e4hlen, auf der Sie dieses Popup laden m\u00f6chten.<\/p>\n
\"F\u00fcgen<\/p>\n
Sobald Sie auf die klicken Baue mit dem Bauen<\/strong> Mit dieser Schaltfl\u00e4che werden Sie zur Seite mit den OptinMonster-Kampagneneinstellungen weitergeleitet.<\/p>\n
Von hier aus sollten Sie zu gehen Opt in<\/strong> Klicken Sie auf die Registerkarte und legen Sie die Breite und H\u00f6he der Zeichenfl\u00e4che fest. F\u00fcgen Sie den Einbettungscode aus dem Anmeldeformular hinzu Benutzerdefinierte Leinwand HTML<\/strong> Feld, Bildschirm- und Soundeffekte f\u00fcr modale Popups verwalten und vieles mehr.<\/p>\n
Hinweis:<\/strong> Der Einbettungscode f\u00fcr das Anmeldeformular sollte der Code sein, den Sie nach dem Erstellen Ihres Anmeldeformulars im vorherigen Schritt kopiert haben.<\/p>\n
\"F\u00fcgen<\/p>\n
Da Sie ein modales Anmelde-Popup erstellen, m\u00fcssen Sie zur Registerkarte “Einstellungen” gehen und den Wert “0” auf “0” setzen Cookie-Dauer<\/strong> und Dauer des Erfolgs-Cookies<\/strong>. Das Formular wird allen Besuchern jedes Mal angezeigt, wenn sie auf Ihren Link klicken.<\/p>\n
\"Legen<\/p>\n
Dann sollten Sie die besuchen Regeln anzeigen<\/strong> Tab und erweitern MonsterLink<\/strong> um den Status auf aktiv zu \u00e4ndern.<\/p>\n
\"MonsterLink-Status<\/p>\n
Stellen Sie sicher, dass Sie auf klicken speichern<\/strong> Schaltfl\u00e4che in der oberen rechten Ecke und gehen Sie zu Zu posten<\/strong> Abschnitt, um den Status zu aktivieren.<\/p>\n
\"Kampagne<\/p>\n
Jetzt k\u00f6nnen Sie dieses modale Login-Popup zu Ihren WordPress-Seiten oder -Postings hinzuf\u00fcgen.<\/p>\n
Modales Login in WordPress hinzuf\u00fcgen<\/h4>\n
Sie m\u00fcssen zur\u00fcck zu OptinMonster<\/strong> in Ihrem WordPress-Administrationsbereich, und es zeigt Ihnen die Liste der Kampagnen. Wenn Sie Ihre neu erstellte Kampagne f\u00fcr die modale Anmeldung nicht sehen, klicken Sie einfach auf Kampagnen aktualisieren<\/strong> Taste.<\/p>\n
\"Ausgabeeinstellungen<\/p>\n
Als N\u00e4chstes m\u00fcssen Sie die Einstellungen f\u00fcr die Kampagnenausgabe bearbeiten, um die Anmeldung auf Ihrer Website zu aktivieren und auszuw\u00e4hlen, wer das Popup f\u00fcr die modale Anmeldung sehen soll. Stellen Sie sicher, dass Sie auf klicken Einstellungen speichern<\/strong> Taste.<\/p>\n
\"Kampagne<\/p>\n
Danach m\u00fcssen Sie zur Kampagnen\u00fcbersichtsseite zur\u00fcckkehren und den Slug kopieren, der unter der Kampagnen-Live-Option angezeigt wird. Dieser einzigartige Slug kann in Shortcodes und Code verwendet werden, um die modale Anmeldung in WordPress anzuzeigen.<\/p>\n
\"Kampagnen-Slug<\/p>\n
Sie k\u00f6nnen dann eine neue WordPress-Seite erstellen oder eine vorhandene bearbeiten und diesen Code mit Ihrem einzigartigen Kampagnen-Slug hinzuf\u00fcgen.<\/p>\n
Login \/ Register\r\n<\/pre>\n
Sie k\u00f6nnen den obigen Code auch in Ihre WordPress-Men\u00fcs, die Seitenleiste oder einen anderen Bereich Ihrer Website einf\u00fcgen.<\/p>\n
Stellen Sie sicher, dass Sie Ihre \u00c4nderungen auf der WordPress-Seite speichern und deren Website besuchen, um die modale Anmeldung in Aktion zu sehen.<\/p>\n
\"WordPress<\/p>\n
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein modales Login in WordPress erstellen. Sie k\u00f6nnen auch unsere vollst\u00e4ndige Liste der besten Plugins f\u00fcr WordPress-Anmeldeseiten anzeigen und ganz einfach Ihre eigene Anmeldeseite erstellen. <\/p>\n
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.<\/p>\n   ","protected":false},"excerpt":{"rendered":"
M\u00f6chten Sie Ihrer Site ein WordPress-Login-Popup hinzuf\u00fcgen? Ein modales Anmelde-Popup erm\u00f6glicht es Ihren Benutzern, sich schnell bei Ihrer Website anzumelden, ohne die angezeigte Seite zu verlassen. Dies verbessert die Benutzererfahrung und das Engagement auf Ihrer Website. In diesem Artikel zeigen wir Ihnen Schritt f\u00fcr Schritt, wie Sie auf einfache Weise ein WordPress-Anmelde-Popup-Modal erstellen. Warum einen […]<\/p>\n","protected":false},"author":1,"featured_media":19670,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/Como-crear-un-modo-emergente-de-inicio-de-sesion-de.png","fifu_image_alt":""},"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/19669"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=19669"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/19669\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/19670"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=19669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=19669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=19669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}