Um dies zu tun, ben\u00f6tigen Sie ein neues Plugin. Beginnen wir dieses Tutorial damit, welche Plugins Sie verwenden k\u00f6nnen, um Ihrer WordPress-Website Popup-Formulare hinzuzuf\u00fcgen.<\/p>\n
Wie bei den meisten WordPress-Elementen gibt es viele Plugins zur Auswahl.<\/p>\n
Ich habe eine Sammlung der besten Popup-Plugins, die<\/a> Sie sich ansehen<\/a> k\u00f6nnen, aber mein pers\u00f6nlicher Favorit ist MailOptin<\/a>.<\/p>\n Besuche die Website<\/a><\/p>\n Dies ist das Plugin, das ich f\u00fcr alle Formulare auf dieser Website verwende, einschlie\u00dflich des Popup-Formulars, das Sie vielleicht gesehen haben \ud83d\ude09<\/p>\n An MailOptin gef\u00e4llt mir Folgendes:<\/p>\n Noch besser, es gibt integrierte A\/B-Tests<\/a>, sodass Sie st\u00e4ndig Tests durchf\u00fchren k\u00f6nnen, um Ihre Optin-Raten zu verbessern. Schlie\u00dflich ist es sch\u00f6n, ein sch\u00f6nes Popup-Formular zu haben, aber es ist noch besser, ein hochkonvertierendes zu haben.<\/p>\n Und schlie\u00dflich berechnen viele E-Mail-Popup-L\u00f6sungen, die \u00e4hnliche Funktionen wie MailOptin haben, ein monatliches Abonnement. MailOptin ist eine einmalige Zahlung, und es gibt sogar eine \u201eLite“-Version kostenlos.<\/p>\n Da Sie nun das einzige Tool haben, das Sie zum Erstellen von Popups ben\u00f6tigen, gehen wir die Schritte zum Hinzuf\u00fcgen Ihres ersten Popup-Formulars zu Ihrer Website durch.<\/p>\n Bevor Sie Formulare erstellen, m\u00fcssen Sie MailOptin mit Ihrem E-Mail-Marketing-Service verbinden.<\/p>\n Wenn Sie eine Empfehlung ben\u00f6tigen, ConvertKit<\/a> ist die dritte E-Mail-Plattform, die ich in den letzten sechs Jahren mit Compete Themes verwendet habe, und es ist bei weitem mein Favorit.<\/p>\n Besuche die Website<\/a><\/p>\n Sie k\u00f6nnen meinen ausf\u00fchrlichen ConvertKit-Test hier<\/a> lesen .<\/p>\n Nun zur\u00fcck zum Einrichten von MailOptin!<\/p>\n Sobald Sie das MailOptin-Plugin installiert haben, sehen Sie einen neuen Men\u00fcpunkt in Ihrem WP-Admin-Dashboard. Bewegen Sie den Mauszeiger \u00fcber das MailOptin-Men\u00fcelement und klicken Sie auf den Link Integrationen.<\/p>\n Auf dieser Seite werden alle m\u00f6glichen Integrationen auf der linken Seite des Bildschirms aufgelistet.<\/p>\n Wie Sie sehen, gibt es viele!<\/p>\n Um MailOptin mit Ihrem E-Mail-Dienst zu verbinden, scrollen Sie auf der Seite nach unten, bis Sie Ihren E-Mail-Dienst in der Seitenleiste finden und klicken Sie darauf. Die Seite wird sofort mit einem einzigen Eingabefeld aktualisiert, in das Sie Ihren API-Schl\u00fcssel eingeben k\u00f6nnen.<\/p>\n Unabh\u00e4ngig davon, welche E-Mail-Plattform Sie verwenden, finden Sie Ihren API-Schl\u00fcssel irgendwo im Einstellungsmen\u00fc der App. Jeder E-Mail-Dienst stellt einen API-Schl\u00fcssel<\/a> f\u00fcr diese Art der Integration bereit .<\/p>\n Sobald Sie den Schl\u00fcssel haben, f\u00fcgen Sie ihn in die Eingabe ein und klicken Sie auf die Schaltfl\u00e4che \u00c4nderungen speichern.<\/p>\n Als n\u00e4chstes (hinter den Kulissen) wird Ihr E-Mail-Dienst MailOptin als vertrauensw\u00fcrdige App f\u00fcr die Kommunikation autorisieren. Wenn jetzt jemand seine E-Mail-Adresse in eines Ihrer Formulare eingibt, kann MailOptin seine Informationen automatisch an den E-Mail-Dienst senden.<\/p>\n Wenn alles angeschlossen ist, k\u00f6nnen Sie Ihr Popup-Formular erstellen.<\/p>\n Rufen Sie zum Erstellen des Formulars das Men\u00fc "Kampagnen optimieren" auf und klicken Sie oben auf die Schaltfl\u00e4che "Neu hinzuf\u00fcgen".<\/p>\n Auf dieser Seite werden alle Ihre bestehenden Kampagnen und deren Leistung angezeigt<\/p>\n Auf dem n\u00e4chsten Bildschirm geben Sie Ihrer Kampagne einen Titel und w\u00e4hlen ein Thema f\u00fcr Ihr Popup aus.<\/p>\n Der Formulartyp Lightbox sollte bereits ausgew\u00e4hlt sein<\/p>\n Es stehen einige Motive zur Auswahl. Wie Sie gleich sehen werden, sind Text, Bilder, Farben, Felder und Schriftarten alle anpassbar. Sie sollten also einfach das Thema ausw\u00e4hlen, das Ihrer Vision f\u00fcr Ihr Popup am besten entspricht.<\/p>\n Sobald Sie ein Thema ausgew\u00e4hlt haben, wird der Optin-Anpasser ge\u00f6ffnet.<\/p>\n Wie Sie sehen k\u00f6nnen, handelt es sich um eine spezialisierte Version des Live Customizers, der von WordPress-Themes verwendet wird.<\/p>\n Ich werde nicht alle Einstellungen durchgehen, da es ziemlich einfach ist. Sie k\u00f6nnen die Farben, Schriftarten und mehr \u00fcber das Anpassungsfenster \u00e4ndern. Sie k\u00f6nnen auch auf ein beliebiges Element im Formular klicken, um seinen Abschnitt in der Seitenleiste zu \u00f6ffnen.<\/p>\n Wenn Sie mit dem Aussehen und dem Lesen des Formulars zufrieden sind, k\u00f6nnen Sie es mit einer E-Mail-Liste verbinden.<\/p>\n Hier wird es interessant.<\/p>\n Sie haben MailOptin bereits mit Ihrem E-Mail-Dienst verbunden. Wenn Sie nun im Customizer auf den Abschnitt Integrationen klicken, finden Sie dieses Feld, in dem Sie den E-Mail-Dienst ausw\u00e4hlen k\u00f6nnen, in den Sie integriert haben.<\/p>\n Wenn Sie auf das Dropdown-Men\u00fc Ausw\u00e4hlen klicken, wird Ihr E-Mail-Anbieter aufgelistet. Nachdem Sie Ihren E-Mail-Dienst ausgew\u00e4hlt haben, wird eine weitere Dropdown-Liste mit allen Ihren E-Mail-Listen angezeigt.<\/p>\n Verbinden eines Formulars mit einer Liste in ConvertKit<\/p>\n Das bedeutet, dass jedes Formular, das Sie mit MailOptin erstellen, mit einer anderen E-Mail-Liste verbunden werden kann, die Sie in Ihrer E-Mail-Marketing-App erstellt haben.<\/p>\n Noch besser, die meisten E-Mail-Plattformen bieten MailOptin Segmentierungsoptionen. Im obigen Beispiel k\u00f6nnen Sie beispielsweise sehen, dass ConvertKit es Ihnen erm\u00f6glicht, Personen, die sich \u00fcber dieses Formular anmelden, bestimmte Tags hinzuzuf\u00fcgen.<\/p>\n Anfangs haben Sie vielleicht nur ein Angebot f\u00fcr Ihre Besucher, aber im Laufe der Zeit werden Sie sicherlich mehrere Opt-in-Formulare erstellen, die unterschiedliche E-Mails an Abonnenten liefern m\u00fcssen. MailOptin macht diese komplexe Einrichtung einfach und m\u00f6glich.<\/p>\n Wenn Ihr WordPress-Popup-Formular vollst\u00e4ndig angepasst und mit einer Liste verbunden ist, m\u00fcssen Sie im letzten Schritt entscheiden, wann und wo es auf Ihrer Website angezeigt werden soll.<\/p>\n Klicken Sie noch im Customizer auf den Abschnitt Anzeigeregeln, und Sie werden all diese herrlichen Optionen sehen.<\/p>\n An dieser Stelle haben Sie einige Entscheidungen zu treffen.<\/p>\n Zuerst m\u00fcssen Sie entscheiden, wer Ihr Popup sehen soll. Sie haben unz\u00e4hlige M\u00f6glichkeiten, aus denen Sie sich entscheiden k\u00f6nnen. Einige dieser Optionen umfassen das Targeting:<\/p>\n Diese Optionen erm\u00f6glichen ein pr\u00e4zises Targeting, in meinem Beispiel wird jedoch eine einfache und beliebte Implementierung verwendet.<\/p>\n In meinem Beispiel m\u00f6chte ich das Popup jedem anzeigen, der einen Blogbeitrag liest. Ich m\u00f6chte nicht, dass es auf meiner Homepage oder anderen Seiten (wie \u00dcber oder Kontakt) angezeigt wird.<\/p>\n Um dies zu tun, w\u00fcrde ich die Option deaktivieren, das Opt-In global anzuzeigen, und dann "Beitr\u00e4ge" als einzigen Beitragstyp ausw\u00e4hlen, auf dem das Formular angezeigt werden soll.<\/p>\n Unten stehen auch weitere Einstellungen zur Verf\u00fcgung<\/p>\n Sie k\u00f6nnen Ihr Formular in Beitr\u00e4gen in bestimmten Kategorien anzeigen oder sogar einzelne Beitr\u00e4ge und Seiten ausw\u00e4hlen, wenn Sie m\u00f6chten. Sie k\u00f6nnen auch eine weitere Regel hinzuf\u00fcgen, um das Popup nur wiederkehrenden Besuchern oder Personen anzuzeigen, die mobile Ger\u00e4te verwenden.<\/p>\n F\u00fcr mein Beispiel sind diese Einstellungen gut genug.<\/p>\n Nachdem ich nun ausgew\u00e4hlt habe, wo mein Formular angezeigt werden soll und wem es angezeigt werden soll, besteht der letzte Schritt darin, zu entscheiden, wann es angezeigt werden soll.<\/p>\n Die Optionen sind, das Formular anzuzeigen:<\/p>\n Die ersten drei sind ziemlich offensichtlich. Das Anzeigen des Formulars 30s, nachdem jemand bei einem Beitrag angekommen ist, ist beispielsweise eine einfache und einfache M\u00f6glichkeit, damit anzufangen.<\/p>\n Die n\u00e4chsten beiden Optionen sind interessanter.<\/p>\n Die Option Exit Intent verfolgt die Mausbewegung des Besuchers und wenn er zum Browsermen\u00fc geht, vermutlich um das Fenster zu schlie\u00dfen oder auf die Schaltfl\u00e4che "Zur\u00fcck" zu klicken, wird das Popup angezeigt.<\/p>\n Exit Intent ist eine gute L\u00f6sung, da es Ihre Besucher beim Lesen und Interagieren mit Ihrer Website nicht st\u00f6rt.<\/p>\n Mit der anderen Option, Click Launch, k\u00f6nnen Sie \u00fcberall auf Ihrer Site einen Link platzieren, auf den Besucher klicken k\u00f6nnen. Wenn jemand auf den Link klickt, wird das Popup angezeigt. Dies ist eine wirklich einzigartige Option und kann zu hervorragenden Optin-Raten f\u00fchren.<\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3757a123e.png\")
<\/a><\/p>\n\n
Verbinden Sie sich mit Ihrem E-Mail-Dienst<\/h2>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f375b0555b.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f375d8bc7a.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f37608b4b3.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376327ccb.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3766212cc.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3768c2f4b.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376b3b006.png\")
<\/a><\/p>\nMit einer E-Mail-Liste verbinden<\/h3>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f376e1dd16.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f37710e4bc.png\")
<\/a><\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f377433b21.png\")
<\/a><\/p>\n\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f3777a3f15.png\")
<\/a><\/p>\n\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177239-616f377ae6a7a.png\")
<\/a><\/p>\n