Landingpages erstellen und veröffentlichen

Published: 16. Juli 2026 · Last updated: 21. Juli 2026 · By Marcus Biel

Eine Maildroppa-Landingpage ist eine vollständige, eigenständige Seite, die um ein Anmeldeformular herum aufgebaut ist. Sie benötigen keine bestehende Website, um sie zu verwenden.

Sie können die Seite über Maildroppa veröffentlichen und ihren öffentlichen Link in Anzeigen, Social-Media-Beiträgen, QR-Codes, E-Mails, Messenger-Unterhaltungen oder Schaltflächen auf einer anderen Website teilen. Wenn Sie eine benutzerdefinierte Landingpage-Domain verbunden haben, können Sie die Seite auch unter dieser Domain veröffentlichen.

Dieser Leitfaden erklärt die Funktionen, die speziell für Landingpages gelten. Layouts, Inhaltsblöcke, Textbearbeitung, Formularfelder, Tags, Designeinstellungen, Ebenen und Anmeldeabläufe werden einmalig im Leitfaden zum Anmeldeformular-Builder erklärt.

Landingpage erstellen

Öffnen Sie „Anmeldeformulare“, klicken Sie auf „Formular erstellen“ und wählen Sie „Landingpage“. Geben Sie einen eindeutigen internen Namen ein und fahren Sie mit dem Builder fort.

Sie können auch eine vorhandene Landingpage öffnen, indem Sie in der Übersicht der Anmeldeformulare auf ihren Namen klicken oder in ihrem Aktionsmenü „Formular bearbeiten“ auswählen.

Der Name identifiziert die Seite innerhalb von Maildroppa. Er wird nicht zur Hauptüberschrift der öffentlichen Seite, und eine spätere Umbenennung der Landingpage ändert ihre bestehende öffentliche Adresse nicht automatisch.

Landingpage-Vorlage auswählen

Der Landingpage-Builder bietet fünf Ausgangspunkte:

Leere Seite — Beginnt mit einer leeren Arbeitsfläche für ein vollständig individuelles Design.

Newsletter-Anmeldung — Eine vielseitige Seite, um eine Newsletter-Zielgruppe aufzubauen.

Lead-Magnet — Eine Seite rund um ein herunterladbares Angebot oder einen anderen Anmeldeanreiz.

Webinar-Anmeldung — Eine Registrierungsseite für ein Webinar, eine Live-Schulung oder ein Online-Event.

Warteliste — Eine Seite, um Interesse zu sammeln, bevor ein Produkt, eine Dienstleistung oder ein Event verfügbar wird.

Wählen Sie die Vorlage, deren Struktur Ihrem Ziel am nächsten kommt. Alle Vorlageninhalte können bearbeitet werden. Sie können Texte und Bilder ersetzen, das Design ändern, Abschnitte neu anordnen oder nicht benötigte Elemente entfernen.

Seite mit Abschnitten erstellen

Landingpages verfügen über dasselbe Layout und dieselben Inhaltsblöcke wie alle anderen Anmeldeformulare. Unter „Layout“ bieten sie außerdem vollständig wiederverwendbare Abschnitte.

Hero-Bereich mit Anmeldeformular — Ein hervorgehobener Einstiegsbereich, der das Angebot präsentiert und das Formular nahe der Hauptbotschaft platziert.

Vorteilskarten — Drei Karten, um die wichtigsten Vorteile oder Ergebnisse zu erklären.

Bild/Text-Aufteilung — Ein zweispaltiger Abschnitt, der ein Bild mit ergänzendem Text verbindet.

Kundenstimme — Ein Abschnitt für Kundenfeedback, ein Zitat oder einen anderen Vertrauensbeleg.

FAQ — Ein Frage-und-Antwort-Bereich, um häufige Bedenken vor der Anmeldung auszuräumen.

Klicken Sie auf einen Abschnitt, um ihn an der aktuellen Einfügeposition hinzuzufügen, oder ziehen Sie ihn auf die Arbeitsfläche. Der Abschnitt besteht aus regulären Boxen, Spalten, Texten, Bildern, Listen und anderen Blöcken, sodass jeder Teil anschließend separat bearbeitet werden kann.

Verwenden Sie Abschnitte, um einen einfachen Ablauf zu erstellen:

1. Erklären Sie das Angebot.
2. Zeigen Sie, warum es wertvoll ist.
3. Beantworten Sie wahrscheinliche Fragen oder liefern Sie Belege.
4. Fordern Sie Besucher zur Anmeldung auf.

Sie müssen nicht jeden Abschnitt verwenden. Eine fokussierte Seite mit einem klaren Angebot ist oft leichter verständlich als eine lange Seite mit zusammenhanglosen Informationen.

Anmeldeformular hinzufügen

Eine Landingpage muss einen Anmeldeformular-Block enthalten. Der Block erfasst die E-Mail-Adresse des Besuchers sowie alle zusätzlichen Abonnentenfelder, die Sie auswählen.

Die meisten Vorlagen enthalten bereits ein Anmeldeformular. Wenn Sie mit einer leeren Seite beginnen, öffnen Sie „Inhalt“ und fügen Sie „Anmeldeformular“ hinzu. Sobald das Formular vorhanden ist, verhindert der Builder, dass ein zweiter Anmeldeformular-Block hinzugefügt wird.

Wählen Sie den Block aus, um seine Felder, versteckten Tags, den Fortschrittsindikator, den Abonnentenzähler, das Eingabedesign und die Absenden-Schaltfläche zu konfigurieren. Diese gemeinsamen Steuerelemente werden unter Anmeldeformular konfigurieren behandelt.

Sie können unterstützende Inhalte über, unter oder neben dem Formular platzieren. Stellen Sie sicher, dass die Hauptüberschrift und die Schaltfläche klar beschreiben, was Besucher nach der Anmeldung erhalten.

Bilder, Videos und unterstützende Inhalte verwenden

Landingpages können Texte, Bilder, Videos, Listen, Schaltflächen, Social-Links, Abonnentenzähler, Abstände und Trennlinien enthalten.

Bilder können über eine URL hinzugefügt, hochgeladen oder aus der Maildroppa-Medienbibliothek ausgewählt werden. Fügen Sie aussagekräftigen Alternativtext hinzu, wenn ein Bild nützliche Informationen vermittelt. Sie können außerdem Abmessungen, Seitenverhältnis, Zuschnitt, Fokuspunkt, Link, Drehung und responsive Darstellung steuern.

Videoblöcke unterstützen YouTube, Vimeo, Einbettungs-URLs und direkte Videodateien. Ein Vorschaubild und der Stil der Wiedergabeschaltfläche können separat konfiguriert werden.

Schaltflächen sind nützlich, wenn die Seite eine sekundäre Aktion enthält, etwa das Öffnen einer Produktseite oder den Sprung zu einer anderen Ressource. Die Absenden-Schaltfläche des Anmeldeformulars bleibt die Aktion, die Abonnenteninformationen an Maildroppa sendet.

Verwenden Sie den eigenständigen Abonnentenzähler, wenn die Größe der Zielgruppe Teil des Seiteninhalts sein soll. Wenn die Zahl direkt neben dem Absende-Bereich erscheinen soll, verwenden Sie stattdessen den Abonnentenzähler in den Einstellungen des Anmeldeformulars.

Seitendarstellung festlegen

Öffnen Sie „Seiteneinstellungen“ in der rechten Seitenleiste, um das Gesamtdesign der Seite festzulegen.

Sie können die Hintergrundfarbe oder das Hintergrundbild der Seite, Hintergrundposition und -größe, die maximale Seitenbreite, Standardschriftarten und -farben, Überschriftenstile, Linkstile, Schaltflächenstandards, Box-Stile und mobile Abstände festlegen. Außerdem können Sie auswählen, wann mehrspaltige Layouts auf kleineren Bildschirmen untereinander angeordnet werden sollen.

Diese Standardeinstellungen sorgen für ein einheitliches Erscheinungsbild. Sie können weiterhin einen einzelnen Abschnitt, eine Spalte oder einen Inhaltsblock auswählen und ihm andere Farben, Abstände, Rahmen oder typografische Einstellungen geben.

Verwenden Sie beim Bearbeiten regelmäßig „Vorschau“. Prüfen Sie, ob das Anmeldeangebot vor dem Scrollen verständlich ist, die Schaltfläche leicht zu finden ist und Bilder das Formular nicht überlagern.

Entwurf einer Landingpage speichern

Landingpages können als Entwürfe gespeichert werden, ohne öffentlich zu sein.

Die obere Leiste zeigt während der Arbeit den aktuellen Speicherstatus an. Verwenden Sie „Entwurf speichern“, wenn Sie die aktuelle Version ausdrücklich speichern möchten. Ein Entwurf kann in der Vorschau angezeigt und bearbeitet werden. Besucher können ihn jedoch erst über einen öffentlichen Link öffnen, wenn er veröffentlicht wurde.

Wenn eine Seite bereits live ist, ersetzen weitere Designänderungen nicht sofort die öffentliche Version. Maildroppa kennzeichnet sie als unveröffentlichte Änderungen. So können Sie weiterarbeiten und eine Vorschau anzeigen, ohne zu ändern, was aktuelle Besucher sehen. Verwenden Sie „Änderungen veröffentlichen“, wenn die neue Version bereit ist.

Veröffentlichungseinstellungen öffnen

Klicken Sie auf „Veröffentlichen“, wenn die erste Version bereit ist. Bei einer bereits öffentlichen Seite kann die Schaltfläche „Änderungen veröffentlichen“ oder „Veröffentlichung verwalten“ anzeigen.

Das Veröffentlichungsfenster bündelt alles, was erforderlich ist, um die Landingpage öffentlich zu machen:

• Veröffentlichungsstatus
• Öffentliche Adresse
• Anmeldeablauf und Auswirkungen auf Abonnenten
• Suchvorschau
• Bild für das Teilen in sozialen Netzwerken
• Favicon
• Rechtliches Profil der gehosteten Seite
• Veröffentlichungsbereitschaft

Maildroppa prüft diese Einstellungen vor der Veröffentlichung. Wenn etwas Erforderliches fehlt, erklärt der Abschnitt „Bereit zur Veröffentlichung“, was beachtet werden muss, und bietet nach Möglichkeit eine entsprechende Aktion an.

Öffentliche Adresse auswählen

Jede veröffentlichte Landingpage benötigt eine eindeutige öffentliche Adresse.

Maildroppa kann die standardmäßige Landingpage-Adresse für Ihr Konto bereitstellen. Wenn Sie eine oder mehrere benutzerdefinierte Landingpage-Domains verbunden haben, können Sie eine bereite Domain auswählen und den Seitenpfad konfigurieren.

Eine benutzerdefinierte Adresse könnte beispielsweise einen Pfad wie /newsletter, /webinar oder /summer-guide verwenden.

Maildroppa prüft, ob die ausgewählte Adresse verfügbar ist. Wenn der Pfad bereits verwendet wird, zeigen die Veröffentlichungseinstellungen den Konflikt an und können alternative Pfade anbieten. Eine benutzerdefinierte Domain muss vollständig verbunden und bereit sein, bevor die Seite dort veröffentlicht werden kann.

Wenn Sie die Adresse einer bereits veröffentlichten Seite ändern, ändert sich nach der nächsten Veröffentlichung der Ort, unter dem die Seite verfügbar ist. Lesen Sie den Hinweis zur Adresse vor der Veröffentlichung der Änderung sorgfältig durch, insbesondere wenn der alte Link bereits geteilt wurde.

Informationen zum Verbinden, Verifizieren oder Beheben von Problemen mit einer benutzerdefinierten Domain finden Sie unter Benutzerdefinierte Landingpage-Domain verbinden und verifizieren. Während die Verifizierung der benutzerdefinierten Domain läuft, können Sie weiterhin über Ihre standardmäßige Maildroppa-Adresse veröffentlichen. Sobald die Domain bereit ist, wählen Sie sie aus, legen Sie einen eindeutigen Pfad fest und veröffentlichen Sie die Seite erneut.

Anmeldeablauf überprüfen

Das Veröffentlichungsfenster zeigt, welchen Anmeldeablauf die Landingpage verwendet, und fasst die Besuchererfahrung zusammen.

Prüfen Sie, was nach dem Absenden geschieht, welche Double-Opt-in-E-Mail versendet wird und was nach der Bestätigung passiert. Wenn der Ablauf unvollständig oder für die aktuelle Seite ungeeignet ist, öffnen Sie „Einstellungen des Anmeldeablaufs“, um einen Ablauf auszuwählen, zu erstellen oder zu bearbeiten.

Denken Sie daran, dass ein gemeinsamer Anmeldeablauf von mehreren Formularen verwendet werden kann. Änderungen daran können daher auch die Erfahrung bei anderen Formularen verändern. Erstellen Sie einen separaten Ablauf, wenn die Landingpage einen eigenen Bestätigungstext, eine eigene E-Mail oder eine eigene Aktion nach der Bestätigung benötigt.

Suchvorschau konfigurieren

Der Bereich „Suchvorschau“ steuert, wie die Seite für Suchmaschinen beschrieben wird.

Geben Sie einen SEO-Titel und eine SEO-Beschreibung ein, die den Inhalt der Seite korrekt erklären. Wählen Sie die Seitensprache und entscheiden Sie, ob die Seite in Suchergebnissen angezeigt werden soll.

Deaktivieren Sie „In der Suche anzeigen“, wenn die Seite nur für Personen verfügbar sein soll, die den direkten Link erhalten, etwa bei einer privaten Kampagne oder einer zeitlich begrenzten Registrierungsseite. Diese Einstellung weist Suchmaschinen an, die Seite nicht zu indexieren, macht den Link jedoch weder geheim noch passwortgeschützt.

Verwenden Sie einen eindeutigen Titel, statt den internen Formularnamen zu wiederholen. Die SEO-Beschreibung sollte das Angebot und den Grund für einen Besuch der Seite kurz erklären.

Bild für das Teilen in sozialen Netzwerken hinzufügen

Im Bereich „Vorschau für das Teilen in sozialen Netzwerken“ können Sie das Bild festlegen, das von Diensten verwendet wird, die Linkvorschauen unterstützen, wenn der Landingpage-Link geteilt wird.

Sie können eine Bild-URL eingeben oder ein Bild hochladen. Wählen Sie ein einfaches Bild, das auch als kleine Vorschau erkennbar bleibt. Text im Bild sollte groß genug zum Lesen sein.

Favicon hinzufügen

Das Favicon ist das kleine Symbol, das im Browser-Tab und in anderen Bereichen der Browseroberfläche angezeigt wird.

Geben Sie im Bereich „Favicon-Branding“ eine Favicon-URL ein oder laden Sie ein Bild hoch. Ein quadratisches, einfaches Markenlogo funktioniert in dieser kleinen Größe meist am besten.

Rechtliches Profil der gehosteten Seite vervollständigen

Da Maildroppa die Landingpage hostet und veröffentlicht, enthalten die Veröffentlichungseinstellungen ein rechtliches Profil für die Seite.

Das Profil verwendet die in Ihrem Konto gespeicherte Postanschrift und fragt nach den Informationen, die zur Identifizierung und Kontaktaufnahme mit dem Anbieter der Seite erforderlich sind. Abhängig von Ihrer Organisation umfasst dies:

• Anbieterart
• Öffentliche Kontakt-E-Mail-Adresse
• Eine optionale zusätzliche Kontaktmöglichkeit
• Eine URL mit Anbieterinformationen oder einem Impressum, sofern erforderlich
• Eine Datenschutz-URL, sofern erforderlich
• Bestätigung, dass Sie für den Seiteninhalt und die rechtlichen Informationen verantwortlich sind

Wählen Sie die Anbieterart, die Ihrer Situation entspricht, beispielsweise Einzelunternehmen oder Freiberufler, Unternehmen oder Partnerschaft, Verein oder gemeinnützige Organisation, öffentliche Einrichtung oder eine andere Organisation.

Wenn die Postanschrift fehlt oder falsch ist, verwenden Sie den Link in diesem Abschnitt, um sie in Ihren Kontoeinstellungen zu aktualisieren. Maildroppa zeigt, welche rechtlichen Anforderungen vor der Veröffentlichung der Seite noch beachtet werden müssen.

Diese Funktion unterstützt Sie dabei, die erforderlichen Seiteninformationen bereitzustellen. Sie ersetzt jedoch keine Rechtsberatung zu den Anforderungen, die für Ihr Unternehmen oder Ihr Land gelten.

Seite veröffentlichen

Prüfen Sie den Abschnitt „Bereit zur Veröffentlichung“ am unteren Rand des Veröffentlichungsfensters. Beheben Sie alle aufgeführten Probleme und klicken Sie anschließend auf „Veröffentlichen“.

Maildroppa speichert den aktuellen Entwurf und die Veröffentlichungseinstellungen, bevor die Seite öffentlich gemacht wird. Nach erfolgreicher Veröffentlichung können Sie:

• Die Live-Seite öffnen
• Ihren öffentlichen Link kopieren
• Zum Editor zurückkehren

Öffnen Sie die Live-Seite einmal und testen Sie den vollständigen Anmeldeablauf selbst. Prüfen Sie die öffentliche Adresse, das Layout, die Felder, die Validierung, die Antwort nach dem Absenden, die Double-Opt-in-E-Mail und das Ergebnis der Bestätigung.

Veröffentlichte Seite verwalten

Verwenden Sie nach der Veröffentlichung im Builder „Veröffentlichung verwalten“ oder die Aktionen in der Übersicht der Anmeldeformulare.

Änderungen veröffentlichen ersetzt die Live-Version durch den aktuell gespeicherten Entwurf.

Live-Seite anzeigen öffnet die öffentliche Version in einem neuen Browser-Tab.

Link kopieren kopiert die aktuelle öffentliche Adresse.

Veröffentlichung aufheben nimmt die Seite offline, ohne die Landingpage aus Ihrem Konto zu löschen. Sie können sie weiter bearbeiten und später erneut veröffentlichen.

Die Übersicht der Anmeldeformulare zeigt, ob eine Landingpage ein Entwurf, veröffentlicht oder nicht öffentlich ist, und bietet die passenden Aktionen zum Teilen und Verwalten.