Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man eine Mailchimp Landing Page in WordPress erstellt

Wie man eine Mailchimp Landing Page in WordPress erstellt 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie eine Mailchimp-Landingpage in WordPress erstellen? Der schnellste Weg, Ihre E-Mail-Liste zu vergrößern, ist, Besucher auf eine Seite zu schicken, die nur dazu dient, Anmeldungen zu erfassen.

Das Problem ist, dass die integrierten Landing Pages von Mailchimp begrenzt sind. Sie werden auf den Servern von Mailchimp gehostet, verwenden nicht Ihre eigene Domain, es sei denn, Sie zahlen extra, und führen oft zu klobigen URLs wie:

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

Deshalb ist es besser, wenn Sie Ihre Mailchimp-Landingpage direkt in WordPress erstellen. So haben Sie die volle Kontrolle über Ihr Design, Ihre Suchmaschinenoptimierung und Ihren Domainnamen, während Sie gleichzeitig eine nahtlose Verbindung zu Mailchimp herstellen.

In diesem Tutorial zeige ich Ihnen Schritt für Schritt, wie Sie eine Mailchimp-Landingpage in WordPress mit SeedProd erstellen können. Es handelt sich um einen Drag-and-Drop-Builder, mit dem Sie ganz einfach professionelle Seiten mit hoher Konversionsrate erstellen können, ohne den Code anfassen zu müssen.

Schnelle Schritte zur Erstellung einer Mailchimp-Landingpage in WordPress:

Warum SeedProd anstelle des Mailchimp Builders verwenden?

SeedProd Drag and Drop WordPress Website-Baukasten

Mit SeedProd können Sie Ihre Landing Pages auf Ihrer WordPress-Website hosten und erhalten so eine saubere, gebrandete URL. Sie erhalten außerdem Zugang zu Hunderten von Vorlagen, Drag-and-Drop-Designblöcken und integrierten Integrationen wie Mailchimp, sodass Sie sofort mit dem Sammeln von Abonnenten beginnen können.

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 Ihren Seedprod-Lizenzschlüssel

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.

Aktivieren Sie das Plugin für den Seedprod-Wartungsmodus

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.

Erstellen Sie Ihre erste seedprod-Landingpage

Schritt 2. Erstellen Sie eine neue Landing Page mit SeedProd

Der nächste Bildschirm ist die Übersicht Ihrer SeedProd-Landingpage. Am oberen Rand des Bildschirms finden Sie die verschiedenen Seitenmodi, die Sie in SeedProd aktivieren können, nämlich:

Übersicht über das Dashboard der Seedprod-Landingpage

Sie können jeden Seitenmodus einschalten, indem Sie auf die Umschaltfunktion zwischen Inaktiv und Aktiv klicken.

Unter dem Abschnitt Seitenmodi werden Ihre Landing Pages angezeigt, sobald Sie sie erstellt haben.

Hinzufügen einer neuen Landing Page in WordPress

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.

seedprod Landing Page Vorlagen

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

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.

Wählen Sie eine Landing Page-Vorlage

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.

SeedProd visuelle Editor-Oberfläche

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.

Bearbeiten Sie den Text Ihrer Mailchimp-Landingpage

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.

Ändern Sie die Bilder Ihrer Landing Page

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.

Wählen Sie lizenzfreie Fotos für Ihre Mailchimp Landing Page

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

Landing Page-Blöcke sind die verschiedenen Elemente, die Sie Ihrer Seite hinzufügen können, um sie für Ihre Besucher attraktiver zu machen. Es gibt 2 verschiedene Blocktypen: Standard und Erweitert,

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

SeedProd Standard Landing Page Blöcke

Die fortgeschrittenen Blöcke sind jedoch mehr auf die Generierung von Leads ausgerichtet, einschließlich:

SeedProd erweiterte Landing Page Blöcke

Das Hinzufügen von Blöcken zu Ihrer Landing Page ist so einfach wie das Ziehen eines Blocks aus dem linken Bedienfeld und das Ablegen auf Ihrer Seitenvorschau. Von dort aus können Sie den Inhalt im Einstellungsbereich anpassen.

Ziehen und Ablegen von Landing-Page-Elementen auf Ihrer Seite

Viele der Landing Page-Blöcke von SeedProd werden mit vorgefertigten Vorlagen geliefert. Das sind voreingestellte Blockstile, die Sie mit einem Mausklick ändern können.

Um sie zu finden, klicken Sie auf ein beliebiges Seitenelement und navigieren Sie zur Registerkarte Vorlagen. Klicken Sie dann auf die Vorlage, die Ihnen am besten gefällt, um sie auf den Block anzuwenden.

Vorlagen für Landing Page-Blöcke

Landing Page Abschnitte

Genau wie bei den Blöcken gibt es bei SeedProd eine Vielzahl von Landing Page-Abschnitten. Dies sind vorgefertigte Blockkombinationen, die ganze Seitenbereiche bilden, die Sie mit einem einzigen Klick einfügen können.

Um sie zu finden, klicken Sie auf die Registerkarte Abschnitte und wählen Sie aus mehreren aus:

  • Kopfzeilen
  • Held-Abschnitte
  • Aufforderungen zum Handeln
  • FAQ-Abschnitte
  • Besondere Bereiche
  • Fußzeilen
SeedProd Landing Page Abschnitte

Sie können die Seitenabschnitte genauso anpassen wie jeden anderen Landing Page-Block. Hier ist ein Beispiel, wie ein FAQ-Abschnitt aussehen könnte.

Fügen Sie Ihrer Seite sofort einen anpassbaren FAQ-Bereich hinzu

Die Aufnahme von FAQs auf Ihrer Seite ist eine gute Möglichkeit, die Bedenken der Nutzer zu zerstreuen, bevor sie sich in Ihre Liste eintragen.

Globale Einstellungen

Wenn Sie weitere Anpassungsoptionen benötigen, klicken Sie auf das Zahnradsymbol unten links im Page Builder. Dies öffnet Ihre globalen Landing Page Design-Einstellungen.

Globale Einstellungen für Ihre Landing Page

In diesem Bereich können Sie die Farben, Schriftarten, Hintergründe und CSS Ihrer Seite anpassen und die Änderungen global auf Ihre Seite anwenden.

Wenn Sie beispielsweise das Farbschema Ihrer Landing Page ändern möchten, klicken Sie auf die Überschrift Farben. Dort können Sie neue Farben für Ihre Überschriften, Links, Schaltflächentexte und mehr auswählen.

Globale Landing Page Farbeinstellungen

Wenn Sie sich nicht sicher sind, welche Farben gut zueinander passen, können Sie auf die Schaltfläche Farbpaletten klicken. Hier wird eine Bibliothek mit mehr als 20 verschiedenen Farbkombinationen angezeigt, die Sie mit einem Klick zu Ihrer Seite hinzufügen können.

Wählen Sie eine Farbpalette für die Landing Page

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.

SeedProd E-Mail-Marketing-Integrationen

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

Klicken Sie auf die Schaltfläche Mailchimp verbinden

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

ein Mailchimp-Konto mit Seedprod 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.

Klicken Sie auf die Schaltfläche get mailchimp api

Daraufhin öffnet sich ein Popup-Fenster, in dem Sie sich bei Ihrem Mailchimp-Konto anmelden müssen. Nach der Anmeldung leitet Sie das Fenster zu Ihrem API-Schlüssel weiter.

Loggen Sie sich bei Mailchimp ein und kopieren Sie Ihren Api-Schlüssel

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

Fügen Sie Ihren API-Schlüssel in SeedProd ein und klicken Sie auf Verbinden

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.

Allgemeine Einstellungen der SeedProd-Landingpage

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.

SeedProd Landing Page Skripte

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.

SeedProd Landing Page benutzerdefinierte Domain-Zuordnung

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.

Klicken Sie auf das Symbol für die mobile Vorschau

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

Bearbeiten Sie Ihre Mailchimp-Landingpage für mobile Geräte

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.

Klicken Sie auf die Schaltfläche "Veröffentlichen

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

Ihre Seite wurde veröffentlicht

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

Mailchimp Landing Page Beispiel

FAQs zum Erstellen von Mailchimp Landing Pages

Ist die Nutzung von Mailchimp-Landingpages kostenlos?
Ja. Mailchimp ermöglicht es Ihnen, Landing Pages zu erstellen und zu verwenden, sogar mit dem kostenlosen Plan. Sie können mehrere Seiten erstellen, E-Mails oder SMS-Kontakte sammeln und veröffentlichen, ohne im Voraus zu bezahlen.
Was sind die Grenzen der integrierten Landing Pages von Mailchimp?
Mailchimp-Landingpages werden auf den Servern von Mailchimp gehostet und verwenden in der Regel URLs wie https://mailchi.mp/..., die möglicherweise nicht professionell aussehen. Sie können die Zielgruppe nach der Veröffentlichung nicht mehr ändern. Für einige fortgeschrittene Anwendungen - wie die Verwendung von benutzerdefinierten Domains, iFrames oder Merge-Tags auf öffentlichen Seiten - ist möglicherweise ein kostenpflichtiger Plan erforderlich.
Kann ich eine benutzerdefinierte Domain mit einer Mailchimp-Landingpage verwenden?
Ja, aber nur mit einem kostenpflichtigen Website-Plan. Andernfalls werden die Seiten standardmäßig auf die Mailchimp-Domäne gesetzt.
Wie werden Mailchimp-Landingpages mit meiner Zielgruppe oder meinen Tags verbunden?
Wenn Sie eine Mailchimp-Landingpage erstellen, müssen Sie sie vor der Veröffentlichung mit einer Zielgruppe verknüpfen. Neue Abonnenten werden direkt zu dieser Liste hinzugefügt, und Sie können ihnen bis zu fünf Tags zuweisen. Stellen Sie sicher, dass Sie dies vor der Veröffentlichung einrichten, da Sie die Zielgruppe nicht mehr ändern können, nachdem sie live ist.
Kann ich Mailchimp-Landingpages in meine WordPress-Website einbetten?
Nein. Mailchimp-Landingpages sind eigenständig und werden separat gehostet; sie können nicht in WordPress eingebettet werden. Sie können von Ihrer Website aus auf sie verlinken, aber sie bleiben separate Seiten.

Sie haben nun gesehen, wie einfach es ist, eine Mailchimp-Landingpage in WordPress ohne Programmierung zu erstellen. Wenn Sie Ihre Seite mit SeedProd erstellen, behalten Sie die volle Kontrolle über Ihr Design, Ihre Domain und Ihr SEO, während Sie gleichzeitig eine direkte Verbindung zu Ihrer Mailchimp-E-Mail-Liste herstellen.

Mit vorgefertigten Vorlagen, Drag-and-Drop-Bearbeitung und schnellen Integrationen können Sie professionelle Seiten erstellen, die mehr Abonnenten gewinnen und Ihr Unternehmen schneller wachsen lassen.

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.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.