← Zurück zur Übersicht
💻 Arbeitsmaterial

Lovable vertiefen — Unterseiten, Domain & Formular

Deine erste Seite steht. Jetzt wird sie vollständig: mehr Seiten, eigene Domain und ein Kontaktformular das Anfragen wirklich speichert.

Schritt 1 — Unterseiten hinzufügen

Mehr als eine Seite

Eine gute Website braucht mehr als die Startseite. Du sagst Lovable einfach im Chat was du willst — es baut die Seite und verknüpft sie automatisch.

So einfach geht's: Öffne deinen Lovable-Chat und schreibe: „Füge eine neue Seite /über-uns hinzu mit einem kurzen Text über unser Team und unsere Geschichte." — Lovable baut sie in Sekunden und fügt sie zur Navigation hinzu.
Plane hier, was du brauchst — dann weißt du was du Lovable sagen musst.
/ueber-uns
/leistungen
/kontakt
/eigene-seite
Klick auf einen Chip oder schreib selbst — dann in Lovable einfügen.
+ Über uns + Leistungen + Kontakt + FAQ + Referenzen + Navigation
Schritt 2 — Eigene Domain verbinden Optional

Weg von .lovable.app

Eine eigene Domain macht deine Website professionell und stärkt deine Marke. Sie kostet weniger als ein Kaffee pro Monat.
⏭ Du kannst diesen Schritt überspringen und später nachholen — deine Website funktioniert auch ohne eigene Domain.

1
Domain kaufen
Gehe auf Strato.de, IONOS.de oder Namecheap.com → suche nach deinem Wunschnamen → kaufe die .de oder .com Variante. Tipp: meinunternehmen.de kostet oft unter 1 €/Jahr im ersten Jahr.
2
In Lovable eintragen
In Lovable oben rechts auf das Einstellungs-Symbol klicken → „Custom Domain" → deine Domain eintragen → auf „Connect" klicken. Lovable zeigt dir dann zwei DNS-Einträge die du beim Domain-Anbieter hinterlegen musst.
3
DNS-Einträge setzen
Im Konto deines Domain-Anbieters unter „DNS-Einstellungen" oder „Nameserver" die zwei Einträge von Lovable eintragen. Das dauert 5–30 Minuten bis die Domain aktiv ist.
Schritt 3 — Kontaktformular mit Datenspeicherung

Anfragen die wirklich ankommen

Ein Kontaktformular das nur aussieht als würde es funktionieren, bringt nichts. Mit Supabase speichert Lovable jede Anfrage automatisch — und du bekommst eine Benachrichtigung.

Was ist Supabase? Eine kostenlose Datenbank in der Cloud. Lovable kann sie direkt verbinden — du brauchst kein technisches Wissen. Jede Formular-Einsendung landet dort automatisch.
1
Supabase-Account erstellen
Auf supabase.com gehen → „Start your project" → kostenlosen Account mit GitHub oder E-Mail anlegen → neues Projekt erstellen (Name wählen, Region: Europe).
2
In Lovable verbinden
In Lovable im Chat schreiben: „Verbinde das Kontaktformular mit Supabase und speichere Name, E-Mail und Nachricht in einer Datenbank." Lovable führt dich Schritt für Schritt durch die Verbindung.
Verbinde das Kontaktformular auf der Kontakt-Seite mit Supabase. Erstelle eine Tabelle "kontaktanfragen" mit den Feldern: name (text), email (text), nachricht (text), datum (timestamp). Speichere jede Einsendung automatisch. Zeige nach dem Absenden eine Bestätigungsmeldung: "Vielen Dank — wir melden uns bald bei Ihnen."
3
Testen
Formular auf deiner Website ausfüllen und absenden → in Supabase unter „Table Editor" nachschauen ob der Eintrag erscheint. Wenn ja: alles funktioniert.
✅ So sieht Lovable's Bestätigung aus

Das Kontaktformular auf /kontakt ist mit der Lovable Cloud-Datenbank verbunden: Einsendungen werden in der Tabelle kontaktanfragen (name, email, nachricht, datum) gespeichert, und nach dem Absenden erscheint die Bestätigung „Vielen Dank — wir melden uns bald bei Ihnen." Eine Testanfrage liegt bereits in der Tabelle.

💡 Was tun wenn etwas nicht klappt?

Einfach Lovable im Chat beschreiben was nicht funktioniert — zum Beispiel: „Das Kontaktformular zeigt eine Fehlermeldung, kannst du das beheben?" Lovable analysiert das Problem selbst und schlägt eine Lösung vor. Du musst nichts selbst debuggen.

Schritt 4 — Damit Google dich findet Optional

Sichtbar im Internet

Eine Website die Google nicht kennt, bringt kaum neue Kunden. Zwei Dinge reichen für den Start: ein guter Seitentitel und ein Google-Eintrag.
⏭ Du kannst diesen Schritt überspringen und später nachholen.

1
Seitentitel & Beschreibung setzen
Lovable im Chat schreiben — Lovable passt Titel und Meta-Beschreibung für alle Seiten an. Das ist das Erste was Google und Besucher sehen.
Setze den Seitentitel meiner Website auf "[Unternehmensname] — [kurze Beschreibung, z.B. Steuerberatung in München]". Füge für jede Seite eine passende Meta-Beschreibung hinzu (max. 155 Zeichen). Die Startseite soll die Beschreibung "[Was du anbietest und für wen]" bekommen.
2
Google Search Console einrichten
Auf search.google.com/search-console gehen → Website-URL eintragen → Website verifizieren. Google weiß dann dass deine Seite existiert und nimmt sie schneller in den Index auf.
3
Sitemap einreichen
In der Search Console auf „Sitemaps" klicken → sitemap.xml eintragen → absenden. Lovable erstellt die Sitemap automatisch — sie liegt immer unter deiner-domain.de/sitemap.xml.
Schritt 5 — Meine Website jetzt

Was hast du heute gebaut?

Blick zurück auf das was entstanden ist — und voraus auf das was noch kommt.

Schritt 6 — Dein Fahrplan

Was du diese Woche noch tust

„Eine eigene Domain signalisiert Seriosität, stärkt deine Marke und schützt deinen Unternehmensnamen — bevor jemand anderes ihn sich sichert." 🌐
Ergebnis senden

Arbeitsblatt an den Kursleiter senden

Alle deine Antworten und deine Website-URL werden automatisch gesammelt und per E-Mail übermittelt.

Oder speichere das Arbeitsblatt lokal als PDF.
Klicke auf den Button und wähle „Als PDF speichern".

Kein Login · Keine Cookies · Keine Weitergabe an Dritte
danielwagmann@amzmanager.de