{"id":52152,"date":"2022-07-05T08:42:14","date_gmt":"2022-07-05T07:42:14","guid":{"rendered":"https:\/\/kinqsta.com\/de\/?p=52152&preview=true&preview_id=52152"},"modified":"2023-08-23T15:56:41","modified_gmt":"2023-08-23T14:56:41","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/de\/blog\/elementor-mailchimp\/","title":{"rendered":"So integrierst du Elementor und Mailchimp (in 5 Schritten)"},"content":{"rendered":"

Mailchimp ist eines der besten E-Mail-Marketing-Automatisierungstools<\/a> f\u00fcr deine Webseite. Mit seinen Diensten kannst du deine Abonnenten effizient organisieren und ihnen Inhalte schicken, die sie interessieren. Allerdings kann es sein, dass die Kontaktformulare von Mailchimp nicht mit dem Branding deiner Webseite \u00fcbereinstimmen.<\/p>\n

Um dieses Problem zu l\u00f6sen, kannst du Elementor<\/a> und Mailchimp integrieren. Mit Elementor kannst du ganz einfach ein benutzerdefiniertes Anmeldeformular entwerfen und es in deine Webseite einbetten. Dann kannst du die Anmeldeinformationen direkt von Mailchimp aus verwalten<\/a>.<\/p>\n

In diesem Beitrag erkl\u00e4ren wir dir, warum du Elementor und Mailchimp integrieren solltest. Dann zeigen wir dir, wie du das in nur f\u00fcnf Schritten machen kannst. Au\u00dferdem haben wir eine Liste mit Add-ons zusammengestellt, mit denen du zus\u00e4tzliche Features und Funktionen nutzen kannst. Los geht’s!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Die Vorteile der Integration von Elementor und Mailchimp<\/h2>\n

Egal, ob du ein Online-Shop oder einen Blog betreibst, du wirst wahrscheinlich eine M\u00f6glichkeit brauchen, um deine Zielgruppe regelm\u00e4\u00dfig zu kontaktieren. Mit Mailchimp<\/a> kannst du genau das tun.<\/p>\n

Mailchimp ist ein E-Mail-Marketingdienst, mit dem du Abonnentenlisten erstellen und E-Mails entwerfen kannst:<\/p>\n

\"Mailchimp
Mailchimp.<\/figcaption><\/figure>\n

Mit Mailchimp kannst du E-Mail-Listen mit den Kontaktinformationen deiner Abonnenten erstellen. Mit vorgefertigten E-Mail-Vorlagen und dem Content Optimizer<\/a> kannst du ansprechende und informative Nachrichten an deine Abonnenten senden.<\/p>\n

Wenn du neu bei Mailchimp<\/a> bist, kannst du ein kostenloses Konto erstellen. Solange du weniger als 2.000 Abonnenten hast, kannst du die benutzerfreundlichen Funktionen ohne Bezahlung nutzen.<\/p>\n

Wenn du versuchst, deine E-Mail-Liste zu vergr\u00f6\u00dfern, ist es eine gute Idee, einige Anmeldeformulare auf deiner Webseite einzubauen. Sie k\u00f6nnen dir helfen, Leads aus deinem organischen Traffic zu generieren. Mailchimp bietet diese Funktion zwar an, aber die eingebetteten Formulare sind oft generisch und passen wahrscheinlich nicht zu deinem Branding.<\/p>\n

An dieser Stelle kommt Elementor ins Spiel. Elementor ist ein benutzerfreundlicher WordPress Page Builder<\/a>, mit dem du deine Webseite ohne Programmierkenntnisse gestalten kannst. Mit seinem Drag-and-Drop-Editor kannst du ganz einfach die Funktionen erstellen, die deine Webseite braucht:<\/p>\n

\"Elementor\"
Elementor Seitenersteller<\/figcaption><\/figure>\n

Au\u00dferdem l\u00e4sst sich Elementor leicht mit Mailchimp integrieren. Im Vergleich zu anderen Page Buildern<\/a> ist Elementor eine der besten Optionen f\u00fcr die Erstellung und Verwaltung von Opt-in-Formularen.<\/p>\n

Mit Elementor kannst du \u00fcberall auf deiner Seite ein Kontaktformular<\/a> einf\u00fcgen und Mailchimp in den Einstellungen verlinken. Wenn sich deine Online-Besucher\/innen anmelden, werden sie automatisch zu deiner Mailchimp-Liste hinzugef\u00fcgt. Wenn du beide Tools verwendest, kannst du gut gestaltete Formulare erstellen, ohne auf die Analyse der Abonnenten verzichten zu m\u00fcssen.<\/p>\n\n

Wie du Elementor und Mailchimp integrierst (in 5 Schritten)<\/h2>\n

Jetzt, wo du wei\u00dft, wie Elementor und Mailchimp deiner Webseite n\u00fctzen k\u00f6nnen, lass uns besprechen, wie du den Integrationsprozess startest!<\/p>\n

Schritt 1: Melde dich f\u00fcr ein Mailchimp-Konto an<\/h3>\n

Zuerst musst du dich auf der Mailchimp-Webseite f\u00fcr ein Konto anmelden<\/a>. Das kannst du kostenlos tun, indem du einfach deine E-Mail-Adresse, deinen Benutzernamen und dein Passwort eingibst:<\/p>\n

\"Melde
Melde dich f\u00fcr ein Mailchimp-Konto an.<\/figcaption><\/figure>\n

Dann schickt dir Mailchimp eine E-Mail mit einem Aktivierungslink. Wenn du auf diesen klickst, siehst du eine Seite mit verschiedenen Tarifoptionen:<\/p>\n

\"Mailchimp
Mailchimp Tarifoptionen.<\/figcaption><\/figure>\n

Wenn du dir nicht sicher bist, welcher Plan der richtige f\u00fcr dich ist, w\u00e4hle Planfunktionen vergleichen<\/strong>. Hier kannst du dir alles ansehen, was in jeder Stufe enthalten ist:<\/p>\n

\"Mailchimp-Pl\u00e4ne
Mailchimp-Pl\u00e4ne vergleichen.<\/figcaption><\/figure>\n

In diesem Tutorial entscheiden wir uns f\u00fcr den Free Plan<\/strong>, der 2.000 Kontakte und 10.000 E-Mail-Versendungen unterst\u00fctzt. Das reicht f\u00fcr einen einfachen E-Mail-Marketingplan<\/a> aus. Allerdings hast du keinen Zugriff auf Retargeting-Anzeigen, benutzerdefinierte E-Mail-Vorlagen oder individuelles Branding.<\/p>\n

Um dich anzumelden, gibst du deinen Namen und deine Unternehmensdaten an. Obwohl es optional ist, kannst du auch die URL deiner Webseite eingeben und deine Inhalte importieren:<\/p>\n

\"F\u00fcge
F\u00fcge deinen Namen und deine Unternehmensdaten hinzu.<\/figcaption><\/figure>\n

Als n\u00e4chstes f\u00fcllst du deine Adressdaten aus. Dieser Schritt stellt sicher, dass deine E-Mails nicht zu Spam werden:<\/p>\n

\"F\u00fcge
F\u00fcge deine Adresse in das Feld ein.<\/figcaption><\/figure>\n

Mailchimp wird dich dann fragen, ob du bereits Abonnenten hast. Wenn ja, w\u00e4hle Ja<\/strong> und gib an, wie viele du hast:<\/p>\n

\"Gib
Gib an, wie viele Abonnenten du hast.<\/figcaption><\/figure>\n

Um Mailchimp zu helfen, dein Gesch\u00e4ft zu verstehen, gib an, ob du Produkte oder Dienstleistungen verkaufst. Um diese Frage zu umgehen, kannst du auf \u00dcberspringen<\/strong> klicken:<\/p>\n

\"Option
Option Produkte oder Dienstleistungen.<\/figcaption><\/figure>\n

Nachdem du den Anmeldeprozess abgeschlossen hast, kannst du auf dein Mailchimp-Konto zugreifen!<\/p>\n

Schritt 2: Erstelle eine Zielgruppe und einen API-Schl\u00fcssel<\/h3>\n

Um mit der Organisation deiner Abonnenten in Mailchimp zu beginnen, musst du eine Zielgruppe erstellen. Denke daran, dass ein kostenloses Konto nur eine Zielgruppe unterst\u00fctzt, aber jeder erweiterte Plan kann drei oder mehr enthalten.<\/p>\n

Obwohl du vielleicht versucht bist, mehrere Zielgruppen zu erstellen, empfiehlt Mailchimp, mit einer zu beginnen<\/a>. Diese Einrichtung kann dir helfen, deine Abonnenten als Ganzes zu verstehen. Au\u00dferdem kannst du so deinen E-Mail-Versand vereinfachen und deine Kontakte pflegen, wenn dein Unternehmen w\u00e4chst.<\/p>\n

Auch mit nur einer Zielgruppe kannst du Tags und Segmente erstellen, um Kontakte in verschiedene Untergruppen einzuteilen. Mehrere Zielgruppen zu erstellen, kann jedoch einige Vorteile haben.<\/p>\n

Wenn du zum Beispiel E-Mails sowohl an Verk\u00e4ufer\/innen als auch an Eink\u00e4ufer\/innen schickst, musst du diesen Gruppen m\u00f6glicherweise getrennte Nachrichten schicken.<\/p>\n

Gehe in deinem Mailchimp-Dashboard zu Audience > Audience Dashboard<\/strong>. Klicke dann auf Deine Kontakte hinzuf\u00fcgen<\/strong>:<\/p>\n

\"Kontakte
Kontakte in Mailchimp hinzuf\u00fcgen.<\/figcaption><\/figure>\n

Du gelangst nun zu einer Seite, auf der du die Kontaktdaten deiner Abonnenten importieren kannst. Kopiere einfach ihre Namen und E-Mail-Adressen und f\u00fcge sie in ein Textfeld ein. Alternativ kannst du auch Daten von einem Drittanbieterdienst importieren oder eine CSV- oder TXT-Datei hochladen:<\/p>\n

\"Es
Es stehen verschiedene Upload-Optionen zur Verf\u00fcgung.<\/figcaption><\/figure>\n

Wenn du das getan hast, gehst du zu deinem Audience Dashboard<\/strong> und findest dort Audience verwalten > Einstellungen<\/strong>. Hier kannst du den Namen und die Standardeinstellungen \u00e4ndern:<\/p>\n

\"\u00c4ndere
\u00c4ndere den Namen und die Standardeinstellungen.<\/figcaption><\/figure>\n

Achte darauf, dass du einen Absendernamen<\/strong> und eine Absender-E-Mail-Adresse<\/strong> festlegst. Du kannst auch ein Double-Opt-In aktivieren, um den Abonnenten nach der Anmeldung eine Best\u00e4tigungs-E-Mail zu schicken:<\/p>\n

\"F\u00fcge
F\u00fcge weitere Kampagnenoptionen hinzu.<\/figcaption><\/figure>\n

Wenn du mit der Erstellung und Einrichtung deines Kontos fertig bist, gehe zu deinem Profil<\/strong>. Klicke dann auf Extras > API-Schl\u00fcssel<\/strong>:<\/p>\n

\"Klicke
Klicke auf den Reiter „Extras“, um die Option API zu finden.<\/figcaption><\/figure>\n

Wenn du noch keinen API-Schl\u00fcssel hast, musst du auf „Schl\u00fcssel erstellen<\/strong>“ klicken. Mailchimp wird automatisch einen f\u00fcr dich hinzuf\u00fcgen:<\/p>\n

\"Einen
Einen API-Schl\u00fcssel erstellen.<\/figcaption><\/figure>\n

Sobald dein API-Schl\u00fcssel<\/a> aktiv ist, kopiere ihn. Da diese Information Zugang zu deinem Mailchimp-Konto gew\u00e4hrt, solltest du diesen Code niemals \u00f6ffentlich teilen.<\/p>\n

Schritt 3: Gestalte ein Mailchimp-Anmeldeformular mit Elementor<\/h3>\n

Als N\u00e4chstes musst du Elementor Pro herunterladen und installieren<\/a>. Es enth\u00e4lt einen WordPress Form Builder<\/a>, mit dem du eigene Formulare entwerfen und Feedback von deinen Besuchern sammeln kannst.<\/p>\n

Nachdem du Elementor Pro aktiviert hast, gehst du zu Elementor > Einstellungen > Integrationen<\/strong>. Scrolle nach unten zum Abschnitt Mailchimp<\/strong> und f\u00fcge den API-Schl\u00fcssel ein:<\/p>\n

\"F\u00fcge
F\u00fcge deinen Mailchimp-API-Schl\u00fcssel ein.<\/figcaption><\/figure>\n

Klicke auf API-Schl\u00fcssel validieren<\/strong>. Wenn die Integration erfolgreich ist, siehst du ein gr\u00fcnes H\u00e4kchen neben dieser Schaltfl\u00e4che. Danach speicherst du deine \u00c4nderungen.<\/p>\n

Jetzt kannst du mit der Gestaltung deines Anmeldeformulars beginnen. F\u00fcge zun\u00e4chst einen neuen Beitrag oder eine neue Seite hinzu und w\u00e4hle Mit Elementor bearbeiten<\/strong>:<\/p>\n

\"W\u00e4hle
W\u00e4hle „Mit Elementor bearbeiten“.<\/figcaption><\/figure>\n

Scrolle im Elementor-Editor nach unten zu den Pro-Widgets<\/strong>. Hier siehst du eine Option f\u00fcr Formulare<\/strong>. Ziehe dieses Widget per Drag and Drop auf die Seite:<\/p>\n

\"Ziehe
Ziehe das Widget „Formular“ auf die Seite.<\/figcaption><\/figure>\n

Elementor erstellt automatisch ein einfaches Formular mit den Feldern Name, E-Mail-Adresse und Nachricht. Du kannst das Formular jedoch weiter anpassen, bis es deinen Bed\u00fcrfnissen entspricht:<\/p>\n

\"Passe
Passe das Formular an, wie du willst.<\/figcaption><\/figure>\n

Wenn du zum Beispiel ein Anmeldeformular hinzuf\u00fcgen<\/a> m\u00f6chtest, braucht es normalerweise keine Nachrichtenfelder. Du kannst einfach auf das X<\/strong> neben diesem Punkt klicken.<\/p>\n

Um Leads zu generieren, musst du die Besucher auffordern, sowohl ihren Namen als auch ihre E-Mail-Adresse anzugeben. Dazu klickst du auf jedes Feld und w\u00e4hlst Ja<\/strong> neben Erforderlich<\/strong>:<\/p>\n

\"Klicke
Klicke auf die entsprechenden Elemente.<\/figcaption><\/figure>\n

Dann gehst du zum Abschnitt Schaltfl\u00e4chen<\/strong>, um die Aktionsschaltfl\u00e4che zu bearbeiten. Obwohl der Standardtext „Senden“ lautet, solltest du ihn in „Abonnieren“ oder „Anmelden“ \u00e4ndern<\/p>\n

\"Bearbeite
Bearbeite die Buttonaktion in Elementor.<\/figcaption><\/figure>\n

Du kannst die Gr\u00f6\u00dfe und die Spaltenbreite des Buttons nach Bedarf \u00e4ndern. Wenn du m\u00f6chtest, kannst du auch ein Symbol hinzuf\u00fcgen.<\/p>\n

Schritt 4: Mailchimp verbinden<\/h3>\n

Nachdem du dein Formular nach deinen W\u00fcnschen angepasst hast, ist es an der Zeit, dein Mailchimp-Konto zu verbinden. Dazu findest du den Abschnitt Aktionen nach dem Absenden<\/strong>:<\/p>\n

\"Rufe
Rufe die Option „Actions After Submit“ auf.<\/figcaption><\/figure>\n

Dann klickst du auf das +<\/strong> Symbol und w\u00e4hlst Mailchimp<\/strong> aus dem Dropdown-Men\u00fc:<\/p>\n

\"W\u00e4hle
W\u00e4hle Mailchimp aus dem Dropdown-Men\u00fc.<\/figcaption><\/figure>\n

Dadurch wird unten ein neuer Bereich mit dem Titel Mailchimp<\/strong> erstellt. Wenn du darauf klickst, siehst du Optionen, um einen API-Schl\u00fcssel und eine Zielgruppe festzulegen:<\/p>\n

\"Lege
Lege bei Bedarf API- und Zielgruppenoptionen fest.<\/figcaption><\/figure>\n

Wenn du deinen API-Schl\u00fcssel in den Integrationseinstellungen eingegeben hast, kannst du den Abschnitt API-Schl\u00fcssel<\/strong> als Standard<\/strong> belassen. W\u00e4hle dann die Zielgruppe<\/strong> aus, die du mit diesem Anmeldeformular verkn\u00fcpfen m\u00f6chtest:<\/p>\n

\"W\u00e4hle
W\u00e4hle die entsprechende Zielgruppe von Mailchimp.<\/figcaption><\/figure>\n

Du kannst auch alle Gruppen oder Tags ausw\u00e4hlen, die du in Mailchimp erstellt hast. Passe schlie\u00dflich die Einstellungen f\u00fcr die Feldzuordnung<\/strong> basierend auf den Feldern an, die du im Formular angegeben hast. So erf\u00e4hrt Mailchimp, welche Informationen es in seinem System katalogisieren soll.<\/p>\n

In diesem Beispiel enth\u00e4lt unser Anmeldeformular nur ein Namens- und ein E-Mail-Feld. Das bedeutet, dass wir nur diese Informationen in den Abschnitt „Field Mapping<\/strong>“ aufnehmen werden:<\/p>\n

\"Field
Field Mapping Optionen.<\/figcaption><\/figure>\n

Navigiere schlie\u00dflich zu Zus\u00e4tzliche Optionen<\/strong> und suche nach Benutzerdefinierte Nachrichten<\/strong>. Aktiviere diese Option, um eine Erfolgsmeldung anzuzeigen, wenn jemand das Formular ausgef\u00fcllt hat:<\/p>\n

\"F\u00fcge
F\u00fcge eine Erfolgsmeldung f\u00fcr deine Nutzer hinzu.<\/figcaption><\/figure>\n

Die Standardnachricht lautet: „Dieses Formular wurde erfolgreich abgeschickt.“ Du k\u00f6nntest dies in etwas wie „Danke, dass du dich angemeldet hast“ \u00e4ndern Du kannst auch benutzerdefinierte Meldungen f\u00fcr Fehler und Pflichtfelder hinzuf\u00fcgen.<\/p>\n

Schritt 5: F\u00fcge das Formular zu deiner Webseite hinzu<\/h3>\n

Wenn du mit der Anpassung des Formulars fertig bist, w\u00e4hle Ver\u00f6ffentlichen<\/strong>. \u00dcberlege dir, ob du das Anmeldeformular selbst benutzen willst, um zu pr\u00fcfen, ob es richtig funktioniert. Dann kannst du sehen, ob die neue E-Mail-Adresse<\/a> in deinem Mailchimp-Konto gespeichert ist.<\/p>\n

Vielleicht m\u00f6chtest du dieses neue Formular auch in mehrere Bereiche deiner Webseite einf\u00fcgen. Du kannst es als globales Widget speichern, um diesen Prozess zu vereinfachen.<\/p>\n

Suche zun\u00e4chst das Symbol Formular bearbeiten<\/strong> auf der rechten Seite des Formulars. Klicke mit der rechten Maustaste darauf und w\u00e4hle Als globales Widget speichern<\/strong>:<\/p>\n

\"Als
Als Global speichern.<\/figcaption><\/figure>\n

Dadurch wird das Anmeldeformular zu deinen Globalen Einstellungen<\/strong> hinzugef\u00fcgt. Wenn du eine neue Seite oder einen neuen Beitrag hinzuf\u00fcgst, kannst du einfach zu GLOBAL<\/strong> gehen, das vorgefertigte Formular suchen und es an die gew\u00fcnschte Stelle ziehen:<\/p>\n

\"Ziehe
Ziehe das globale Formular an die gew\u00fcnschte Stelle.<\/figcaption><\/figure>\n

Wenn du \u00fcberlegst, wo du deine Anmeldeformulare auf deiner Webseite platzieren willst, solltest du auch an die Sichtbarkeit denken. Auf einer gut gestalteten Landing Page<\/a>, die Besucher\/innen sehen k\u00f6nnen, wenn sie deine Website betreten, kannst du potenziell mehr Leads sammeln. Es kann jedoch sein, dass die Nutzer\/innen nicht daran interessiert sind, sich so fr\u00fch anzumelden.<\/p>\n

Manchmal ist es besser, Kontaktformulare in den Inhalt oder in die Seitenleiste einzubauen. Auch wenn dies etwas weniger sichtbar ist als eine Landing Page, k\u00f6nnen sich die Besucher\/innen auf diese Weise anmelden, w\u00e4hrend sie mit deiner Webseite interagieren.<\/p>\n

Das Formular in der Fu\u00dfzeile zu platzieren, kann ebenfalls eine praktische Option sein. Nutzer\/innen, die bis zum Ende deiner Webseite scrollen, sind oft neugierig auf deine Inhalte und daher eher geneigt, sich anzumelden. Allerdings ist diese Platzierung nicht so sichtbar wie andere Optionen.<\/p>\n

Die besten Add-Ons f\u00fcr deine Elementor\/Mailchimp-Integration<\/h2>\n

Mit den besten WordPress-Plugins<\/a> kannst du eine ma\u00dfgeschneiderte Webseite f\u00fcr dein Publikum erstellen. Elementor Pro bietet dir zahlreiche Optionen f\u00fcr die Gestaltung von Formularen und die Integration von Drittanbieterdiensten wie Mailchimp.<\/p>\n

Vielleicht brauchst du aber noch mehr fortgeschrittene Funktionen. Mit einigen Add-ons hast du mehr Kontrolle \u00fcber das Aussehen und die Funktionalit\u00e4t deiner Formulare.<\/p>\n

1. Essential Addons<\/h3>\n

Die Essential Addons<\/a> sind eine gro\u00dfartige M\u00f6glichkeit, die Kernfunktionen von Elementor zu erweitern. Mit diesem Tool kannst du auf mehr kreative Elemente zugreifen. Dazu geh\u00f6ren interaktive Funktionen wie ein Woo Product Grid, ein Countdown und eine filterbare Galerie:<\/p>\n

\"Essential
Essential Addons.<\/figcaption><\/figure>\n

Merkmale:<\/strong><\/p>\n