Wie man eine Mailchimp Landing Page in WordPress erstellt 

Die in Mailchimp integrierten Landingpages verwenden nicht Ihre Domain. Jede Seite, die Sie erstellen, erhält eine URL wie diese:

https://mailchi.mp/6c3044bf2117/your-landing-page/

Diese URL befindet sich auf den Servern von Mailchimp, nicht auf Ihren. Wenn Sie Ihre Mailchimp-Landingpage in WordPress erstellen, ist dieses Problem gelöst.

In diesem Tutorial zeige ich dir, wie du mit SeedProd – einem Drag-and-Drop-Website-Baukasten, der direkt mit Mailchimp verbunden ist – eine Mailchimp-Landingpage in WordPress erstellst. Du brauchst dafür keine Programmierkenntnisse.

Schnelle Schritte zur Erstellung einer Mailchimp-Landingpage in WordPress:

Warum SeedProd anstelle des Mailchimp Builders verwenden?

Mit SeedProd können Sie Ihre E-Mail-Anmeldeseite auf Ihrer WordPress-Website erstellen und hosten und erhalten dabei eine übersichtliche, mit Ihrem Branding versehene URL. Außerdem erhalten Sie Zugriff auf Hunderte von Vorlagen, Design-Blöcke per Drag-and-Drop sowie integrierte Anbindungen wie Mailchimp, sodass Sie sofort damit beginnen können, Abonnenten zu gewinnen.

In diesem Sinne, lassen Sie uns mit den Schritten beginnen.

Schritt 1. Installieren und aktivieren Sie das SeedProd Landing Page Plugin

Klicken Sie zunächst hier, um mit SeedProd zu beginnen und laden Sie das Plugin auf Ihren Computer herunter. Dann installieren und aktivieren Sie das Plugin auf Ihrer WordPress-Website.

Wenn Sie bei diesem Schritt Hilfe benötigen, können Sie diese Anweisungen zur Installation eines WordPress-Plugins befolgen.

Nach der Installation und Aktivierung von SeedProd wird ein Begrüßungsbildschirm angezeigt, in dem Sie aufgefordert werden, Ihren Lizenzschlüssel einzugeben.

Melden Sie sich bei Ihrem SeedProd-Konto an und klicken Sie auf den Link „Lizenzschlüssel, Details und Downloads anzeigen“, um Ihre Lizenz zu finden.

Kopieren Sie von dort Ihren Lizenzschlüssel.

Sie können Ihren Schlüssel dann in das dafür vorgesehene Feld auf Ihrer WordPress-Website einfügen.

Wenn Sie das getan haben, scrollen Sie auf dem Bildschirm ein Stück nach unten und klicken Sie auf die Schaltfläche Erste Seite erstellen.

Schritt 2. Erstellen Sie eine neue Landing Page mit SeedProd

Auf dem nächsten Bildschirm sehen Sie die Übersicht über Ihre SeedProd-Landingpages, auf der alle Ihre Landingpages angezeigt werden, sobald Sie diese erstellt haben.

Um Ihre erste Seite zu erstellen, klicken Sie auf die Schaltfläche Neue Landing Page hinzufügen.

Schritt 3. Wählen Sie eine Landing Page-Vorlage

Nachdem Sie auf die Schaltfläche zum Erstellen Ihrer Landing Page geklickt haben, sehen Sie die Bibliothek mit responsiven Landing Page-Vorlagen von SeedProd. Sie können jede Vorlage mit dem visuellen Drag-and-Drop-Editor anpassen.

Sie können die Vorlagen filtern, indem Sie auf eine der folgenden Kategorien oben auf der Seite klicken:

• Alle
• Demnächst verfügbar
• Wartungsmodus
• 404 Seite
• Vertrieb
• Webinar
• Lead Squeeze
• Dankeschön

Dann müssen Sie nur noch eine Vorlage auswählen, die Ihren Anforderungen am besten entspricht. Um Ihre Vorlage im visuellen Editor von SeedProd zu starten, fahren Sie mit der Maus über die Miniaturansicht der Vorlage und klicken Sie auf das Häkchensymbol.

Für dieses Tutorial verwenden wir die Vorlage Newsletter Squeeze Page.

Schritt 4. Anpassen des Designs Ihrer Landing Page

Nach dem Start Ihrer Vorlage sehen Sie den visuellen Drag-and-Drop-Editor von SeedProd. Der Bildschirm ist in 2 Bereiche unterteilt.

Die verschiedenen Elemente, die Sie Ihrer Seite hinzufügen können, befinden sich auf der linken Seite, während sich auf der rechten Seite eine Live-Vorschau Ihrer Landing Page befindet. So können Sie alle Änderungen, die Sie automatisch vornehmen, in Echtzeit sehen.

Um den Inhalt Ihrer Landing Page anzupassen, klicken Sie auf eine beliebige Stelle in der Live-Vorschau.

Um zum Beispiel den Text zu ändern, klicken Sie auf den vorhandenen Text. Daraufhin öffnet sich auf der linken Seite ein Einstellungsfenster, in dem Sie Ihre eigenen Inhalte hinzufügen können. Alternativ können Sie auch die Inline-Bearbeitungsoption auf der rechten Seite verwenden.

Auf diese Weise können Sie auch die Bilder auf Ihrer Seite ändern. Klicken Sie einfach auf ein vorhandenes Bild, um die Einstellungen im linken Bereich zu öffnen.

Von dort aus können Sie das Standardbild löschen und durch ein Bild von Ihrem Computer oder Ihrer WordPress-Mediathek ersetzen. Alternativ können Sie in Tausenden von Stockbildern suchen, die in Ihrem SeedProd-Plan kostenlos enthalten sind.

Nachdem Sie den Inhalt Ihrer Landing Page angepasst haben, können Sie mit den Landing Page Blocks von SeedProd weitere Inhalte hinzufügen.

Landing Page Blöcke

Landingpage-Blöcke sind verschiedene Elemente, die Sie Ihrer Seite hinzufügen können, um sie für Ihre Besucher ansprechender zu gestalten. Es gibt zwei verschiedene Blocktypen: „Standard“ und „Erweitert“.

Zu den Standardblöcken gehören alle grundlegenden Seitenelemente, wie Bilder, Schaltflächen, Überschriften und mehr.

Die erweiterten Blöcke sind stärker auf die Generierung von Leads ausgerichtet, darunter:

• Werbegeschenk Blöcke
• Optin-Formulare
• Kontaktformulare
• Soziale Profile
• Countdown-Timer
• Sternebewertungen
• Verankerte Links
• Fortschrittsbalken
• Und mehr.

Das Hinzufügen von Blöcken zu Ihrer Opt-in-Landingpage ist ganz einfach: Ziehen Sie einen Block aus dem linken Bereich und legen Sie ihn in der Seitenvorschau ab. Anschließend können Sie den Inhalt im Einstellungsbereich anpassen.

Landing Page Abschnitte

SeedProd bietet außerdem vorgefertigte Landingpage-Module, die Sie mit einem einzigen Klick einfügen können. Die Module „FAQ“ und „Call to Action“ sind besonders nützlich für die Erfassung von E-Mail-Adressen, da sie den Besuchern helfen, Vertrauen aufzubauen, bevor sie sich anmelden.

Globale Einstellungen

Um weitere Anpassungen vorzunehmen, klicken Sie auf das Zahnrad-Symbol unten links im Seiteneditor, um die globalen Einstellungen zu öffnen. Dort können Sie die Farben und Schriftarten Ihrer Seite ändern und diese siteweit anwenden.

Fahren Sie mit der Anpassung Ihrer Seite fort, bis Sie mit Ihrem Design zufrieden sind. Vergessen Sie nicht, regelmäßig auf die grüne Schaltfläche Speichern zu klicken, um Ihre Einstellungen zu speichern.

Schritt 5. Verbinden Sie Ihre Landing Page mit Mailchimp

Wenn das Design Ihrer Landing Page steht, ist es an der Zeit, Ihre Seite mit Ihrem Mailchimp-Konto und Ihrer E-Mail-Liste zu verbinden.

Klicken Sie dazu auf die Registerkarte " Verbinden" am oberen Rand Ihres Bildschirms. Dort werden Ihnen alle verfügbaren E-Mail-Marketingdienste angezeigt, die Sie in SeedProd integrieren können.

Um Ihr Mailchimp-Konto zu verknüpfen, fahren Sie mit der Maus über das Mailchimp-Symbol und klicken Sie auf Verbinden.

Klicken Sie anschließend auf die Schaltfläche Neues Konto verbinden.

Sie werden dann aufgefordert, Ihren Mailchimp-API-Schlüssel einzugeben und einen Verbindungsnamen zu wählen. Um Ihren API-Schlüssel zu finden, klicken Sie auf die Schaltfläche Get Mailchimp API Key.

Dadurch wird Mailchimp in einem neuen Fenster geöffnet. Klicken Sie in Ihrem Mailchimp-Konto auf das Profilsymbol in der unteren linken Ecke, gehen Sie zu „Konto & Abrechnung“, klicken Sie dann auf die Registerkarte „Extras“ und wählen Sie „API-Schlüssel“ aus. Klicken Sie auf „Schlüssel erstellen“, um einen neuen Schlüssel zu generieren.

Falls die Benutzeroberfläche anders aussieht als auf dem Screenshot unten, hat Mailchimp möglicherweise das Layout der Einstellungen aktualisiert. Die aktuellen Schritte findest du jederzeit in der Dokumentation zu API-Schlüsseln von Mailchimp.

Kopieren Sie den Schlüssel und fügen Sie ihn in das Feld in SeedProd ein.

Geben Sie dann der Verbindung einen Namen und klicken Sie auf die Schaltfläche Verbinden.

Danach können Sie Ihre bevorzugte Liste aus dem Dropdown-Menü auswählen und auf Integrationsdetails speichern klicken.

Jetzt wird jeder, der sich auf Ihrer Landing Page anmeldet, automatisch zu Ihrer Mailchimp-E-Mail-Liste hinzugefügt.

Schritt 6. Konfigurieren Sie Ihre Seiteneinstellungen

Öffnen Sie dann die Registerkarte Seiteneinstellungen, um die Details Ihrer Landing Page anzupassen. Hier können Sie den Namen und die URL der Seite ändern, zwischen Entwurf und Veröffentlichung wechseln und den Isolationsmodus aktivieren, um Plugin-Konflikte zu vermeiden.

Sie finden auch Optionen für SEO & Analytics (funktioniert mit Plugins wie All in One SEO und MonsterInsights) und einen Skriptbereich für Dinge wie Tracking-Pixel oder benutzerdefinierten Code.

Wenn Sie den Pro-Plan nutzen, können Sie Ihrer Seite auch eine benutzerdefinierte Domain zuweisen. Verweisen Sie z. B. eine in Kürze erscheinende Seite auf oldsite.com auf eine neue Domain wie newsite.com, um frühzeitig Abonnenten zu gewinnen.

Sobald Sie diese Einstellungen konfiguriert haben, klicken Sie auf Speichern und kehren Sie zur Registerkarte Design zurück.

Schritt 7. Vorschau Ihrer Seite in Mobile

Bevor Sie Ihre Landing Page live schalten, sollten Sie sicherstellen, dass sie auf mobilen Bildschirmen gut aussieht. Wenn sie auf mobilen Geräten nicht gut aussieht, könnten Sie unprofessionell wirken und potenzielle Kunden verlieren.

Glücklicherweise verfügt SeedProd über eine integrierte Option für die mobile Vorschau, mit der Sie Ihre Landing Page auf mobilen Geräten betrachten können. Klicken Sie einfach auf das Symbol für die mobile Vorschau, um zu sehen, wie Ihre Seite auf dem Handy im Vergleich zum Desktop aussieht.

Wenn etwas nicht so aussieht, wie es sollte, können Sie Ihre mobile Landing Page auf die gleiche Weise bearbeiten wie die Desktop-Ansicht.

Alle Änderungen, die Sie vornehmen, werden automatisch auf beide Versionen übertragen, um ein einheitliches Erscheinungsbild zu gewährleisten.

Schritt 8. Veröffentlichen Sie Ihre Mailchimp-Seite in WordPress

Jetzt ist es an der Zeit, Ihre Landing Page in WordPress zu veröffentlichen, und dieser Schritt ist genauso einfach.

Um Ihre Seite zu veröffentlichen, klicken Sie auf den Abwärtspfeil neben der Schaltfläche Speichern in der oberen rechten Ecke Ihres Bildschirms. Klicken Sie dann auf Veröffentlichen.

Anschließend erscheint ein Popup-Fenster, das Ihnen mitteilt, dass Ihre Seite veröffentlicht wurde.

Klicken Sie auf die Schaltfläche Live-Seite anzeigen, um zu sehen, wie Ihre neue Landing Page aussieht.

Was tun, wenn die Verbindung zu Mailchimp nicht funktioniert?

Auch wenn Sie alle Schritte durchgeführt haben, können dennoch einige Probleme auftreten. Hier sind die drei häufigsten Probleme und wie Sie sie beheben können.

Fehler beim API-Schlüssel. Wenn SeedProd sich nicht bei Mailchimp authentifizieren kann, liegt die Ursache höchstwahrscheinlich in einem abschließenden Leerzeichen in Ihrem API-Schlüssel. Löschen Sie den Schlüssel aus dem SeedProd-Feld, kehren Sie zu Mailchimp zurück und generieren Sie einen neuen Schlüssel, den Sie dann sorgfältig erneut einfügen.

Die Abonnenten werden nicht synchronisiert. Öffnen Sie in SeedProd die Registerkarte „Connect“ und überprüfen Sie unter „Save Integration Details“, welche Empfängerliste ausgewählt ist. Wenn Sie mehrere Listen in Mailchimp haben, kann es leicht passieren, dass Sie die falsche Liste auswählen.

Das Formular erfasst keine Leads. Das verwirrt viele, da die Mailchimp-Integration auf Seitenebene und der Opt-in-Block voneinander getrennt sind. Stellen Sie sicher, dass auch der Opt-in-Block auf Ihrer Seite mit Mailchimp verbunden ist, nicht nur die Einstellung auf Seitenebene.

So erweitern Sie Ihre Liste nach dem Start

Die Veröffentlichung Ihrer E-Mail-Anmeldeseite ist nur der erste Schritt. Hier sind drei Dinge, die Sie unmittelbar nach der Veröffentlichung erledigen sollten.

Generieren Sie Ihre ersten Besucher über Mailchimp. Versenden Sie eine E-Mail-Kampagne an Ihren bestehenden Verteiler mit einem Link zu Ihrer neuen Seite. Abonnenten, die Freunde werben oder den Link weiterleiten, können so schon frühzeitig für Schwung sorgen, ganz ohne bezahlte Werbung.

Richten Sie eine Willkommens-Automatisierung ein. Erstellen Sie in Mailchimp eine Willkommens-E-Mail, die automatisch versendet wird, sobald sich jemand über diese Seite anmeldet. Eine zeitnahe Willkommens-E-Mail schafft Vertrauen, noch bevor Ihre nächste Kampagne startet.

Kennzeichnen Sie neue Abonnenten für die Segmentierung. In Mailchimp können Sie jedem Abonnenten, der über diese Seite kommt, bis zu 5 Tags zuweisen, wodurch Sie diese von den Listenmitgliedern unterscheiden können, die sich an anderer Stelle angemeldet haben. Richten Sie dies vor dem Start ein, damit jeder neue Abonnent vom ersten Tag an gekennzeichnet wird.

FAQs zum Erstellen von Mailchimp Landing Pages

Wie bindet man eine Mailchimp-Landingpage in WordPress ein?

Sie können eine von Mailchimp gehostete Landingpage nicht direkt in WordPress einbetten. Mailchimp-Landingpages sind eigenständige Seiten, die auf den Servern von Mailchimp gehostet werden und nicht in eine andere Website eingebettet werden können. Besser ist es, Ihre Opt-in-Landingpage mithilfe von SeedProd direkt in WordPress zu erstellen und sie mit Ihrer Mailchimp-Zielgruppe zu verknüpfen. Auf diese Weise befindet sich die Seite auf Ihrer Domain und ist vollständig anpassbar.

Lässt sich Mailchimp in WordPress integrieren?

Ja. SeedProd verbindet sich über einen API-Schlüssel mit Mailchimp, sodass alle Anmeldeformulare auf Ihrer Landingpage direkt in Ihre Mailchimp-Zielgruppenliste übernommen werden. Es ist kein Brücken-Plugin eines Drittanbieters erforderlich. Sie können auch das offizielle WordPress-Plugin von Mailchimp verwenden, um Anmeldeformulare in Beiträge und Seitenleisten einzubetten, allerdings haben Sie damit keine vollständige Kontrolle über die Landingpage.

Kann ich mit Mailchimp eine Landingpage erstellen?

Ja, Mailchimp verfügt über einen integrierten Landingpage-Builder, der in allen Tarifen, einschließlich des kostenlosen, verfügbar ist. Die Einschränkung besteht darin, dass die Seiten auf den Servern von Mailchimp gehostet werden und URLs wie „mailchi.mp“ haben; eine eigene Domain kannst du nur im Rahmen eines kostenpflichtigen Website-Tarifs nutzen. Für die meisten WordPress-Betreiber bietet die Erstellung der Seite in WordPress mit SeedProd von Anfang an mehr Gestaltungsfreiheit und eine markenspezifische URL.

Was sind die Grenzen der integrierten Landing Pages von Mailchimp?

Die in Mailchimp integrierten Landingpages können im kostenlosen Tarif keine eigene Domain verwenden, sodass Abonnenten statt Ihrer Marke eine mailchi.mp-URL sehen. Nach der Veröffentlichung der Seite können Sie die Empfängerliste nicht mehr ändern, und erweiterte Funktionen wie iFrames und Merge-Tags auf öffentlichen Seiten erfordern einen kostenpflichtigen Tarif. Wenn Sie Ihre Mailchimp-Landingpage stattdessen in WordPress erstellen, können Sie diese Einschränkungen vollständig umgehen.

Ihre Mailchimp-Landingpage ist nun unter Ihrer eigenen Domain online und sammelt Abonnenten direkt in Ihrer Mailchimp-Liste. Die URL und die Daten gehören Ihnen.

Sie suchen nach weiteren Tipps? Schauen Sie sich unsere Leitfäden zu bewährten Verfahren für Landing Pages und zum Ausbau Ihrer E-Mail-Liste an.

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.