Newsletter-Anmeldung mit MailChimp und Divi

Das Premium-Theme Divi ist bekannt für seine einfache Handhabung. Auch die Einbindung eines MailChimp-Newsletter-Anmeldeformulars ist simpel.

Wäre da nicht dieser verflixte API Key. Ai-Pi-Ei. Was?!?

Diese kurze Anleitung zeigt dir, wo du diesen API Key findest und wie du Divi damit korrekt einrichtest.

Dieser Artikel ist Teil einer 4-teiligen Artikelserie zum Thema Newsletter:

Teil 1: Newsletter-Basics: wie funktioniert ein Newsletter und was brauchst du dafür?
Teil 2: Wie du MailChimp in 6 Schritten korrekt aufsetzt.
Teil 3: Newsletter-Anmeldung mit MailChimp und Divi (aka. der verflixte API Key) .
Teil 4: Versende deinen ersten Newsletter – in nur 6 Schritten.

Schritt 1: Den API Key in MailChimp anlegen

Ein API Key ist ein Schlüssel, der vereinfacht gesagt eine Kombination aus deinem Benutzernamen und deinem Kennwort ist.

Divi und andere WordPress-Themes verwenden den API Key um Zugriff auf MailChimp zu erlangen und neue Abonnenten anzulegen, ohne deinen Benutzernamen und dein Kennwort zu kennen.

Um einen neuen API Key anzulegen logge dich in MailChimp* ein und klicke anschließend auf deinen Namen in der rechten oberen Ecke.

In dem Menü wählst du “Account” aus.

MailChimp & Divi: Account

Unter “Extras” findest du den Menüpunkt “API Keys”:

MailChimp & Divi: Extras - API keys

Klicke auf “Create a Key”.

MailChimp & Divi: You don't have any active API keys - Create a key

Das war’s auch schon. Der API Key ist angelegt.

MailChimp & Divi: Ein API key

Behandle diesen API Key wie dein Kennwort – wer den API Key hat, hat nämlich vollen Zugang zu deinem MailChimp-Account!

Schritt 2: Neues Divi E-Mail-Optin-Modul hinzufügen

Aktiviere den Divi Visual Builder und füge ein neues E-Mail-Optin-Modul hinzu.

MailChimp & Divi: Neues E-Mail-Optin-Modul hinzufügen

Schritt 3: API Key in den E-Mail-Optin Einstellungen eintragen

In der Sektion “E-Mail-Account” wähle “MailChimp” als Serviceanbieter und klicke “hinzufügen”.

MailChimp & Divi: E-Mail-Account-Einstellungen

Vergib einen beliebigen Account-Namen und gib dann auch den, in Schritt 1 angelegten, API Key ein.

MailChimp & Divi: Account-Namen und API Key

Mit “Senden” werden die Daten an MailChimp übertragen und überprüft.

Schritt 4: Liste auswählen

Auch wenn das Modul jetzt wieder gleich aussieht wie in Schritt 3 – du kannst jetzt deine Liste im Dropdown “MailChimp Liste” auswählen.

MailChimp & Divi: Liste auswählen im E-Mail-Optin Modul
Angebote schreiben in 10 Minuten - mit der ultimativen Angebotsvorlage für Web-Designer, Webprogrammierer und Online-Marketer

Wasserdichte Angebote schreiben in nur 10 Minuten?

Schritt 5: Einstellungen

Vor- und Nachname ausblenden

Wenn du für die Anmeldung nur, wie von mir empfohlen, die E-Mail-Adresse benötigst, musst du noch unter “Felder” die beiden Felder Vor- und Nachname ausblenden.

MailChimp & Divi: Vor- und Nachname ausblenden

Zur “Ein-Klick-fehlt-noch”-Seite umleiten

Wähle in der Sektion “Sektion” unter “Sektion” (ja, hier ist die deutsche Übersetzung von Divi nicht gerade optimal :-) ) den Eintrag “Redirect URL” und gib den vollen Pfad zu deiner Ein-Klick-fehlt-noch-Seite an.

MailChimp & Divi: Redirect-URL zu deiner Ein-Klick-fehlt-noch-Seite

Alternativ kannst du auch einfach unter “Captcha anzeigen” (ebenso eine misslungene Übersetzung) eine Nachricht eingeben, die angezeigt werden soll. Der Benutzer sieht dann aber leider nur diese Nachricht und keine Anleitung, was er oder sie zu tun hat.

Fazit

Das war es auch schon, du kannst das E-Mail-Optin-Modul von Divi jetzt noch optisch nach deinen Wünschen gestalten.

Verlässt du den Visual Builder von Divi kannst du die Anmeldung auch sofort ausprobieren. Der API-Key von MailChimp wird im Hintergrund gespeichert und stellt sicher, dass die Kommunikation zwischen Divi und MailChimp reibungslos funktioniert.

Sollte etwas nicht funktionieren, kannst du mir gerne einen Kommentar hinterlassen!

Lass uns einfach Websites bauen,

Michael

PS: Kennst du schon den MailChimp-Komplettkurs von Sven*? Sehr zu empfehlen!

Picture of Michael
Hi, ich bin Michael Baierl und bin WordPress-Programmierer aus Wien. In meiner WordPress-Community – den Website Heroes – finden Web-Designer alles, um großartige Websites für ihre Kunden zu erstellen und finanziell erfolgreich zu sein: regelmäßige Weiterbildung, Austausch, Feedback, schnelle Problemlösung und Co-Working. Schau gleich vorbei.

Meine Empfehlung für WordPress-Themes:*

Das beste Performance-Plugin:*

Meine Empfehlung für WordPress-Hosting:*

Das beste Plugin für Mehrsprachigkeit:*

Der beste Pagebuilder für WordPress:*

Meine Empfehlung für WordPress-Agenturen:*

Das beste Cookie-Banner-Plugin:*

Meine Empfehlung für WordPress-Hosting:*

Inhalt

Meine Empfehlung für WordPress-Themes:*

Das beste Performance-Plugin:*

Meine Empfehlung für WordPress-Hosting:*

Das beste Plugin für Mehrsprachigkeit:*

Der beste Pagebuilder für WordPress:*

Meine Empfehlung für WordPress-Agenturen:*

Das beste Cookie-Banner-Plugin:*

Meine Empfehlung für WordPress-Hosting:*

Kommentare

28 Antworten

  1. Hallo, sorry, ich tue mich etwas schwer damit. Wo finde ich (bzw. Wo richte ich diese ein?), die hier erwähnte Seite: »Wähle in der Sektion den Eintrag “Redirect URL” und gib den vollen Pfad zu deiner Ein-Klick-fehlt-noch-Seite an.«

    1. Hallo Michaela,
      diese Einstellung befindet sich im E-Mail-Optin-Modul unter dem Tab „Inhalt“. Der Screenshot sollte es erklären.
      Liebe Grüße,
      Michael

    2. Hallo Michael, wo genau wird der API key im Hintergrund hinterlegt? Ich nutze Divi und Mail chimp. Seit einiger Zeit komme i h trotz Generierung neuer API Keys nicht mehr auf meinen mailchimp Account, d. H. Ich kann diesen über Divi Option Modul nicht mehr verknüpfen.

      Viele Grüße Carina

    3. Liebe Carina,
      der API Key wird von Divi in der Datenbank gespeichert; wo genau kann ich leider nicht sagen. Ich tippe aber auf die wp_options-Tabelle, da der API-Key ja für verschiedene Divi-Module gilt.
      Liebe Grüße, Michael

  2. Tolle Anleitung vielen Dank! Für meine Zwecke benötige ich den Namen, leider wird allerdings dieser nicht an Mailchimp übermittelt. Habe nun alle erdenklichen Wege versucht die den Namen in der Conversion zu erhalten, leider ohne Erfolg. Auch die Inhalte eines Textfeldes werden nicht übertragen. Hattest du ggfl. änhnliche Erfahrungen, bzw eine Idee woran es liegen kann das Daten nicht bei Mailchimp ankommen?

    VG

    Samuel

    1. Hallo Samuel,
      ja, das Divi Mail-Optin-Modul hat mich schon so einige graue Haare gekostet. Unter anderem hat es auf einmal nicht funktioniert, erst ein Löschen des API-Keys in Divi und Neu-Eintragen hat das Modul wieder zur Zusammmenarbeit bewegen können. Vielleicht hilft das ja auch bei dir?
      Liebe Grüße,
      Michael

  3. Das war auch meine Idee, hat dazu geführt das nun alle Felder nicht mehr gefunden werden. Habe jetzt den ganzen Tag damit zugebracht und das Gefühl es von Stunde zu Stunde nur schlimmer gemacht zu haben.

    1. Tut mir leid, das zu hören. Und deckt sich mit meiner Erfahrung, das Divi da SEHR undurchsichtig ist :-(
      Im Zweifel – das Modul löschen, die Seite speichern, alle Caches leeren und noch mal von vorne anfangen…
      Toi Toi Toi!

  4. Danke für die ausführliche Anleitung! Ich habe alles wie beschrieben bei Mailchimp und Divi eingerichtet. Jedoch geht keine Email für das Double Opt In raus, wenn sich jemand über das Divi OptIn zum Newsletter anmeldet. Gibt es da einen Trick?

    1. Liebe Franzi,
      hast du bei der Liste in MailChimp auch Double Opt In aktiviert? Dann sollte es klappen…
      Liebe Grüße, Michael

  5. Hallo Michael,

    erstmal Kompliment zu deiner Website. Das wirkt alles extrem aufgeräumt und vor allem überzeugt mich dein Content und dein sympathischer Auftritt. Man merkt, dass du nicht der 0815-Webfuzzy bist, den du ja hier erwähnst ;-)

    Ich stehe an der gleichen Stelle wie Franzi. Ich vermute jedoch, dass es nicht so funktioniert, wie von dir oben beschrieben – jedenfalls dann, wenn man den Double-Opt-In nutzen möchte (was man ja laut DSGVO unbedingt sollte).
    Zumindest klappt er bei mir auch nicht. So wie ich Mailchimp verstehe, muss ich zwangsläufig deren Signup Form verwenden, damit der Double-Opt-In klappt: https://mailchimp.com/de/help/about-double-opt-in/
    D.h. in Mailchimp einfach Audience List mit Checkbox Double-Opt-In anlegen und den Rest in Divi erledigen, erscheint aus meiner Sicht noch nicht auszureichen.
    Oder habe ich da etwas übersehen?

    LG Florian

    1. Hallo Florian,
      danke für das Lob!
      Ja, du hast recht, es muss in MailChimp Double-Opt-In aktiviert werden, damit es klappt. In Divi ist keine Einstellung nötig bzw. möglich. Das ganze funktioniert dann ganz wunderbar und DSGVO-konform mit Double-Opt-In – wie hier auf dieser Website und einigen anderen, die ich noch betreue …
      Eine neue Liste habe ich erst vor einigen Tagen hinzugefügt, da hat das auch einwandfrei funktioniert – sehr komisch!
      Hast du mit einer neuen Mail-Adresse getestet? Und trotz Double-Opt-In-Setting in MailChimp wirst du sofort zur Liste hinzugefügt?
      Wenn du eine Lösung findest würd‘s mich interessieren, woran es lag!
      lg Michael

  6. Hallo Michael,
    vielen Dank für deinen Beitrag! Ich habe das Email Opt in in Divi angelegt, nur leider funktioniert der Transfer der E-Mail Adressen zu Mailchimp nicht. Für meine Seite brauche ich keinen Double-Opt-in, ich möchte einfach nur die Emailadressen in der Liste sammeln. Die Frage ist also, ob die Email-Eintragung auch funktioniert, ohne dass die Mailchimp Liste einen Double Opt In hat?

    Danke dir und liebe Grüße,
    Janina

    1. Liebe Janina,
      um E-Mail-Adressen im Web zu sammeln und dann auch verwenden zu können benötigst du IMMER Double-Opt-In.
      Aber ja, das Divi Email Optin funktioniert auch ohne Double Opt-In, das ist ja eine Einstellung, die rein in MailChimp eingestellt wird.
      lg Michael

  7. Hallo und guten Tag,
    erst einmal vielen Dank für diesen Beitrag. Ich habe, soweit ich es erkennen kann, alles befolgt. Nur: Wenn ich es teste und meine Mailadresse eingebe, werde ich zwar Zur “Ein-Klick-fehlt-noch”-Seite weitergeleitet, jedoch wird in meiner Liste auf der Mailchimp-Website die Mailadresse nicht übermittelt und abgespeichert. Hast Du eine Idee woran das liegen könnte?

    LG
    Ronny

    1. Hallo Ronny,
      du musst auch denk Link in der Bestätigungs-E-Mail anklicken, bevor deine E-Mail-Adresse in der MailChimp-Liste aufscheint.
      Liebe Grüße,
      Michael

    2. Dank für Deine Antwort, ich hab leider vergessen, zu betonen, das ich auch keine Bestätigungsmail erhalten habe.
      Zudem vergaß ich auch folgendes zu erwähnen: Mein Hauptdomain gestalte ich gerade um. Nun habe ich, um zu „renovieren“ eine Subdomain eingerichtet. Dort wird die neue Seite entstehen, die dann zur Hauptseite wieder migrieren wird. Kann es sein, das es daran liegt, das bei Mailchimp meine Hauptdomain registriert ist und das nicht auf der Subdomain funktionieren wird?

    3. Lieber Ronny,
      danke für die weitere Info. Das Thema mit der Subdomain sollte meines Wissens nach keinen Einfluss haben. Aber probiere doch einmal eine völlig neue E-Mail-Adresse aus, nach einigen Versuchen und An- bzw. Abmeldungen sperrt dich MailChimp nämlich … kann auch an deiner IP-Adresse liegen.
      lg Michael

  8. Hallo!

    Ja, auch bei mir funktioniert das Double-Opt-In nicht (es werden keine Mails ausgeschickt) und die Nutzer sind in Mailchimp direkt auf „Subscribed“ gesetzt – obwohl in den Mailchimp-Einstellungen Double-Opt-In aktiviert ist!

    1. Hallo Stephan,
      hast du schon versucht den API-Key zu löschen, speichern, neu hinzuzufügen? Das hat bei mir damals geholfen. Divi ist da leider nicht sehr nutzerfreundlich :-(
      lg Michael

  9. Hallo,

    auch bei mir funktioniert das Double-Opt-In nicht richtig. Ich habe leider auch nicht verstanden, wo ich diese URL für die „Ein-Klick-Fehlt-Noch“ Seite herbekomme. Da ich diese URL nicht habe, habe ich die Captcha Version gewählt, und damit funktioniert es leider nicht. Kannst Du bitte erklären, woher ich diese Ein-Klick-Fehlt-Noch URL bekomme?

    Vielen, vielen Dank!

  10. „den API-Key zu löschen, speichern, neu hinzuzufügen“ war der ultimative Tipp !!

    Jetzt funktioniert alles. Danke für Deine Mühe

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weiterbildung, Support und Community für WordPress

Nie wieder alleine - werde Teil der Website Heroes und bilde dich laufend weiter.

Weiterbildung und Sofort-Support für angestellte Website-Helden.

Exklusiv für Agenturen, Grafiker:innen und Designer:innen: WordPress-Programmierung.

Dein Technischer Partner für deine Website.

Technische Wartung deiner Website. Security inklusive.

Schreibe wasserdichte Angebote in nur 10 Minuten.

Raus aus dem Projektgeschäft - schaffe dir langfristig ein passives Einkommen.