Möchten Sie Ihrer WordPress-Website ein Mailchimp-Anmeldeformular hinzufügen?
Mailchimp ist ein beliebtes E-Mail-Marketing-Tool, das einen Formularersteller bietet. Allerdings verfügt dieser Builder über begrenzte Funktionen und Anpassungsmöglichkeiten. Das Hinzufügen eines benutzerdefinierten Opt-in-Formulars bietet Ihnen mehr Flexibilität und hilft, Ihre E-Mail-Liste zu erweitern.
In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein Mailchimp-Anmeldeformular mit benutzerdefinierten Feldern erstellen.
Warum ein benutzerdefiniertes Mailchimp-Anmeldeformular in WordPress hinzufügen?
Das Hinzufügen eines Abonnementformulars zu Ihrer WordPress-Website ist eine großartige Möglichkeit, mit Ihren Benutzern zu kommunizieren.
Sie können Newsletter, Produkteinführungen, Ankündigungen und andere Informationen versenden und gleichzeitig eine direkte Verbindung zu Ihrem Publikum herstellen.
Mailchimp ist einer der beliebtesten E-Mail-Marketing-Dienste. Hilft Ihnen, eine E-Mail-Liste zu erstellen, E-Mails zu versenden und automatisierte E-Mail-Kampagnen einzurichten. Darüber hinaus bietet es auch einen Formularersteller, mit dem Sie ein Abonnementformular erstellen und in Ihre Website einbetten können.
Allerdings ist der Formularersteller von Mailchimp sehr einfach und bietet nicht viele Anpassungsoptionen. Sie haben nur eine begrenzte Auswahl an Formularfeldern und es gibt keine Einstellungen zum Ändern von Farbe, Schriftart usw. Außerdem wird unten das Mailchimp-Branding hinzugefügt.
Das Erstellen eines benutzerdefinierten Mailchimp-Opt-in-Formulars bietet Ihnen mehr Flexibilität und Kontrolle. Sie können alle Arten von Formularfeldern hinzufügen, deren Aussehen bearbeiten, bedingte Logik hinzufügen, um Felder basierend auf Benutzerantworten anzuzeigen und vieles mehr.
Sehen wir uns nun an, wie Sie ein Mailchimp-Abonnementformular mit benutzerdefinierten Feldern erstellen können.
So erstellen Sie ein Mailchimp-Anmeldeformular in WordPress
Der einfachste Weg, ein Mailchimp-Anmeldeformular in WordPress hinzuzufügen, ist die Verwendung von WP-Formulare. Es ist das beste Kontaktformular-Plugin für WordPress, das von über 5 Millionen Fachleuten verwendet wird.
WPForms ist ein einsteigerfreundliches Plugin, das einen Drag-and-Drop-Formularersteller, vorgefertigte Vorlagen und zahlreiche Anpassungsoptionen bietet. Das Beste daran ist, dass es sich problemlos in Mailchimp integrieren lässt.
Notiz: Für dieses Tutorial verwenden wir die WPForms Pro-Version, da sie das Mailchimp-Plugin und benutzerdefinierte Formularfelder enthält. Es gibt auch die WPForms Lite Version, die kostenlos erhältlich ist, aber keine Integration mit Mailchimp bietet.
Schritt 1 – Mailchimp mit WPForms verbinden
Zuerst müssen Sie das WPForms-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie unsere Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie zu gehen WPForms » Einstellungen und fügen Sie den Lizenzschlüssel hinzu. Den Schlüssel finden Sie in Ihrem WPForms-Kontobereich.
Nachdem Sie den Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.
Als nächstes müssen Sie das Mailchimp-Plugin installieren.
Sie können dies tun, indem Sie zu gehen WPForms » Plugins aus dem WordPress-Administrationsbereich. Navigieren Sie von hier aus zum Mailchimp-Plugin und klicken Sie auf die Schaltfläche „Plugin installieren“.
Das Plugin sollte nun installiert und aktiviert sein.
Sobald dies erledigt ist, gehen Sie einfach zu WPForms » Einstellungen Öffnen Sie Ihr WordPress-Dashboard und wechseln Sie zur Registerkarte „Integrationen“.
Als Nächstes können Sie die Mailchimp-Einstellungen erweitern und dann in Mailchimp auf die Schaltfläche „+ Neues Konto hinzufügen“ klicken.
Sobald Sie dies tun, werden Ihnen weitere Optionen angezeigt. Um Mailchimp zu integrieren, müssen Sie den API-Schlüssel und den Konto-Nickname eingeben. Dadurch kann WPForms mit Ihrem Mailchimp-Konto kommunizieren.
Erstellen von Mailchimp-API-Schlüsseln für die WPForms-Integration
Um einen API-Schlüssel zum Verbinden von WPForms zu erstellen, müssen Sie sich zunächst bei Ihrem Mailchimp-Konto anmelden.
Sobald Sie angemeldet sind, klicken Sie einfach oben rechts auf Ihren Avatar und wählen Sie die Option „Konto & Abrechnung“.
Auf der nächsten Seite sehen Sie verschiedene Kontoeinstellungen.
Klicken Sie einfach auf das Dropdown-Menü „Extras“ und wählen Sie dann die Option „API-Schlüssel“.
Anschließend können Sie einen vorhandenen API-Schlüssel kopieren, um ihn in Ihrer WPForms-Integration zu verwenden.
Wenn Sie noch keinen Schlüssel generiert haben, klicken Sie einfach auf die Schaltfläche „Schlüssel erstellen“.
Anschließend können Sie einen Namen für Ihren neuen API-Schlüssel eingeben.
Sobald dies erledigt ist, klicken Sie einfach auf die Schaltfläche „Schlüssel generieren“.
Anschließend wird Ihnen der neue API-Schlüssel angezeigt.
Kopieren Sie den Schlüssel und klicken Sie auf die Schaltfläche „Fertig“.
Sie können jetzt zur Browser-Registerkarte oder zum Fenster mit den WPFroms-Integrationseinstellungen zurückkehren.
Von hier aus fügen Sie einfach den Schlüssel in das Feld „API-Schlüssel“ ein. Sie können auch einen Nicknamen für ein Mailchimp-Konto hinzufügen, um sich zu merken, bei welchem Konto Sie angemeldet sind.
Nachdem Sie den Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Mit Mailchimp verbinden“.
Neben Ihren Mailchimp-Einstellungen sollte nun eine grüne Schaltfläche „Verbunden“ angezeigt werden, die anzeigt, dass sich das E-Mail-Marketing-Tool erfolgreich in WPForms integrieren lässt.
Schritt 2: Entwerfen Sie ein Mailchimp-Anmeldeformular mit benutzerdefinierten Feldern
Nachdem Sie Mailchimp nun in WPForms integriert haben, besteht der nächste Schritt darin, ein Abonnementformular mit benutzerdefinierten Feldern zu erstellen.
Zuerst müssen Sie zu gehen WPForms » Neu hinzufügen aus dem WordPress-Dashboard. Anschließend können Sie oben einen Namen eingeben und eine Formularvorlage auswählen.
WPFomrs bietet viele vorgefertigte Formularvorlagen, sodass Sie schnell eine auswählen und anpassen können.
Es bietet sogar Formularvorlagen für Mailchimp. Sie können beispielsweise ein Registrierungskontaktformular, ein Newsletter-Anmeldeformular oder ein E-Mail-Marketingformular erstellen.
Für dieses Tutorial wählen wir die Vorlage „Mailchimp-Newsletter-Anmeldeformular“.
Auf dem nächsten Bildschirm sehen Sie den Drag-and-Drop-Formularersteller von WPForms. Hier können Sie das Formular anpassen und im linken Menü benutzerdefinierte Felder hinzufügen.
Die Standardformularvorlage enthält ein Feld „Name“ und „E-Mail“.
Sie können jedoch jedes Formularfeld einfach per Drag & Drop in die Vorlage ziehen. Es gibt Felder zum Hinzufügen von Text, Dropdown-Optionen, Multiple-Choice, Telefonnummer, Adresse, Datum und Uhrzeit, Website, Passwort und mehr.
Wenn Sie beispielsweise einen geschäftlichen Telefondienst nutzen, können Sie ein Feld „Telefon“ hinzufügen. Dies hilft Ihnen beim Versenden von SMS-Nachrichten oder bei der Kommunikation mit Abonnenten per Telefonanruf.
Sie können ein Kontrollkästchenfeld hinzufügen und Benutzern die Auswahl ihrer Interessen ermöglichen. Auf diese Weise können Sie Ihre Abonnenten segmentieren und ihnen spezifische E-Mails senden.
Anschließend können Sie jedes Formularfeld in der Vorlage weiter bearbeiten. Wählen Sie einfach ein Feld aus und Sie sehen im linken Bereich weitere Optionen.
Beispielsweise ändern wir die Optionen im Formularfeld „Kontrollkästchen“.
Sie können auch die Beschriftung des Formularfelds bearbeiten, es zu einem Pflichtfeld machen, Bilder zu Kontrollkästchenoptionen hinzufügen und vieles mehr.
Wenn Sie mit dem Hinzufügen benutzerdefinierter Formularfelder fertig sind, wechseln Sie im linken Menü zur Registerkarte „Einstellungen“. In den allgemeinen Einstellungen können Sie den Namen und die Beschreibung des Formulars ändern, Beschriftungen hinzufügen, den Text der Absenden-Schaltfläche bearbeiten und vieles mehr.
Anschließend können Sie zur Registerkarte „Bestätigungen“ wechseln und auswählen, was Abonnenten angezeigt werden, sobald sie ein Formular absenden.
Mit WPForms können Sie eine Nachricht oder eine bestimmte Seite wie eine Dankesseite anzeigen oder Benutzer zu einer URL umleiten.
Danach können Sie im linken Bereich zur Registerkarte „Marketing“ gehen und dann Mailchimp auswählen.
Klicken Sie hier einfach auf die Schaltfläche „Neue Verbindung hinzufügen“.
Als nächstes öffnet sich ein kleines Popup-Fenster, in dem Sie den Mailchimp-Spitznamen eingeben müssen.
Klicken Sie nach der Eingabe auf die Schaltfläche „OK“.
Als Nächstes können Sie das Mailchimp-Konto auswählen, mit dem Sie zuvor eine Verbindung hergestellt haben.
Klicken Sie einfach auf das Dropdown-Menü „Konto auswählen“ und wählen Sie Ihr Konto aus.
Danach werden weitere Optionen angezeigt.
Sie können fortfahren und aus dem Dropdown-Menü die Zielgruppe auswählen, zu der die neuen Abonnenten hinzugefügt werden.
Es stehen verschiedene Aktionen zur Auswahl, für dieses Tutorial wählen wir jedoch die Option „Abonnieren“. Dadurch wird der Benutzer als neuer Kontakt zu Ihrem Mailchimp-Konto hinzugefügt.
Anschließend können Sie nach unten scrollen, um weitere Einstellungen anzuzeigen. Beispielsweise besteht die Möglichkeit, das WPForms-Feld auszuwählen, in das Benutzer ihre E-Mail-Adressen eingeben können.
Sie haben auch die Möglichkeit, Tags für neue Abonnenten und eine Notiz zum Profil des Benutzers hinzuzufügen.
Wenn Sie weiter nach unten scrollen, sehen Sie weitere optionale Einstellungen. Sie können beispielsweise Double-Opt-In aktivieren, den Abonnenten als VIP markieren, sein Profil aktualisieren, wenn der Kontakt bereits in einer Zielgruppe ist, und vieles mehr.
Sie können jetzt Ihr Mailchimp-Anmeldeformular zu Ihrem WordPress-Blog oder Ihrer WordPress-Website hinzufügen.
Im WPForms-Formularersteller sehen Sie oben die Option „Einbetten“. Fahren Sie fort und klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern, und klicken Sie dann auf die Schaltfläche „Einbetten“.
Als nächstes öffnet sich ein Popup-Fenster, in dem Sie eine vorhandene Seite auswählen oder eine neue erstellen müssen.
Für dieses Tutorial verwenden wir die Option „Neue Seite erstellen“.
Anschließend müssen Sie einen Namen für Ihre neue Seite eingeben.
Sobald dies erledigt ist, klicken Sie einfach auf „Los geht’s!“ Taste.
Anschließend sehen Sie eine Vorschau Ihres Formulars im WordPress-Inhaltseditor.
Anschließend können Sie oben auf die Schaltfläche „Veröffentlichen“ klicken, um Ihr Mailchimp-Anmeldeformular zu aktivieren.
Sie haben nun erfolgreich ein Mailchimp-Abonnementformular mit benutzerdefinierten Feldern erstellt.
Sie können die Website besuchen, um das Formular in Aktion zu sehen.
Mit Mailchimp und WordPress können Sie noch viel mehr machen. Sie können es beispielsweise mit integrieren OptinMonster und zeigen Sie Ihre Opt-in-Formulare in Pop-up-Kampagnen an.
Weitere Informationen finden Sie in unserem ultimativen Leitfaden zur Verwendung von Mailchimp und WordPress.
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu erfahren, wie Sie in WordPress ein Mailchimp-Abonnementformular mit benutzerdefinierten Feldern erstellen. Vielleicht möchten Sie auch unseren Leitfaden zu einfachen Möglichkeiten zum schnelleren Erweitern Ihrer E-Mail-Liste und unsere Expertentipps zu den unverzichtbaren WordPress-Plugins zum Erweitern Ihrer Website lesen.
