So integrieren Sie MailChimp mit Elementor im Jahr 2024

Suchen Sie nach einer einfachen Möglichkeit, MailChimp in Elementor zu integrieren?

In einer digitalen Welt, in der ein effektives Management von E-Mail-Marketingkampagnen für den Geschäftserfolg von entscheidender Bedeutung ist, MailChimp zeichnet sich als Anlaufstelle für E-Mail-Automatisierung und Abonnentenverwaltung aus.

Auf der anderen Seite, Elementor, einer der beliebtesten Page-Builder für WordPress, bietet beispiellose Flexibilität beim Entwerfen eleganter und funktionaler Webseiten ohne die Notwendigkeit von Programmierkenntnissen.

Die Integration von MailChimp mit Elementor ermöglicht es Ihnen, die Leistungsfähigkeit beider Tools zu kombinieren, um attraktive und funktionale Anmeldeformulare direkt in Ihre Webseiten einzubinden.

Diese Integration erleichtert nicht nur die Gewinnung potenzieller Abonnenten, sondern auch die reibungslosere und effizientere Verwaltung Ihrer Marketingkampagnen. Indem Sie Ihren Besuchern die Möglichkeit geben, sich direkt über Ihre Website für Ihren Newsletter anzumelden, optimieren Sie Ihre Marketingmaßnahmen und verbessern die Nutzererfahrung.

In diesem Artikel erfahren Sie:

1. Die Vorteile der MailChimp-Elementor-Integration Wir werden untersuchen, wie die Integration dieser beiden Tools Ihre Marketingstrategien verbessern und die Verwaltung Ihrer Abonnenten vereinfachen kann.
2. Notwendige Voraussetzungen : Sie erfahren, welche Konten und Plugins für diese Integration erforderlich sind und welche Vorkonfigurationen Sie vornehmen müssen.
3. Die Phasen der Integration : Wir führen Sie durch einen detaillierten Prozess zur Vorbereitung Ihres MailChimp-Kontos, zur Installation des erforderlichen Plugins und zur Integration des MailChimp-Abonnementformulars in Ihre Elementor-Seiten.
4. So testen und optimieren Sie Ihr Formular : Sie erfahren, wie Sie die ordnungsgemäße Funktion Ihres Abonnementformulars testen und dessen Design optimieren können, um die Conversions zu maximieren.
5. Lösungen für häufige Probleme : Wir bieten Anleitungen zur Lösung häufiger Probleme, die beim Onboarding auftreten können.

---

Warum MailChimp mit Elementor integrieren?

Die Integration von MailChimp mit Elementor kann die Art und Weise verändern, wie Sie Ihre E-Mail-Marketingkampagnen verwalten und Ihre Website optimieren. Durch die Verknüpfung Ihres E-Mail-Marketingdienstes mit Ihrem Seitenersteller profitieren Sie von mehreren erheblichen Vorteilen, die nicht nur die Effektivität Ihrer Kampagnen, sondern auch das Gesamterlebnis Ihrer Besucher verbessern können.

Hier erfahren Sie, warum diese Integration so wichtig ist und welche Vorteile sie für Benutzer bietet.

Vorteile der Integration: Warum sollten Sie Ihren E-Mail-Marketingdienst an Ihren Seitenersteller binden?

1. Vereinfachung des Abonnentenerfassungsprozesses
   • Anmeldeformulare direkt auf der Website Die Integration ermöglicht es Ihnen, Anmeldeformulare direkt über Elementor in Ihre Seiten, Artikel und Abschnitte Ihrer Website einzufügen. Dadurch wird der Anmeldevorgang für Ihre Mailinglisten für Besucher deutlich vereinfacht.
   • Automatische Synchronisation Die Abonnentendaten werden automatisch mit MailChimp synchronisiert, wodurch die manuelle Verwaltung der Listen entfällt und das Fehlerrisiko reduziert wird.
2. Anpassung und Compliance
   • Benutzerdefinierte Formulare Mit Elementor erstellen Sie Anmeldeformulare, die perfekt zum Design Ihrer Website passen. Felder, Stil und Bestätigungsnachrichten lassen sich individuell anpassen, um ein einheitliches Nutzererlebnis zu gewährleisten.
   • DSGVO-Konformität : Durch die Integration von MailChimp mit Elementor können Sie ganz einfach Kontrollkästchen für die Einwilligung hinzufügen und die Einhaltung von Datenschutzbestimmungen wie der DSGVO sicherstellen.
3. Optimierung der Benutzererfahrung
   • Nahtlose Integration : Besucher Ihrer Website können Ihren Newsletter direkt abonnieren oder Sonderangebote erhalten, ohne die Seite, auf der sie sich befinden, zu verlassen. Dies macht den Prozess reibungsloser und angenehmer.
   • A/B-Tests : Mit Elementor und MailChimp können Sie A/B-Tests für Ihre Registrierungsformulare durchführen. Sie können verschiedene Versionen testen, um herauszufinden, welche am besten funktionieren, und entsprechend optimieren.

Vorteile für Benutzer: Verbesserte Marketingkampagnen, Abonnentenverwaltung und höhere Conversions

1. Verbesserung von Marketingkampagnen
   • Erweiterte Segmentierung : Mit MailChimp können Sie Ihre Abonnenten anhand verschiedener Kriterien (Verhalten, Vorlieben, Demografie) segmentieren. Durch diese Segmentierung können Sie gezieltere und relevantere Marketingkampagnen erstellen.
   • E-Mail-Automatisierung : Die Integration macht es einfach, Automatisierungen wie Willkommens-E-Mails, Schulungsreihen und Erinnerungen an abgebrochene Warenkörbe einzurichten und so die Kampagneneffektivität ohne zusätzlichen Aufwand zu verbessern.
2. Optimierte Abonnentenverwaltung
   • Zentralisierte Verwaltung : Sie können Ihre Abonnenten direkt von MailChimp aus verwalten und haben die Möglichkeit, Abonnenteninformationen basierend auf Interaktionen und Präferenzen hinzuzufügen, zu löschen oder zu bearbeiten.
   • Analysen und Berichte : MailChimp bietet detaillierte Berichte über die Leistung Ihrer Kampagnen (Öffnungsrate, Klickrate usw.). Mithilfe dieser Informationen können Sie Ihre Marketingstrategien verfeinern und die Wirkung Ihrer E-Mails maximieren.
3. Erhöhte Conversions
   • Effektiver Call-to-Action : Durch die direkte Einbettung von MailChimp-Formularen in Elementor können Sie ansprechende Handlungsaufforderungen erstellen, die Besucher dazu ermutigen, sich für Ihre E-Mail-Liste anzumelden. Gut gestaltete und strategisch platzierte Formulare können die Konversionsraten deutlich steigern.
   • Leistungsverfolgung Die Erfassung der durch Ihre Anmeldeformulare generierten Konversionen ermöglicht es Ihnen, herauszufinden, was funktioniert, und Ihre Taktiken anzupassen, um die Ergebnisse kontinuierlich zu verbessern.

Die Integration von MailChimp mit Elementor bietet eine effektive Lösung, um Ihr Abonnentenmanagement zu verbessern, Ihre Registrierungsformulare zu personalisieren und Ihre Marketingkampagnen zu optimieren.

Es vereinfacht den Prozess der Abonnentengewinnung und nutzt leistungsstarke E-Mail-Marketingfunktionen, die dazu beitragen, die Conversions zu steigern beste Benutzererfahrung.

---

Voraussetzungen

Bevor Sie MailChimp in Elementor integrieren, ist es wichtig, dass Sie alle notwendigen Konten und Plugins für eine reibungslose und effiziente Einrichtung besitzen. Dieser Abschnitt führt Sie durch die wichtigsten Elemente, die Sie benötigen.

Notwendige Konten

1. MailChimp-Konto
   • Anmeldung Um MailChimp nutzen zu können, müssen Sie zunächst ein Konto auf der Plattform erstellen. Gehen Sie zu MailChimp und registrieren Sie sich entsprechend den Anweisungen, um je nach Ihren Anforderungen ein kostenloses oder kostenpflichtiges Konto zu erstellen.
   • Ersteinrichtung : Melden Sie sich nach der Registrierung bei Ihrem MailChimp-Dashboard an. Erstellen Sie eine Kontaktliste in dem Sie die über Ihre Website erfassten Abonnenten hinzufügen. Diese Liste ist für die Organisation und Verwaltung Ihrer E-Mail-Marketingkampagnen von entscheidender Bedeutung.
2. Elementor-Konto
   • Anmeldung : Elementor ist ein beliebter Seitenersteller für WordPress. Sie können ein Elementor-Konto erhalten, indem Sie auf gehen Elementor und Anmeldung. Es gibt eine kostenlose Version und eine Pro-Version mit erweiterten Funktionen.
   • Wahl der Version Obwohl die kostenlose Version von Elementor grundlegende Funktionen bietet, Elementor Pro-Version wird für erweiterte Integrationen und eine bessere Kontrolle über das Design und die Funktionalität der Website empfohlen.

Erforderliche Plugins

Um MailChimp mit Elementor zu integrieren, benötigen Sie bestimmte Plugins und Erweiterungen, um eine reibungslose Integration zu gewährleisten:

1. Elementor Pro
   • Beschreibung : Elementor Pro ist die Premium-Version des Elementor-Seitenerstellers. Es bietet erweiterte Funktionen wie zusätzliche Widgets, umfangreiche Anpassungsoptionen und eine verbesserte Integration mit verschiedenen Drittanbieterdiensten.
   • Installation : Sie können Elementor Pro hier kaufen und herunterladen Offizielle Elementor-Website. Nach dem Herunterladen installieren Sie es über das WordPress-Dashboard, indem Sie die ZIP-Datei herunterladen.
2. MailChimp-Plugin für WordPress
   • Beschreibung : Das MailChimp-Plugin für WordPress ist ein unverzichtbares Plugin, das die Verbindung zwischen Ihrer WordPress-Site und Ihrem MailChimp-Konto erleichtert. Es ermöglicht Ihnen, Anmeldeformulare zu integrieren, Abonnenten zu verwalten und Kontaktlisten zu synchronisieren.
   • Installation Installieren Sie dieses Plugin, indem Sie im WordPress-Plugin-Verzeichnis nach „MailChimp für WordPress“ suchen. So geht's:
     1. Gehen Sie zu Ihrem WordPress-Dashboard.
     2. Zugang zu Erweiterungen > Neues Plugin hinzufügen.
     3. Suche nach „MailChimp für WordPress“.
     4. Klicken Sie auf jetzt installierenund dann Aktivieren.
   • Konfiguration : Gehen Sie nach der Aktivierung zu den Plugin-Einstellungen und geben Sie Ihre ein MailChimp-API-Schlüssel um das Plugin mit Ihrem MailChimp-Konto zu verbinden. Diesen Schlüssel finden Sie in Ihrem MailChimp-Konto unter Konto > Extras > API-Schlüssel.
3. Plugin zur Formularintegration (optional)
   • Beschreibung : Obwohl nicht unbedingt erforderlich, können einige zusätzliche Plugins die Integration von MailChimp-Formularen mit Elementor verbessern. Diese Plugins ermöglichen eine stärkere Individualisierung von Formularen und bieten zusätzliche Funktionen wie Feldvalidierung oder spezifische Integrationen.
   • Plugin-Beispiel "MC4WP: Mailchimp für WordPress" ist eine ausgezeichnete Wahl für erweiterte Funktionen.

Wenn Sie über diese Konten und Plugins verfügen, sind Sie bestens auf die Integration von MailChimp mit Elementor vorbereitet und können diese leistungsstarke Kombination für Ihre E-Mail-Marketingkampagnen und Abonnentenverwaltung optimal nutzen.

---

Schritt 1: Bereiten Sie Ihr MailChimp-Konto vor

Erstellen Sie eine Kontaktliste

Bevor Sie MailChimp mit Elementor integrieren, müssen Sie Ihr MailChimp-Konto vorbereiten, indem Sie eine Kontaktliste erstellen. Hier sind die detaillierten Schritte zum Erstellen und Konfigurieren einer Kontaktliste in MailChimp:

• Gehen Sie zur Website von MailChimp Melden Sie sich in Ihrem Konto an. Falls Sie noch kein Konto besitzen, registrieren Sie sich, um ein kostenloses Konto zu erstellen.
• Sobald Sie angemeldet sind, klicken Sie auf Publikum in der Seitenleiste dann weiter Alle Kontakte
• Sie werden zur Seite mit den Kontaktlisten weitergeleitet.
• Klicken Sie je nach Benutzeroberfläche auf die Schaltfläche „Zielgruppe erstellen“ oder „Liste erstellen“.
• Sie werden aufgefordert, Informationen zu Ihrer neuen Liste einzugeben:
  • Listenname Geben Sie Ihrer Liste einen aussagekräftigen Namen (zum Beispiel „Newsletter-Abonnenten“).
  • Name des Absenders Geben Sie hier Ihren Firmennamen oder den Namen an, den Ihre Abonnenten beim Empfang von E-Mails sehen werden.
  • E-Mail-Adresse des Absenders : Geben Sie die E-Mail-Adresse an, die MailChimp zum Senden von Nachrichten verwendet.
  • Antwortparameter Geben Sie die E-Mail-Adresse ein, an die Abonnenten antworten können.
• Konfigurieren Sie Benachrichtigungsoptionen, z. B. E-Mail-Benachrichtigungen, wenn neue Abonnenten der Liste beitreten.

1. Listeneinstellungen konfigurieren
   • Anmeldeformular Passen Sie das Anmeldeformular an, das Ihre Besucher zum Abonnieren Ihrer Liste verwenden werden. Bei Bedarf können Sie benutzerdefinierte Felder hinzufügen.
   • Bestätigungsnachricht : Konfigurieren Sie eine Bestätigungsnachricht, um Abonnenten darüber zu informieren, dass sie erfolgreich hinzugefügt wurden.
   • Einwilligungseinstellungen : Stellen Sie sicher, dass Ihr Formular den Datenschutzgesetzen (wie der DSGVO) entspricht, indem Sie Einwilligungsoptionen einschließen.
2. Speichern und veröffentlichen
   • Sobald alle Informationen eingegeben und konfiguriert sind, klicken Sie auf „Speichern“ oder „Zielgruppe erstellen“, um die Erstellung Ihrer Liste abzuschließen.

Generieren Sie einen MailChimp-API-Schlüssel

Um MailChimp mit Elementor zu integrieren, müssen Sie einen API-Schlüssel generieren. So erhalten Sie einen MailChimp-API-Schlüssel und verwenden ihn für die Integration:

1. Greifen Sie auf die Kontoeinstellungen zu
   • Melden Sie sich in Ihrem MailChimp-Konto an und klicken Sie auf Ihren Profilnamen in der oberen rechten Ecke des Bildschirms.
   • Wählen Sie im Dropdown-Menü „Konto“ aus.
2. Gehen Sie zum Abschnitt „Extras“.
   • Klicken Sie in Ihrem Konto-Dashboard oben auf dem Bildschirm im Menü auf „Extras“.
   • Wählen Sie im Dropdown-Menü „API-Schlüssel“ aus.
3. Generieren Sie einen neuen API-Schlüssel
   • Falls Sie noch keinen API-Schlüssel besitzen, klicken Sie auf die Schaltfläche „Schlüssel erstellen“. Ein neuer API-Schlüssel wird automatisch generiert.
   • Sie können Ihrem API-Schlüssel auch einen Namen geben, um ihn später leichter identifizieren zu können (z. B. „Elementor-Integration“).
4. API-Schlüssel kopieren
   • Kopieren Sie den generierten API-Schlüssel, indem Sie auf das Kopiersymbol neben dem Schlüssel klicken oder den Schlüssel markieren und manuell kopieren.
5. Verwenden Sie den API-Schlüssel in Elementor
   • Melden Sie sich bei Ihrem WordPress-Dashboard an und öffnen Sie Elementor.
   • Gehen Sie zu dem Abschnitt, in dem Sie MailChimp integrieren möchten (in der Regel über ein MailChimp-kompatibles Anmeldeformular-Plugin oder direkt in den Elementor-Einstellungen, falls ein MailChimp-Widget verfügbar ist).
   • Fügen Sie den API-Schlüssel in das dafür vorgesehene Feld ein, um Ihr MailChimp-Konto mit Elementor zu verbinden.
6. Überprüfen der Verbindung
   • Überprüfen Sie nach Eingabe des API-Schlüssels, ob die Verbindung zwischen MailChimp und Elementor ordnungsgemäß funktioniert, indem Sie Funktionen (wie die Formularanmeldung) testen, um sicherzustellen, dass Abonnenten korrekt zu Ihrer MailChimp-Liste hinzugefügt werden.

So integrieren Sie Elementor in MailChimp

Wie bereits erwähnt, benötigen Sie einen MailChimp-API-Schlüssel, um Ihr MailChimp-Konto in Elementor zu integrieren. Gehen Sie dazu wie folgt vor:

Besuchen Sie die MailChimp-Website und melden Sie sich mit Ihrem Konto an.

Im MailChimp-Dashboard greifen Sie auf Ihr Profil zu, indem Sie in der oberen Leiste auf Ihr Profilsymbol klicken und auswählen. Profil.

Klicken Sie auf Ihrer Profilseite auf Extras -> API-Schlüssel.

Um einen neuen API-Schlüssel zu erstellen, klicken Sie auf die Schaltfläche Erstellen Sie einen Schlüssel.

Kopieren Sie den API-Schlüssel. Optional können Sie Ihrem API-Schlüssel auch eine Bezeichnung hinzufügen, um ihn bei der zukünftigen Hinzufügung weiterer API-Schlüssel leichter identifizieren zu können.

Melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Elementor -> Einstellungen.

Klicken Sie auf der Seite „Einstellungen“ auf die Registerkarte Integrationen.

Scrollen Sie nach unten zum Abschnitt MailChimp und fügen Sie den oben erstellten API-Schlüssel ein.

Klicken Sie auf API-Schlüssel validieren Taste.

Vergiss nicht, auf den Knopf zu klicken. Änderungen speichern unten, um die neue Änderung anzuwenden.

So verbinden Sie ein Elementor-Formular mit MailChimp

Sobald Sie die Integration Ihres MailChimp-Kontos mit Elementor abgeschlossen haben, können Sie nun ein E-Mail-Abonnementformular auf Ihrer Website installieren und das Formular mit Ihrem MailChimp-Konto verbinden.

Lesen Sie auch: So integrieren Sie ActiveCampaign in Elementor

Fügen Sie dazu ein neues Formular hinzu, indem Sie das Formular-Widget aus dem linken Bereich ziehen.

Passen Sie Ihr Formular an und passen Sie den Inhalt Ihren Bedürfnissen an.

Sobald Sie fertig sind, öffnen Sie die Option. Aktionen nach dem Senden in L'onglet Inhalt und fügen Sie MailChimp hinzu.

Sie sehen eine neue Option namens MailChimp unter der Registerkarte Inhalt. Öffnen Sie diese Option, um die Einstellungen vorzunehmen.

Option lassen API-Schlüssel standardmäßig. Im Bereich Publikum, wählen Sie eine vorhandene Zielgruppe in Ihrem MailChimp-Konto aus. Sie können auch eine vorhandene Gruppe hinzufügen, falls Sie eine haben.

Definieren Sie in der Option Feldzuordnung die Werte entsprechend Ihren Bedürfnissen.

Sobald Ihre Seite fertig ist, können Sie sie veröffentlichen. Um zu überprüfen, ob alles reibungslos verlaufen ist, füllen Sie das soeben erstellte Formular aus und melden Sie sich bei MailChimp an.

Siehe auch: So integrieren Sie ConvertKit mit Elementor mithilfe des Formular-Widgets

Wählen Sie im MailChimp-Dashboard die Zielgruppe basierend auf Ihrer Formulareinstellung aus und sehen Sie sich die Kontakte an. Überprüfen Sie die Quelle Ihrer Kontakte. Wenn Sie einen Kontakt finden

Schritt 2: Installieren und konfigurieren Sie das MailChimp-Plugin für WordPress

Installieren des Plugins

1. Greifen Sie auf das WordPress-Dashboard zu
   • Melden Sie sich in Ihrem WordPress-Dashboard an. Sie müssen als Administrator angemeldet sein, um neue Plugins zu installieren.
2. Navigieren Sie zum Abschnitt „Plugins“.
   • Gehen Sie im linken Menü zu "Plugins" und wählen Sie "Hinzufügen"In diesem Abschnitt können Sie nach neuen Plugins suchen und diese installieren.
3. Suchen Sie nach dem MailChimp-Plugin für WordPress
   • Geben Sie in die Suchleiste oben rechts ein "MailChimp für WordPress". Das Plugin, nach dem Sie suchen, trägt normalerweise den Titel "MailChimp für WordPress" und wird entwickelt von ibericode.
4. Installieren Sie das Plugin
   • Wenn Sie das Plugin in den Suchergebnissen gefunden haben, klicken Sie auf die Schaltfläche "Jetzt installieren" neben dem Plugin-Namen. WordPress lädt das Plugin automatisch herunter und installiert es.
5. Plugin aktivieren
   • Nach der Installation ist der Knopf "Jetzt installieren" verwandelt sich in "Aktivieren". Klicken Sie auf "Aktivieren" um das Plugin auf Ihrer Website zu aktivieren.

Plugin-Konfiguration

1. Greifen Sie auf die Plugin-Einstellungen zu
   • Nach der Aktivierung sehen Sie im linken Menü einen neuen Eintrag mit dem Namen "MailChimp für WP" ou "MC4WP". Klicken Sie darauf, um auf die Plugin-Einstellungen zuzugreifen.
2. Fügen Sie einen MailChimp-API-Schlüssel hinzu
   • Um das Plugin mit MailChimp zu verbinden, müssen Sie einen API-Schlüssel eingeben. So finden Sie es:
     • Melden Sie sich bei Ihrem MailChimp-Konto an.
     • gehen "Konto" in der unteren linken Ecke und wählen Sie dann aus "Extras" und klicken Sie auf "API-Schlüssel".

1. Klicken Sie auf die Schaltfläche "Schlüssel erstellen" Falls Sie noch keinen besitzen, können Sie einen API-Schlüssel kopieren.
2. Kehren Sie zu Ihrem WordPress-Dashboard zurück und fügen Sie den API-Schlüssel in das Feld ein "API-Schlüssel" sous "MailChimp für WP" und klicken Sie auf "Änderungen speichern".

1. Grundeinstellungen konfigurieren
   • Mailinglisten : Wählen Sie die MailChimp-Kontaktliste aus, zu der Sie Abonnenten hinzufügen möchten. Im Abschnitt "Formulare", wählen Sie die entsprechende Liste aus dem Dropdown-Menü aus.
   • Abonnementformular : Sie können Ihr Abonnementformular direkt in den Plugin-Einstellungen erstellen und anpassen. Konfigurieren Sie die Formularfelder (Name, E-Mail usw.) nach Bedarf.
   • Bestätigungsnachrichten : Passen Sie die Nachrichten an, die nach der Registrierung an Abonnenten gesendet werden, z. B. Bestätigungs- oder Willkommensnachrichten.
   • Integrationsoptionen : Konfigurieren Sie zusätzliche Integrationsoptionen wie Tags und Gruppen in MailChimp, wenn Sie diese verwenden.
2. Backup-Einstellungen
   • Stellen Sie sicher, dass Sie auf die Schaltfläche klicken "Änderungen speichern" Nachdem Sie alle Einstellungen konfiguriert haben, stellen Sie sicher, dass Ihre Einstellungen korrekt angewendet werden.
3. Überprüfen Sie die Integration.
   • Um sicherzustellen, dass das Plugin richtig konfiguriert ist, können Sie das Abonnementformular auf Ihrer Website testen. Melden Sie sich mit einer Test-E-Mail-Adresse an, um zu überprüfen, ob die Informationen korrekt zu Ihrer MailChimp-Liste hinzugefügt werden und Bestätigungsnachrichten gesendet werden.
4. Problemlösung
   • Wenn während der Einrichtung Probleme auftreten, überprüfen Sie, ob Ihr API-Schlüssel korrekt und aktiv ist. Weitere Lösungen finden Sie bei Bedarf in der Plugin-Dokumentation oder im MailChimp-Support.

Schritt 3: MailChimp mit Elementor integrieren

Verwenden des MailChimp-Widgets: So fügen Sie das MailChimp-Widget in Elementor hinzu und konfigurieren es

1. Greifen Sie auf Elementor zu
   • Melden Sie sich bei Ihrem WordPress-Dashboard an.
   • Navigieren Sie zu der Seite oder dem Beitrag, auf der/dem Sie das MailChimp-Formular hinzufügen möchten.
   • Klicken Sie auf "Mit Elementor bearbeiten" Um den Elementor-Editor zu öffnen.
2. Fügen Sie das MailChimp-Widget hinzu
   • Suchen Sie im linken Bereich von Elementor nach dem MailChimp-Widget. Sie finden es, indem Sie „MailChimp“ in die Suchleiste eingeben oder die Liste der Widgets durchsuchen.
   • Ziehen Sie das Widget „MailChimp“ vom linken Bereich zu dem Abschnitt Ihrer Seite, in dem Sie es platzieren möchten.
3. Konfigurieren Sie das MailChimp-Widget
   • Wählen Sie eine Liste aus : Sobald das Widget hinzugefügt wurde, müssen Sie es konfigurieren. Wählen Sie in den Widget-Einstellungen die MailChimp-Liste aus, zu der Abonnenten hinzugefügt werden sollen. Sie müssen diese Liste bereits in MailChimp konfiguriert haben.
   • Verbinden Sie sich mit MailChimp : Sie müssen Ihren MailChimp-API-Schlüssel eingeben, um Elementor mit Ihrem MailChimp-Konto zu verbinden. Gehen Sie dazu wie folgt vor:
     • Gehen Sie zu Ihrem MailChimp-Konto und navigieren Sie zu "Konto" > "Extras" > "API-Schlüssel".
     • Kopieren Sie Ihren API-Schlüssel und fügen Sie ihn in das dafür vorgesehene Feld in den Elementor-Widget-Einstellungen ein.
   • Konfigurieren Sie den Schaltflächentext Passen Sie den Text der Schaltfläche „Abonnieren“ an Ihren Stil an (z. B. „Abonnieren“, „Newsletter abonnieren“).
4. Formularoptionen konfigurieren
   • Bestätigungsnachrichten : Definieren Sie die Nachrichten, die nach dem Absenden des Formulars angezeigt werden. Beispielsweise eine Bestätigungsnachricht für Abonnenten, die erfolgreich zur Liste hinzugefügt wurden.
   • Redirection : Konfigurieren Sie die Weiterleitung auf eine bestimmte Seite nach der Registrierung, wenn Sie möchten, dass Benutzer auf eine Dankesseite oder eine andere relevante Seite weitergeleitet werden.
5. Testen Sie das Formular
   • Stellen Sie vor der Veröffentlichung Ihrer Seite sicher, dass das Formular ordnungsgemäß funktioniert. Füllen Sie das Formular mit einer Test-E-Mail-Adresse aus und stellen Sie sicher, dass das Abonnement zu Ihrer MailChimp-Liste hinzugefügt wird.

Anpassung des Abonnementformulars: Passen Sie Formularfelder und -stil an Ihr Design an

1. Passen Sie Formularfelder an
   • Felder hinzufügen oder entfernen : Je nach Bedarf können Sie Felder im Formular hinzufügen oder löschen. Wenn Sie beispielsweise zusätzliche Informationen wie Vor- oder Nachnamen erfassen möchten, können Sie dies über Plugins oder die Änderung der MailChimp-Widget-Einstellungen tun.
   • Feldbeschriftungen : Bearbeiten Sie Feldbeschriftungen, um sie für Ihre Besucher klar und attraktiv zu gestalten. Stellen Sie sicher, dass die Beschriftungen zu Ihrer Sprache und Ihrem Kommunikationsstil passen.
2. Formularstil ändern
   • Typographie : Passen Sie die im Formular verwendeten Schriftarten an Ihr Gesamtdesign an. Im Elementor-Editor können Sie unter dem Reiter die Typografie ändern "Stil".
   • Farben und Grenzen : Ändern Sie die Formularfarben (Felder, Schaltflächen, Hintergrund), um sie an Ihre Farbpalette anzupassen. Nutzen Sie die Optionen "Stil" in Elementor, um diese Elemente anzupassen.
   • Abstand und Ausrichtung Passen Sie Ränder, Abstände und Ausrichtung so an, dass das Formular gut in Ihre Seite integriert ist und mit dem übrigen Inhalt harmonisch wirkt.
   • Effekte hinzufügen : Sie können auch Hover-Effekte, Schatten oder Animationen hinzufügen, um das Formular interaktiver und attraktiver zu gestalten.
3. Übersicht und Anpassungen
   • Formularübersicht : Verwenden Sie die Live-Vorschau von Elementor, um zu sehen, wie Ihr Formular auf verschiedenen Geräten (Desktop, Tablet, Mobilgerät) aussieht.
   • Nachjustierungen Nehmen Sie alle notwendigen Anpassungen vor, um sicherzustellen, dass das Formular auf allen Bildschirmgrößen funktional und ästhetisch ansprechend ist. Überprüfen Sie, ob alle Elemente korrekt ausgerichtet sind und sich das Formular harmonisch in das Gesamtdesign der Seite einfügt.
4. Veröffentlichen und folgen
   • Wenn Sie mit dem Design und der Funktionsweise des Formulars zufrieden sind, klicken Sie auf "Veröffentlichen" um Ihre Seite zu aktualisieren.
   • Abonnentenverfolgung : Achten Sie nach der Veröffentlichung darauf, die Abonnements über Ihr MailChimp-Konto zu überwachen, um sicherzustellen, dass die Benutzer korrekt zu Ihrer Liste hinzugefügt werden.

Schritt 4: Testen und optimieren

Testen Sie das Formular

Nach der Integration und Konfiguration des MailChimp-Formulars in Elementor ist es wichtig, es zu testen, um seine korrekte Funktion sicherzustellen. Hier sind die detaillierten Schritte zum Testen des Formulars:

1. Überprüfung der Abonnementeinreichung
   • Fülle das Formular aus : Gehen Sie auf die Seite, auf der das MailChimp-Formular integriert ist, und geben Sie alle erforderlichen Informationen ein (Name, E-Mail-Adresse usw.).
   • Senden Sie das Formular Klicken Sie auf die Schaltfläche „Absenden“, um das Formular abzusenden.
   • Abonnementbestätigung : Stellen Sie sicher, dass Sie eine Bestätigungsnachricht erhalten, entweder auf der Seite (Erfolgsnachricht) oder per E-Mail (Abonnementbestätigungs-E-Mail).
   • Überprüfung der Hinzufügung zur MailChimp-Liste Melden Sie sich bei Ihrem MailChimp-Konto an und prüfen Sie, ob die für den Test verwendete E-Mail-Adresse der entsprechenden Kontaktliste hinzugefügt wurde.
2. Testen Sie alle Funktionen
   • Feldvalidierung : Stellen Sie sicher, dass alle Feldvalidierungen ordnungsgemäß funktionieren (z. B. gültiges E-Mail-Format).
   • Fehlermeldungen : Stellen Sie sicher, dass Fehlermeldungen klar und informativ sind, falls eine falsche Eingabe erfolgt oder Pflichtfelder fehlen.
   • Reaktivität : Testen Sie das Formular auf verschiedenen Geräten (Computern, Tablets, Smartphones), um sicherzustellen, dass es responsiv ist und auf allen Bildschirmgrößen korrekt funktioniert.
3. Testintegrationen
   • MailChimp-Automatisierungen : Stellen Sie sicher, dass abonnementbezogene Automatisierungen (z. B. Begrüßungssequenzen) wie erwartet ausgelöst werden.
   • Konnektoren von Drittanbietern Wenn Sie Integrationen von Drittanbietern verwenden (z. B. CRM- oder Marketing-Tools), stellen Sie sicher, dass diese die Daten korrekt empfangen.

Optimierung

Befolgen Sie diese praktischen Tipps, um die Effizienz von MailChimp-Formularen zu verbessern und die Conversions zu steigern:

1. Fügen Sie klare Handlungsaufforderungen hinzu
   • Aktionsschaltfläche Verwenden Sie klare und ansprechende Handlungsaufforderungen (CTA-Buttons). Formulierungen wie „Erhalten Sie unsere exklusiven Angebote“ oder „Abonnieren Sie unseren kostenlosen Beratungsservice“ können Besucher zur Anmeldung animieren.
   • Strategische Positionierung : Platzieren Sie das Formular an strategischen Stellen auf Ihrer Website, z. B. oben auf der Seite, in einer Seitenleiste oder in einem Popup, um die Sichtbarkeit zu maximieren.
2. Optimieren Sie das Formulardesign
   • Schön : Stellen Sie sicher, dass das Formular optisch ansprechend ist und gut zum Gesamtdesign Ihrer Website passt. Verwenden Sie kontrastierende Farben für Tasten und ein klares Design, um kognitive Überlastung zu vermeiden.
   • Wesentliche Felder : Beschränken Sie die Anzahl der Felder auf das unbedingt Notwendige. Weniger Felder können die Konversionsraten verbessern, indem sie die Reibung für Benutzer verringern.
3. Variationen der Testform
   • A/B-Tests Richten Sie A/B-Tests ein, um verschiedene Versionen Ihres Formulars zu vergleichen. Testen Sie unterschiedliche Text-, Layout- und Handlungsaufforderungsvarianten, um herauszufinden, was am besten funktioniert.
   • Leistungsanalyse : Nutzen Sie Analysetools, um die Leistung der Formulare (Konversionsrate, Abbruchrate) zu verfolgen und auf Grundlage der gesammelten Daten Anpassungen vorzunehmen.
4. Nutzen Sie Anreize
   • Angebote : Bieten Sie Anreize, um Besucher zum Abonnieren zu ermutigen, z. B. exklusive Rabatte, kostenlose E-Books oder Zugang zu Premium-Ressourcen.
   • Popups und Werbeleisten Nutzen Sie Pop-ups oder Werbeleisten, um Besucher anzusprechen, bevor sie Ihre Website verlassen. Achten Sie darauf, dass diese nicht aufdringlich sind und einen echten Mehrwert bieten.
5. Gewährleistung einer guten Benutzererfahrung
   • Ladegeschwindigkeit : Optimieren Sie die Ladegeschwindigkeit der Seite, die das Formular enthält. Eine langsame Form kann Benutzer abschrecken.
   • Barrierefreiheit Stellen Sie sicher, dass das Formular für Menschen mit Behinderungen zugänglich ist. Verwenden Sie klare Beschriftungen und Beschreibungen für Bildschirmleseprogramme.

Indem Sie diese Schritte zum Testen und Optimieren Ihres MailChimp-Formulars in Elementor befolgen, können Sie nicht nur sicherstellen, dass das Formular ordnungsgemäß funktioniert, sondern auch seine Leistung verbessern, um Anmeldungen und Konvertierungen zu maximieren.

Beheben häufiger Probleme

Bei der Integration von MailChimp mit Elementor können verschiedene Probleme auftreten. Hier finden Sie eine detaillierte Liste häufiger Probleme mit Lösungsansätzen und weiterführenden Ressourcen.

Häufig auftretende Probleme

1. Das Formular wird nicht gesendet
   • Beschreibung Das Anmeldeformular kann keine Daten an MailChimp senden.
   • Solutions :
     • Überprüfen Sie die Formularkonfiguration : Stellen Sie sicher, dass das Formular in Elementor richtig eingerichtet ist und die MailChimp-Widget-Einstellungen korrekt sind.
     • Testen Sie den API-Schlüssel : Stellen Sie sicher, dass der zum Verbinden des MailChimp-Plugins verwendete API-Schlüssel gültig und korrekt in den MailChimp-Plugin-Einstellungen für WordPress eingegeben ist.
     • Überprüfen Sie die MailChimp-Einstellungen Stellen Sie sicher, dass die MailChimp-Liste, der Sie Abonnenten hinzufügen möchten, ordnungsgemäß konfiguriert ist und keine Einschränkungen aufweist, die das Hinzufügen neuer Kontakte verhindern.
     • Überprüfen Sie die Servereinstellungen Manchmal können Konfigurationen des Hosting-Servers Probleme mit Formularen verursachen. Überprüfen Sie Ihre Serverprotokolle, um eventuelle Fehler zu identifizieren.
2. Anmeldeprobleme mit MailChimp
   • Beschreibung : Schwierigkeiten beim Verbinden des MailChimp-Plugins für WordPress mit Ihrem MailChimp-Konto.
   • Solutions :
     • API-Schlüssel neu generieren : Erstellen Sie einen neuen API-Schlüssel in Ihrem MailChimp-Konto und aktualisieren Sie ihn im Plugin.
     • Überprüfen Sie die Berechtigungen : Stellen Sie sicher, dass der API-Schlüssel über die erforderlichen Berechtigungen für den Zugriff auf Ihr Konto und Ihre Kontaktlisten verfügt.
     • Konfigurieren Sie die Plugin-Einstellungen neu : Manchmal können Verbindungsprobleme durch eine Neuinstallation oder Neukonfiguration des Plugins behoben werden.
3. Formular wird falsch oder nicht angezeigt
   • Beschreibung : Das MailChimp-Formular wird auf der Website nicht richtig angezeigt oder weist ein Layoutproblem auf.
   • Solutions :
     • Überprüfen Sie die CSS-Stile : Stellen Sie sicher, dass die CSS-Stile des Formulars nicht durch Konflikte mit anderen Stilen auf Ihrer Website beeinträchtigt werden. Verwenden Sie Entwicklertools, um Stile zu überprüfen und bei Bedarf anzupassen.
     • Cache leeren : Manchmal verhindern Browser-Cache oder WordPress-Cache-Plugins die korrekte Anzeige von Änderungen. Leeren Sie den Cache, um die Änderungen anzuzeigen.
4. Abonnenten werden nicht zur Liste hinzugefügt
   • Beschreibung : Kontakte, die das Formular ausfüllen, werden nicht zur MailChimp-Liste hinzugefügt.
   • Solutions :
     • Überprüfen Sie die Kontaktliste : Stellen Sie sicher, dass die Kontaktliste in MailChimp aktiv ist und dass keine Einschränkungen bestehen, die Sie daran hindern, neue Abonnenten hinzuzufügen.
     • Überprüfen Sie die Fehlerantworten : Überprüfen Sie die Fehlerprotokolle im MailChimp-Plugin für WordPress, um zu sehen, ob beim Versuch, Kontakte hinzuzufügen, bestimmte Fehlermeldungen gemeldet werden.
5. Authentifizierungs- oder Synchronisierungsfehler
   • Beschreibung : Fehlermeldungen im Zusammenhang mit der Authentifizierung oder Synchronisierung zwischen MailChimp und Elementor.
   • Solutions :
     • Überprüfen Sie die Anmeldeinformationen : Stellen Sie sicher, dass Anmeldeinformationen und API-Schlüssel korrekt konfiguriert sind.
     • Plugins aktualisieren : Stellen Sie sicher, dass Sie die neueste Version von MailChimp für WordPress und Elementor verwenden, um Kompatibilitätsprobleme zu vermeiden.

Zusätzliche Ressourcen

1. Offizielle Dokumentation
   • MailChimp-Dokumentation : MailChimp-Hilfecenter – Detaillierte Anleitung zur Verwendung von APIs und zum Konfigurieren von Listen.
   • Elementor-Dokumentation : Elementor-Hilfecenter – Dokumentation zur Verwendung von Widgets und Integrationen.
2. Support-Foren
   • MailChimp-Community-Foren : MailChimp-Community-Foren – Ein Ort, um Fragen zu stellen und Antworten von anderen Nutzern und dem MailChimp-Team zu erhalten.
   • Elementor-Community-Foren : Elementor-Community-Foren – Diskussionen und Lösungen für häufige Probleme.
3. Support-Technik
   • MailChimp-Unterstützung : Kontaktieren Sie den MailChimp-Support – Direkter Support bei technischen Problemen im Zusammenhang mit MailChimp.
   • Elementor-Unterstützung : Kontaktieren Sie den Elementor-Support – Unterstützung bei technischen Fragen zu Elementor und seinen Plugins.
4. Videoanleitungen
   • YouTube : Auf YouTube finden Sie Video-Tutorials mit visuellen Anleitungen zur MailChimp-Integration mit Elementor. Videos können praktische Lösungen für häufige Probleme bieten.

Fazit

Zusammenfassung der Schritte

Die Integration von MailChimp mit Elementor kann die Effektivität Ihrer E-Mail-Marketing-Kampagnen deutlich steigern, indem sie den Anmeldeprozess vereinfacht und erweiterte Personalisierungsoptionen bietet. Hier finden Sie eine Zusammenfassung der wichtigsten Schritte für eine erfolgreiche Integration:

1. Bereiten Sie Ihr MailChimp-Konto vor :
   • Erstellen Sie eine Kontaktliste in MailChimp und konfigurieren Sie Ihre Listeneinstellungen, um sicherzustellen, dass Ihre Abonnenten ordnungsgemäß organisiert sind.
   • Sie erhalten einen MailChimp-API-Schlüssel, indem Sie sich in Ihrem MailChimp-Konto anmelden und zu „Konto“ > „Extras“ > „API-Schlüssel“ navigieren. Dieser Schlüssel ist unerlässlich, um MailChimp mit Ihrer WordPress-Website zu verbinden.
2. Installieren und konfigurieren Sie das MailChimp-Plugin für WordPress :
   • Installieren Sie das MailChimp-Plugin für WordPress über Ihr WordPress-Dashboard, indem Sie im Bereich „Erweiterungen“ nach dem Plugin suchen und auf „Installieren“ und anschließend auf „Aktivieren“ klicken.
   • Gehen Sie zu den Plugin-Einstellungen und verbinden Sie es mithilfe des zuvor generierten API-Schlüssels mit MailChimp. Konfigurieren Sie nach Bedarf grundlegende Optionen.
3. Integrieren Sie MailChimp mit Elementor :
   • Öffnen Sie in Elementor eine Seite oder einen Beitrag, in dem Sie das Anmeldeformular hinzufügen möchten. Fügen Sie ein MailChimp-Widget per Drag & Drop aus dem Widget-Bereich auf Ihre Seite hinzu.
   • Konfigurieren Sie das Widget, indem Sie die MailChimp-Liste auswählen, der Abonnenten hinzugefügt werden sollen, und passen Sie das Formular an das Erscheinungsbild Ihrer Website an. Passen Sie Formularfelder, Stile und Bestätigungsnachrichten an, um eine nahtlose Integration in das Design Ihrer Website zu gewährleisten.
4. Testen und optimieren :
   • Nachdem Sie das Formular eingerichtet haben, testen Sie es, um sicherzustellen, dass es korrekt funktioniert. Überprüfen Sie, ob die Abonnements Ihrer MailChimp-Liste hinzugefügt wurden und ob Bestätigungsnachrichten wie erwartet versendet werden.
   • Optimieren Sie das Formular, indem Sie verschiedene Handlungsaufforderungen testen und Formularvarianten prüfen, um die Konversionsrate zu verbessern. Achten Sie auf eine gute Integration des Formulars, damit es die Aufmerksamkeit der Besucher weckt, ohne die Benutzerfreundlichkeit zu beeinträchtigen.

Aufruf zum Handeln

Jetzt können Sie die Integration von MailChimp und Elementor nutzen, um Ihre E-Mail-Marketing-Strategie zu optimieren! Warten Sie nicht länger, richten Sie Ihr Anmeldeformular ein und beginnen Sie, Leads effektiver zu erfassen.

Sollten Sie Fragen zum Integrationsprozess haben oder auf Probleme stoßen, teilen Sie uns diese gerne in den Kommentaren unten mit. Ihr Feedback ist uns wichtig und kann anderen Lesern helfen, die MailChimp mit Elementor integrieren möchten. Auch Tipps und Verbesserungsvorschläge für diese Integration sind herzlich willkommen!

Testen Sie die Integration noch heute und entdecken Sie, wie sie Ihr Abonnentenmanagement revolutionieren und Ihre E-Mail-Marketing-Kampagnen optimieren kann. Teilen Sie Ihre Ergebnisse mit uns und lassen Sie uns wissen, wie es für Sie funktioniert hat!

Einer der Vorteile, Benutzer vonElementor Pro Der entscheidende Vorteil besteht darin, dass sich Elementor mit gängigen Marketing-Tools von Drittanbietern wie MailChimp integrieren lässt. Durch die Integration von Elementor mit MailChimp können Sie ein E-Mail-Anmeldeformular an beliebiger Stelle Ihrer Website einbinden – sei es in einem einzelnen Beitrag, in der Seitenleiste, auf einer Landingpage, der Startseite usw.

MailChimp selbst ist ein beliebtes E-Mail-Marketing-Tool. Es ermöglicht Ihnen, E-Mail-Abonnenten zu sammeln und eine bestimmte Kampagne mit einer persönlicheren Note im Vergleich zu sozialen Medien zu erstellen.

Für die Integration von Elementor mit MailChimp sind keine zusätzlichen Plugins erforderlich. Sie müssen lediglich einen API-Schlüssel erstellen, um loszulegen.

So integrieren Sie Elementor in MailChimp

Wie bereits erwähnt, benötigen Sie einen MailChimp-API-Schlüssel, um Ihr MailChimp-Konto mit Elementor zu integrieren. Besuchen Sie dazu die Website von MailChimp. MailChimp-Website und melden Sie sich mit Ihrem Konto an.

Im MailChimp-Dashboard greifen Sie auf Ihr Profil zu, indem Sie in der oberen Leiste auf Ihr Profilsymbol klicken und auswählen. Profil.

Klicken Sie auf Ihrer Profilseite auf Extras -> API-Schlüssel.

Um einen neuen API-Schlüssel zu erstellen, klicken Sie auf die Schaltfläche Erstellen Sie einen Schlüssel.

Kopieren Sie den API-Schlüssel. Optional können Sie Ihrem API-Schlüssel auch eine Bezeichnung hinzufügen, um ihn bei der zukünftigen Hinzufügung weiterer API-Schlüssel leichter identifizieren zu können.

Melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Elementor -> Einstellungen.

Klicken Sie auf der Seite „Einstellungen“ auf die Registerkarte IntegrationenScrollen Sie nach unten zum Abschnitt „MailChimp“ und fügen Sie den oben erstellten API-Schlüssel ein. Klicken Sie auf API-Schlüssel validieren Knopf. Vergessen Sie nicht, auf den Knopf zu klicken. Änderungen speichern unten, um die neue Änderung anzuwenden.

So verbinden Sie ein Elementor-Formular mit MailChimp

Sobald Sie die Integration Ihres MailChimp-Kontos mit Elementor abgeschlossen haben, können Sie nun ein E-Mail-Abonnementformular auf Ihrer Website installieren und das Formular mit Ihrem MailChimp-Konto verbinden.

Lesen Sie auch: So integrieren Sie ActiveCampaign in Elementor

Fügen Sie dazu ein neues Formular hinzu, indem Sie das Formular-Widget aus dem linken Bereich ziehen.

Passen Sie Ihr Formular an und passen Sie den Inhalt Ihren Bedürfnissen an.

Sobald Sie fertig sind, öffnen Sie die Option. Aktionen nach dem Senden in L'onglet Inhalt und fügen Sie MailChimp hinzu.

Sie sehen eine neue Option namens MailChimp unter der Registerkarte Inhalt. Öffnen Sie diese Option, um die Einstellungen vorzunehmen.

Option lassen API-Schlüssel standardmäßig. Im Bereich Publikum, wählen Sie eine vorhandene Zielgruppe in Ihrem MailChimp-Konto aus. Sie können auch eine vorhandene Gruppe hinzufügen, falls Sie eine haben.

Definieren Sie in der Option Feldzuordnung die Werte entsprechend Ihren Bedürfnissen.

Sobald Ihre Seite fertig ist, können Sie sie veröffentlichen. Um zu überprüfen, ob alles reibungslos verlaufen ist, füllen Sie das soeben erstellte Formular aus und melden Sie sich bei MailChimp an.

Siehe auch: So integrieren Sie ConvertKit mit Elementor mithilfe des Formular-Widgets

Wählen Sie im MailChimp-Dashboard die Zielgruppe anhand Ihrer Formulareinstellungen aus und sehen Sie sich die Kontakte an. Überprüfen Sie die Quelle Ihrer Kontakte. Wenn Sie einen Kontakt über Ihre API finden, hat alles reibungslos funktioniert.

Holen Sie sich Elementor Pro jetzt!!!

Fazit

So! Wir haben Ihnen gerade vorgestellt, wie Sie MailChimp mit Elementor integrieren können. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...