Deine eigene Website mit Lovable

Bitte leg das Konto nicht über die normale Startseite von Lovable an. Nutze den Link aus diesem Kurs, denn nur darüber bekommst du 10 extra Credits. Am schnellsten geht die Anmeldung mit deinem Google-Konto, mit E-Mail dauert es nur einen Moment länger.

Zum Ausprobieren reicht der kostenlose Zugang völlig. Eine eigene Domain und mehr Nachrichten am Tag brauchst du erst, wenn die Seite stehen soll. Das kannst du später in Ruhe entscheiden, es muss nicht heute sein.

Nach dem Login landest du direkt im Eingabefeld. Den Prompt aus Schritt 2 fügst du dort ein und schickst ihn ab. Nach etwa einer Minute steht die erste Version. Schau sie dir auf dem Handy an, bevor du anfängst, etwas zu ändern.

Schreib hier lieber zu viel als zu wenig. Lovable kann mit einem ausführlichen, konkreten Prompt deutlich mehr anfangen als mit ein paar allgemeinen Wünschen. Je klarer du sagst, wer du bist, für wen die Seite ist und was ein Besucher am Ende tun soll, desto weniger musst du später nacharbeiten.

Bevor du abschickst, solltest du fünf Dinge für dich beantwortet haben. Was bietest du konkret an? Wer soll auf die Seite kommen? Was soll diese Person tun, also anrufen, anfragen oder einen Termin wollen? Welche Seiten brauchst du wirklich? Und welchen Eindruck soll die Seite machen, ruhig und hochwertig oder eher frisch und direkt?

Der Generator darunter setzt das in einen Prompt, den wir anhand vieler echter Kundenprojekte geschärft haben. Felder, die du leer lässt, bleiben als Platzhalter stehen. Füll sie aus, bevor du den Text abschickst. Wenn Lovable dir danach einen Plan zeigt, kannst du im Plan-Modus die Punkte anhaken, die wirklich gebaut werden sollen, und den Rest weglassen.

Wenn du die Seite veröffentlichst, legt Lovable dir kostenlos eine Subdomain an. Das ist eine Adresse, die unter der Adresse von Lovable hängt. Sie sieht zum Beispiel so aus: praxis-nord.lovable.app. Der Teil vor dem Punkt ist dein Projektname, lovable.app gehört Lovable. Damit ist die Seite sofort erreichbar, ohne dass du etwas kaufen musst.

Eine eigene Domain, auch Custom Domain genannt, ist die kurze Adresse, die nur dir gehört, zum Beispiel praxis-nord.de. praxis-nord.lovable.app funktioniert genauso. praxis-nord.de merkt man sich leichter, und auf der Visitenkarte klingt sie nach deinem Betrieb, nicht nach einem Tool.

Bei der E-Mail ist es ähnlich. Eine kostenlose Adresse wie praxisnord@gmail.com reicht am Anfang völlig. Eine eigene Adresse wie info@praxis-nord.de hängt an deiner Domain, denn der Teil hinter dem @ ist genau diese Domain. Ohne eigene Domain gibt es diese Adresse nicht. Kostenlos geht es also zuerst mit Gmail oder einem anderen freien Postfach. Die eigene Adresse ist kein Muss, sie sieht nur professioneller aus, weil Absender und Website zusammenpassen.

Wenn du Domain und E-Mail doch selbst haben willst, hast du zwei Wege. Lovable kann die Domain direkt in deinem Projekt verkaufen und einrichten. Hast du die Domain schon woanders gekauft, verbindest du sie dort. Ich selbst lege Domains und Postfächer bei Hostinger an, für meine eigenen Seiten und für Kundinnen und Kunden, und bin damit zufrieden.

Links siehst du den Chat, rechts die Live-Vorschau. Du beschreibst, was dich stört, und Lovable setzt es um. Pack ruhig mehrere Wünsche in eine Nachricht, solange du genau sagst, wo auf der Seite sie hingehören. Wenn Lovable den Plan-Modus anbietet, hake dort nur die Punkte an, die du wirklich willst, und lass den Rest weg. So bleibt der Rest der Seite unverändert.

Benenne die Stelle so konkret wie möglich. "Die Überschrift auf der Startseite soll den Nutzen in einem Satz sagen" ist deutlich besser als "mach es schöner". Du kannst auch eigene Fotos oder Screenshots von Seiten, die dir gefallen, direkt in den Chat ziehen.

Die Texte auf der Startseite sollten kürzer werden und aus Sicht deiner Kundinnen und Kunden formuliert sein. Dein Logo und deine eigenen Bilder ersetzen die Platzhalter. Wenn das sitzt, klick die Seite einmal in Ruhe auf dem Handy durch.

Wenn du regelmäßig etwas Neues zeigen möchtest, lohnt sich ein kleiner geschützter Bereich. Lovable legt dafür eine Datenbank an und eine Seite mit Login, die nur du siehst. Danach trägst du neue Texte und Bilder dort ein, ohne den Chat noch einmal zu bemühen.

Dasselbe Muster funktioniert für Referenzen, das Team, offene Stellen oder Projekte. Ersetze im Prompt einfach das Wort Blog durch das, was du wirklich brauchst. Fang mit einem Bereich an, den du auch wirklich füllen wirst.

Name, E-Mail und Nachricht reichen in den meisten Fällen. Das Telefon kann optional sein. Weitere Felder solltest du nur abfragen, wenn du die Antwort wirklich brauchst, bevor du zurückrufst. Je länger das Formular ist, desto eher bricht jemand ab.

Jede Anfrage sollte gespeichert werden und bei dir ankommen, sonst arbeitest du ins Leere. Unter dem Formular gehört ein kurzer Satz zum Datenschutz, mit einem Link zur Erklärung.

Bei jeder neuen Nachricht soll eine E-Mail an dich gehen, und der Absender bekommt eine kurze Bestätigung zurück. Das wirkt ruhig und professionell, und du verpasst keine Anfrage, weil du gerade nicht in Lovable eingeloggt bist.

Damit diese Mails von deiner eigenen Domain kommen und nicht im Spam landen, trägst du einmal die DNS-Werte bei deinem Domain-Anbieter ein. Lovable zeigt dir die Werte Schritt für Schritt. Danach schickst du eine Testmail an dich selbst und schaust auch in den Spam-Ordner.

Ich bin kein Anwalt, deshalb nimm die Texte nicht ungeprüft. Generatoren wie e-recht24 helfen dir beim Entwurf. Den fertigen Text lässt du als eigene Seiten einbauen und im Footer verlinken. Schau danach noch einmal, ob Name, Adresse und Kontakt wirklich stimmen.

Oben rechts klickst du auf Veröffentlichen. Die Seite ist danach sofort unter einer lovable.app-Adresse erreichbar. Unter Einstellungen und Domains verbindest du deine eigene Domain und trägst die DNS-Einträge bei deinem Anbieter ein. Meist dauert das unter einer Stunde, in seltenen Fällen bis zu 48 Stunden. Am Ende muss das Schloss in der Adresszeile sichtbar sein, das ist das SSL-Zertifikat.

Klick danach jeden Menüpunkt einmal durch, auf dem Handy und am Rechner. Ein toter Link fällt Besuchern sofort auf und wirkt unfertig.

Leg ein Google-Unternehmensprofil an und verbinde es mit deiner Website. Für lokale Anbieter ist das der stärkste Hebel, den du diese Woche in der Hand hast, weil Menschen dort oft zuerst schauen, bevor sie eine Website öffnen.

Richte die Search Console ein und melde die Seite dort an, damit Google sie schneller sieht. Jede Unterseite bekommt einen eigenen Titel und eine kurze Beschreibung, in der Leistung und Ort vorkommen.

Setz die Adresse danach überall hin, also in die E-Mail-Signatur, in deine Profile, auf die Visitenkarte und in Verzeichnisse. Und bitte zufriedene Kundinnen und Kunden um eine Google-Bewertung. Frag diese Woche drei Leute, nicht irgendwann.