Wie du dein Newsletter-Formular in Divi einbinden kannst

Diesen Beitrag habe ich 2021 geschrieben und im September 2026 für Divi 5 aktualisiert.

Eine Newsletter-Anmeldung darf heutzutage auf keiner Website mehr fehlen. Also hast du dich auf den Weg gemacht, recherchiert und viel gelesen. Welche Anbieter gibt es? Was benötige ich überhaupt an Funktionen? Wie hoch sind die Kosten? Nach langem Hin und Her hast du dich endlich für deinen Wunsch-Anbieter entschieden, dich registriert und alle Einstellungen vorgenommen.

Und nun? Wie bekommst du das Anmelde-Formular nun auf deine Website? Darum soll es heute gehen.

Es gibt mehrere Möglichkeiten, das Newsletter-Formular in Divi einzubinden.

Das Formular des Anbieters direkt einbinden

Dies ist die einfachste Möglichkeit. Bei den meisten Anbietern kannst du direkt in deinem Kunden-Account ein Newsletter-Formular erstellen und erhältst dort auch einen Code, den du dann an beliebiger Stelle auf deine Website einfügen kannst. Je nach Anbieter unterscheiden sich die Gestaltungsmöglichkeiten. Meistens sind diese recht schlicht gehalten, Button-Farbe sowie Schriften lassen sich in der Regel anpassen.

Dies sieht dann zum Beispiel so aus:

Leider habe ich selten wirklich schöne Formulare gefunden, die sich auch in die Optik der Website einfügen.

Dem kommen wir mit der zweiten Möglichkeit schon etwas näher:

Formular mit Plugins einbinden

Bloom von Elegant Themes

Wenn du ohnehin Divi nutzt, steht dir auch das hauseigene Plugin Bloom zur Verfügung. Es hat Schnittstellen zu den gängigsten E-Mail-Marketing-Tools und lässt sich einfach mit ihnen verbinden. Die Formulare bindest du per Shortcode ein, und auch Widgets und Pop-ups kannst du damit erstellen. Dazu kommen eine Statistik und A/B-Tests.

Thrive Leads

Wenn du viele verschiedene Formulare planst, zum Beispiel für unterschiedliche Leadmagneten, kann ich dir auch Thrive Leads von Thrive Themes (öffnet in neuem Tab) empfehlen. In Kombination mit Thrive Architect, mit dem du richtig tolle Landingpages baust, ist das ein starkes Paar. Thrive Leads gibt es einzeln oder als Teil der Thrive Suite.

Anbieter Plugins

Auch viele Newsletter-Anbieter wie ActiveCampaign, MailerLite oder Brevo bieten eigene WordPress-Plugins an. Darüber bindest du die Formulare aus deinem Account per Shortcode oder Block in deine Website ein.

Newsletter-Formular mit dem Divi Email-Optin-Modul einbinden

Divi bietet von Haus aus auch ein eigenes Modul für die Newsletter-Anmeldung an, und das gibt es auch in Divi 5. Zugegeben, die Einrichtung kann etwas tricky sein. Auch ich brauchte einige Anläufe, bis es tatsächlich lief. Hat man den Dreh aber erst mal raus, läuft es meiner Meinung nach sehr gut. Darum zeige ich dir hier genauer, wie du dein Newsletter-Formular mit dem Modul einbindest.

Hinweis: Die Screenshots stammen noch aus Divi 4. In Divi 5 sieht die Oberfläche etwas anders aus, die Einstellungen heißen aber weitgehend gleich.

Vorteile

• Modul ist immer griffbereit im Divi Builder
• kein zusätzliches Plugin nötig
• passt sich perfekt dem Look der Website an
• die meisten gängigen Anbieter sind kompatibel
• sehr schnell eingerichtet

Formular erstellen

Im Divi-Builder findest du das Modul „E-Mail-Optin“. Du kannst es wie alle anderen Divi-Module optisch an deine Website anpassen. In Divi 5 kannst du die Gestaltung der Eingabefelder sogar als Vorlage speichern und für alle Formulare deiner Website verwenden, also auch für das Kontaktformular. Die Texte wie Überschrift und Button-Beschriftung trägst du ebenfalls im Modul ein.

Formular verbinden

Etwas weiter unten nach den Texten findest du den Menü-Punkt "E-Mail-Account".

Dort wählst du deinen Service-Anbieter aus:

Nun benötigst du die "API" deines Newsletter-Anbieters. Der Account-Name ist irrelevant, muss jedoch ausgefüllt werden. Ich setze dort immer den Namen meines Anbieters rein.

Den API-Schlüssel findest du in deinem Account beim jeweiligen Dienst, meist in den Einstellungen unter „API“ oder „Integrationen“. In meinem Beispiel habe ich einen Mailchimp-Account verbunden, dort steckt der Schlüssel in den Profileinstellungen unter „Extras“ und „API-Keys“.

Jetzt ist dein Account bereits verbunden. Im nächsten Schritt kannst du noch die gewünschte Liste auswählen:

Besonderer Hinweis für ActiveCampaign:

Sobald du ActiveCampaign auswählst, erscheinen noch ein paar weitere Felder, wie die API URL (die findest du in deinem AC Account bei deinem API Key) sowie auch das Feld "Form ID".

In das Feld Form ID musst du die ID deines Formulars eintragen. Dieser Schritt ist sehr wichtig, da bei ActiveCampaign das Double Optin an das Formular geknüpft ist! Also schaue dir dein bei AC angelegtes und eingerichtetes Formular an. Oben in der URL des Formulars siehst du am Ende eine Ziffer - dies ist die ID deines Formulars, sprich die Form ID, welche du in dein Divi Formular eintragen musst. Damit ist dein Divi-Newsletter-Formular mit deinem ActiveCampaign Formular verknüpft und das Double Optin wird ordnungsgemäß ausgeführt!

Anmelde-Felder auswählen

Im Bereich „Felder“ legst du fest, welche Daten dein Formular abfragt. Fragst du nach dem Vornamen? Oder noch nach anderen Daten? Denk dabei an die Datensparsamkeit, die die DSGVO verlangt: so viel wie nötig, so wenig wie möglich. Unter „Benutzerdefinierte Felder“ kannst du weitere Felder auswählen, die du bei deinem Anbieter angelegt hast.

Weiterleitung nach der Anmeldung

Jetzt fehlt nur noch die Information, die deine Abonnenten bekommen, wenn sie dein Formular abgeschickt haben.

Unter „Erfolgsaktion“ legst du fest, was nach dem Absenden passiert: Entweder erscheint eine Nachricht, oder deine Abonnenten werden auf eine eigene Seite weitergeleitet. Die zweite Variante finde ich schöner. Dort kannst du erklären, dass gleich eine Bestätigungs-E-Mail kommt, und was als Nächstes passiert.

Spam-Schutz

Unter „Spamschutz“ kannst du Google reCAPTCHA aktivieren. Dafür brauchst du einen eigenen Schlüssel von Google. Und weil dabei Daten an Google gehen, gehört reCAPTCHA in deine Datenschutzerklärung und je nach Einrichtung auch in dein Cookie-Banner.

Fazit

Das waren jetzt ein paar Möglichkeiten, wie du dein Newsletter-Formular in deine Divi-Website einbinden kannst. War doch gar nicht so schlimm, oder? Ich hoffe, du konntest etwas für dich mitnehmen.

Egal wie du dein Newsletter-Formular einbindest, vergiss auf keinen Fall, dies auch selbst mindestens einmal zu testen. Der Teufel steckt ja meistens im Detail. Klappt die Weiterleitung, nachdem du dich angemeldet hast? Kommt die Bestätigungs-E-Mail bei dir an? Landest du auch auf der gewünschten Liste, falls es mehrere gibt? Dann steht dem Wachsen deiner E-Mail-Liste ab sofort nichts mehr im Wege.

Wie bei allem anderen gilt auch hier: Viele Wege führen nach Rom. Wenn du deinen nicht allein gehen möchtest, begleite ich dich gern. Schreib mir über das Kontaktformular oder buch dir ein kostenloses Erstgespräch.

Du weißt noch gar nicht, ob du mit dem E-Mail-Marketing starten möchtest oder warum du das überhaupt tun solltest? Dann lies gern meinen Beitrag E-Mail-Marketing: Ist das nicht längst tot? Und damit deine Newsletter auch ankommen: Was dein Newsletter heute braucht, damit er ankommt.