Landingpage

Die Landingpage, die einträgt

Eine Seite, ein Ziel. Kein Menü, keine Links nach draußen außer Impressum und Datenschutz. Wer auf deiner Seite landet, soll genau eine Entscheidung treffen: Ja, ich will das Geschenk.

Schritt 2 von 4 · Landingpage

Dazu gibt es einen Claude Skill

So nutzt du diese Seite

1.Schau dir den Aufbau von oben nach unten an.
2.Kopiere den Lovable-Prompt, er ist mit deinem Profil schon ausgefüllt.
3.Hake die Schritte in Lovable nacheinander ab.

Legende

Goldenes Feld kommt aus deinem Profil, noch leer:
Türkis unterstrichen schon mit deinen Daten gefüllt
[Pinke Stelle] hier setzt du deine echten Details ein, zum Beispiel deine Geschichte
{Vorname} Feld deines Mail-Tools, bleibt so stehen

Headline

Ergebnis + Zeit

In 10 Minuten zu Wunschergebnis: Leadmagnet

Subline

Für wen, ohne was

Für Zielgruppe, auch wenn du wenig Zeit hast.

Bild oder Mockup

Das Geschenk sichtbar machen

Leadmagnet

Drei Bulletpoints

Was du bekommst

Klarheit, Struktur und den nächsten kleinen Schritt

Formular

Nur Vorname + E-Mail

Vorname · E-Mail

Button

Ich-Form

Ja, ich will Leadmagnet

Hinweis

Newsletter + Datenschutz

Abmeldung jederzeit möglich. Datenschutz

Über mich

Foto + zwei Sätze

Warum du die richtige Person dafür bist

Footer

Impressum, Datenschutz

Impressum · Datenschutz

Aufbau von oben nach unten

Deine Seite führt ohne Umwege zur Eintragung

Headline

Ergebnis + Zeit

In 10 Minuten zu Wunschergebnis: Leadmagnet

Subline

Für wen, ohne was

Für Zielgruppe, auch wenn du wenig Zeit hast.

Bild oder Mockup

Das Geschenk sichtbar machen

Leadmagnet

Drei Bulletpoints

Was du bekommst

Klarheit, Struktur und den nächsten kleinen Schritt

Formular

Nur Vorname + E-Mail

Vorname · E-Mail

Button

Ich-Form

Ja, ich will Leadmagnet

Hinweis

Newsletter + Datenschutz

Abmeldung jederzeit möglich. Datenschutz

Über mich

Foto + zwei Sätze

Warum du die richtige Person dafür bist

Footer

Impressum, Datenschutz

Impressum · Datenschutz

Headline-Baukasten

Vier Einstiege, die sofort klar machen, worum es geht

Headline

Headline 1

Wann nutzen: Wenn du den ersten Satz deiner Landingpage testest.

Leadmagnet: So kommst du zu Wunschergebnis

Headline

Headline 2

Wann nutzen: Wenn du den ersten Satz deiner Landingpage testest.

Schluss mit ‚Größtes Problem'. Hol dir Leadmagnet.

Headline

Headline 3

Wann nutzen: Wenn du den ersten Satz deiner Landingpage testest.

Für Zielgruppe: Leadmagnet, kostenlos

Headline

Headline 4

Wann nutzen: Wenn du den ersten Satz deiner Landingpage testest.

Finde in 3 Minuten heraus, wie du Wunschergebnis

Technik: drei Wege

Wähle den einfachsten Weg, der heute reicht

Einfach

Formular-Einbettungscode aus Mailchimp, Brevo oder CleverReach in Lovable einfügen lassen. Double-Opt-In macht das Mail-Tool. Ideal für den Start.

Solide

Lovable Cloud speichert Leads und schickt sie über eine serverseitige Funktion an dein Mail-Tool. Der API-Schlüssel kommt als Secret in Lovable Cloud, niemals in den Code.

Mit Tool

Dein Quiz oder Mini-Tool zeigt ein Kurzergebnis, das volle Ergebnis kommt per Mail.

Schritt für Schritt in Lovable

Vom leeren Projekt zur veröffentlichten Seite

Dein Fortschritt0 von 8 erledigt

1Neues Projekt in Lovable anlegen.Starte mit einer leeren Seite für deinen Leadmagneten.2Prompt „Landingpage in Lovable“ kopieren.Mit deinem Profil ist er schon ausgefüllt.3Ergebnis ansehen.Mach maximal 3 Nachbesserungen per Chat, nicht zwanzig.4Formular verbinden.Einbettungscode deines Mail-Tools einfügen lassen oder Lovable Cloud verbinden.5Impressum und Datenschutz anlegen.Nutze Texte aus deinem Generator, z. B. eRecht24 oder deiner Kanzlei.6Eigene Domain oder Subdomain verbinden.Das machst du in den Lovable-Projekteinstellungen, z. B. geschenk.deinedomain.de.7Am Handy testen.Eintragen, Bestätigungsmail prüfen, Spam-Ordner prüfen.8Veröffentlichen.Setze den Link danach in allen Profilen.

Prompt

Landingpage in Lovable

Wann nutzen: Wenn du deine Leadmagnet-Seite in Lovable erstellen lässt.

Baue eine deutschsprachige Landingpage für einen Leadmagneten. Ansprache per Du. BUSINESS: Vorname, Business. Zielgruppe: Zielgruppe. Ihr größtes Problem: „Größtes Problem". Ihr Wunsch: Wunschergebnis. LEADMAGNET: „Leadmagnet" (Format). AUFBAU: - Headline mit Ergebnis und Zeitangabe, Subline für wen - Mockup-Bereich für das Geschenk - 3 Bulletpoints: was man bekommt - Formular: Vorname, E-Mail, Button in Ich-Form - Unter dem Formular: „Mit deiner Anmeldung erhältst du auch meinen Newsletter mit Impulsen und Angeboten. Abmeldung jederzeit möglich." + Link Datenschutz - Über mich: rundes Foto (Platzhalter), 2-3 Sätze - Footer mit Impressum und Datenschutz als eigene Unterseiten - Danke-Seite nach dem Absenden: „Fast geschafft! Bitte bestätige deine E-Mail. Schau auch im Spam-Ordner nach." DATEN: [Einbettungscode deines Mail-Tools ODER: Speichere Vorname, E-Mail, Zeitstempel in einer Lovable Cloud Tabelle „leads".] DESIGN: Tonalität Tonalität. Farben: [deine Hex-Codes]. Schriften: [deine Schriften]. Viel Weißraum, mobil zuerst, keine Stockfotos, keine Emojis, keine Menüleiste.

Prompt

Nachbesserungen

Wann nutzen: Wenn die erste Version steht und du gezielt nachschärfen willst.

Mach die Headline größer und kürze die Subline auf einen Satz. Der Button soll in der Pink-Farbe sein und auf dem Handy die ganze Breite nutzen. Erhöhe den Abstand zwischen Formular und Über-mich-Bereich.

Prompt

Danke-Seite, die weiterverkauft

Wann nutzen: Wenn nach der Eintragung der nächste sinnvolle Schritt sichtbar werden soll.

Erstelle eine Danke-Seite nach der Eintragung. Oben: „Fast geschafft, bitte bestätige deine E-Mail." Darunter ein kurzes Video-Platzhalter-Feld „Eine persönliche Nachricht von Vorname". Darunter ein dezenter Hinweis auf Angebot mit einem Satz Nutzen und Button zu Link zum Angebot. Kein Druck, kein Countdown.

Werkzeugkasten