Wie man ein Mailchimp-Abonnementformular in WordPress mit benutzerdefinierten Feldern erstellt

Im Laufe der Jahre haben wir viele E-Mail-Marketing-Dienste getestet und WordPress-Benutzern geholfen, Anmeldeformulare für ihre Websites zu erstellen. Kürzlich fragte uns ein Besucher, wie er am besten ein Mailchimp-Abonnementformular zu seiner WordPress-Website hinzufügen kann

Mailchimp ist ein beliebtes Werkzeug für E-Mail-Marketing, das einen Formularersteller anbietet. Dieser Builder hat jedoch nur begrenzte Funktionen und Optionen zur individuellen Anpassung. Wenn Sie ein individuelles Anmeldeformular hinzufügen, erhalten Sie mehr Flexibilität und können Ihre E-Mail-Liste vergrößern.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Mailchimp-Anmeldeformular in WordPress mit benutzerdefinierten Feldern erstellen können.

Warum ein benutzerdefiniertes Mailchimp-Abonnementformular in WordPress hinzufügen?

Das Hinzufügen eines Anmeldeformulars zu Ihrer WordPress-Website ist eine großartige Möglichkeit, mit Ihren Nutzern zu kommunizieren.

Sie können Newsletter, neue Produktveröffentlichungen, Ankündigungen und andere Informationen versenden und gleichzeitig eine direkte Verbindung zu Ihrer Zielgruppe herstellen.

Mailchimp ist einer der beliebtesten E-Mail-Marketingdienste. Er hilft Ihnen, eine E-Mail-Liste aufzubauen, E-Mails zu versenden und automatisierte E-Mail-Kampagnen einzurichten. Außerdem bietet es einen Formularersteller, mit dem Sie ein Anmeldeformular erstellen und auf Ihrer Website einbetten können.

Allerdings ist der Formularersteller von Mailchimp sehr einfach und bietet nicht viele Anpassungsoptionen. Sie können nur aus einer begrenzten Anzahl von Formularfeldern wählen, und es gibt keine Einstellungen zum Ändern von Farbe, Schriftart und mehr. Außerdem wird das Branding von Mailchimp am unteren Rand eingefügt.

Die Erstellung eines benutzerdefinierten Mailchimp-Anmeldeformulars bietet Ihnen mehr Flexibilität und Kontrolle. Sie können alle Arten von Formularfeldern hinzufügen, ihr Aussehen bearbeiten, bedingte Logik hinzufügen, um Felder auf der Grundlage der Antworten des Benutzers anzuzeigen, und vieles mehr.

Da Mailchimp Einschränkungen hat, möchten Sie vielleicht auch unseren Leitfaden lesen, warum WPBeginner von Mailchimp zu Drip gewechselt hat.

Sehen wir uns also an, wie Sie ein Mailchimp-Abonnementformular mit benutzerdefinierten Feldern erstellen können.

Wie man ein Mailchimp-Abonnementformular in WordPress erstellt

Der einfachste Weg, ein Mailchimp-Abonnementformular für WordPress hinzuzufügen, ist die Verwendung von WPForms. Es ist das beste Kontaktformular-Plugin für WordPress, das von über 6 Millionen Fachleuten verwendet wird.

WPForms ist ein einsteigerfreundliches Plugin, das einen Drag-and-Drop-Formularersteller, mehr als 1300 vorgefertigte Vorlagen und viele Anpassungsoptionen bietet. Das Beste daran ist, dass es sich leicht mit Mailchimp integrieren lässt.

Schritt 1: Mailchimp mit WPForms verbinden

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie zu WPForms “ Einstellungen gehen und den Lizenzschlüssel hinzufügen. Sie können den Schlüssel in Ihrem WPForms-Konto-Bereich finden.

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-Addon installieren.

Sie können dies tun, indem Sie im WordPress-Administrationsbereich zu WPForms “ Addons gehen. Navigieren Sie von hier aus zum Mailchimp-Addon und klicken Sie auf die Schaltfläche „Addon installieren“.

Das Addon sollte nun installiert und aktiviert sein.

Sobald das erledigt ist, gehen Sie einfach auf WPForms “ Einstellungen in Ihrem WordPress-Dashboard und wechseln Sie auf die Registerkarte „Integrationen“.

Als Nächstes können Sie die Mailchimp-Einstellungen erweitern und dann unter Mailchimp auf die Schaltfläche „+ Neues Konto hinzufügen“ klicken.

Sobald Sie das getan haben, sehen Sie weitere Optionen. Um Mailchimp zu integrieren, müssen Sie den API-Schlüssel und den Spitznamen des Kontos eingeben. Dies wird WPForms erlauben, mit Ihrem Mailchimp-Konto zu kommunizieren.

Erstellen Mailchimp API-Schlüssel für WPForms Integration

Um einen API-Schlüssel für die Verbindung mit WPForms zu erstellen, müssen Sie sich zunächst bei Ihrem Mailchimp-Konto anmelden.

Sobald Sie eingeloggt sind, klicken Sie einfach auf Ihren Avatar in der oberen rechten Ecke 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“.

Als Nächstes können Sie einen vorhandenen API-Schlüssel kopieren, den Sie für Ihre WPForms-Integration verwenden möchten.

Wenn Sie noch keinen Schlüssel erstellt haben, klicken Sie einfach auf die Schaltfläche „Schlüssel erstellen“.

Danach können Sie einen Namen für Ihren neuen API-Schlüssel eingeben.

Klicken Sie dann einfach auf die Schaltfläche „Schlüssel generieren“.

Als nächstes wird der neue API-Schlüssel angezeigt.

Kopieren Sie den Schlüssel, und klicken Sie auf die Schaltfläche „Fertig“.

Sie können nun zu der Browser-Registerkarte oder dem Fenster mit Ihren WPFroms-Integrationseinstellungen zurückkehren.

Hier fügen Sie den Schlüssel einfach in das Feld „API-Schlüssel“ ein. Sie können auch einen Spitznamen für Ihr Mailchimp-Konto hinzufügen, um zu wissen, mit welchem Konto Sie verbunden sind.

Nachdem Sie den Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Mit Mailchimp verbinden“.

Sie sollten nun eine grüne Schaltfläche „Verbunden“ neben den Mailchimp-Einstellungen sehen, die anzeigt, dass das E-Mail-Marketing-Tool erfolgreich mit WPForms integriert ist.

Schritt 2: Entwerfen Sie ein Mailchimp-Abonnementformular mit benutzerdefinierten Feldern

Nun, da Sie Mailchimp mit WPForms integriert haben, besteht der nächste Schritt darin, ein Anmeldeformular mit benutzerdefinierten Feldern zu erstellen.

Zunächst müssen Sie im WordPress-Dashboard zu WPForms “ Add New gehen. Anschließend können Sie oben einen Namen eingeben und eine Formularvorlage auswählen.

WPFomrs bietet viele vorgefertigte Formularvorlagen, so dass Sie schnell eine auswählen und sie anpassen können.

Es bietet sogar Formularvorlagen für Mailchimp. Zum Beispiel können Sie ein Anmeldeformular, ein Newsletter-Anmeldeformular oder ein E-Mail-Marketingformular erstellen.

Für dieses Tutorial wählen wir die Vorlage Mailchimp Newsletter Signup Form.

Auf dem nächsten Bildschirm sehen Sie den WPForms Drag-and-Drop-Formularersteller. Hier können Sie das Formular anpassen und benutzerdefinierte Felder aus dem Menü auf der linken Seite hinzufügen.

Die Standardformularvorlage enthält die Felder Name und E-Mail.

Sie können jedoch jedes Formularfeld einfach per Drag-and-drop auf das Template ziehen. Es gibt Felder zum Hinzufügen von Text, Dropdown-Optionen, Multiple-Choice-Fragen, Telefonnummern, Adressen, Datum und Uhrzeit, Websites, Passwörtern und mehr.

Wenn Sie zum Beispiel einen geschäftlichen Telefondienst nutzen, können Sie ein Telefonfeld hinzufügen. Auf diese Weise können Sie SMS-Nachrichten verschicken oder Abonnenten per Telefonanruf erreichen.

Sie können ein Kontrollkästchen hinzufügen und den Nutzern die Möglichkeit geben, ihre Interessen auszuwählen. Auf diese Weise können Sie Ihre Abonnenten segmentieren und ihnen gezielte E-Mails senden.

Anschließend können Sie jedes Formularfeld in der Vorlage weiter bearbeiten. Wählen Sie einfach ein Feld aus, und Sie werden im linken Bereich weitere Optionen sehen.

Wir haben zum Beispiel die Optionen im Formularfeld Checkboxes geändert.

Sie können auch die Beschriftung des Formularfelds bearbeiten, es zu einem Pflichtfeld machen, Bilder zu den Kontrollkästchenoptionen hinzufügen und vieles mehr.

Sobald Sie die benutzerdefinierten Formularfelder hinzugefügt haben, wechseln Sie im linken Menü zur Registerkarte „Einstellungen“. In den allgemeinen Einstellungen können Sie den Namen und die Beschreibung des Formulars ändern, Tags hinzufügen, den Text der Schaltfläche „Senden“ bearbeiten und vieles mehr.

Als Nächstes können Sie auf die Registerkarte „Bestätigungen“ wechseln und auswählen, was die Abonnenten sehen sollen, wenn sie ein Formular abschicken.

Mit WPForms können Sie eine Nachricht, eine bestimmte Seite wie eine Dankeseite anzeigen oder Benutzer zu einer URL umleiten.

Danach können Sie auf der linken Seite auf die 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, in das Sie den Mailchimp-Nickname eingeben müssen.

Nachdem Sie ihn eingegeben haben, klicken Sie auf die Schaltfläche „OK“.

Als nächstes können Sie das Mailchimp-Konto auswählen, mit dem Sie sich zuvor verbunden haben.

Klicken Sie einfach auf das Dropdown-Menü „Konto auswählen“ und wählen Sie Ihr Konto aus.

Daraufhin werden weitere Optionen angezeigt.

Sie können die Zielgruppe, zu der die neuen Abonnenten hinzugefügt werden sollen, aus dem Dropdown-Menü auswählen.

Es gibt verschiedene Aktionen zur Auswahl, aber für dieses Tutorial werden wir die Option „Abonnieren“ wählen. Dadurch wird der Benutzer als neuer Kontakt zu Ihrem Mailchimp-Konto hinzugefügt.

Dann können Sie nach unten scrollen, um weitere Einstellungen zu sehen. Zum Beispiel gibt es eine Option zur Auswahl des WPForms-Feldes, in das Benutzer ihre E-Mail-Adressen eingeben können.

Sie haben auch die Möglichkeit, neue Abonnenten mit Tags zu versehen und eine Notiz zum Profil des Benutzers hinzuzufügen.

Wenn Sie weiter nach unten scrollen, sehen Sie weitere optionale Einstellungen. Sie können zum Beispiel Double-Opt-In aktivieren, den Abonnenten als VIP markieren, sein Profil aktualisieren, wenn der Kontakt bereits in einer Zielgruppe ist, und vieles mehr.

Jetzt sind Sie bereit, Ihr Mailchimp-Abonnementformular zu Ihrem WordPress-Blog oder Ihrer Website hinzuzufügen.

In der WPForms Form Builder, sehen Sie eine „Embed“ Option am oberen Rand. Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern, und klicken Sie dann auf die Schaltfläche „Einbetten“.

Daraufhin öffnet sich ein Popup-Fenster, in dem Sie aufgefordert werden, eine bestehende Seite auszuwählen oder eine neue Seite zu erstellen.

In diesem Tutorial werden wir die Option „Neue Seite erstellen“ verwenden.

Danach müssen Sie einen Namen für Ihre neue Seite eingeben.

Danach klicken Sie einfach auf die Schaltfläche „Los geht’s“.

Anschließend sehen Sie eine Vorschau Ihres Formulars im WordPress-Inhaltseditor.

Sie können dann oben auf die Schaltfläche „Veröffentlichen“ klicken, um Ihr Mailchimp-Abonnementformular zu aktivieren.

Sie haben nun erfolgreich ein Mailchimp-Anmeldeformular mit benutzerdefinierten Feldern erstellt.

Sie können Ihre Website besuchen, um das Formular in Aktion zu sehen.

Sie können auch viel mehr mit Mailchimp und WordPress machen. Zum Beispiel können Sie es mit OptinMonster integrieren und Ihre Anmeldeformulare in Popup-Kampagnen anzeigen.

Weitere Informationen finden Sie in unserem ultimativen Leitfaden zur Verwendung von Mailchimp und WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein Mailchimp-Anmeldeformular in WordPress mit benutzerdefinierten Feldern erstellt. Vielleicht interessieren Sie sich auch für unseren Leitfaden über einfache Möglichkeiten, Ihre E-Mail-Liste schneller wachsen zu lassen und unsere Expertenauswahl für die wichtigsten WordPress-Plugins, um Ihre Website zu erweitern.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.