KI-Website-Baukasten: eigene Website in 6 Schritten

Ein KI-Website-Baukasten nimmt dir heute den kompletten Aufbau einer Website ab, vom ersten Entwurf bis zu dem Moment, in dem die Seite unter deiner eigenen Domain erreichbar ist. Du schreibst in normalen Sätzen, wer du bist und was die Seite können soll, und bekommst wenige Minuten später eine fertige Seite mit Unterseiten, Kontaktformular und mobiler Ansicht zurück. In dieser Anleitung gehen wir den Weg einmal komplett durch. Ich nutze dafür Hostinger Horizons als Beispiel, die Schritte funktionieren aber mit jedem anderen KI-Baukasten genauso.

Kurz zur Einordnung: Hostinger sponsert das Video zu diesem Artikel. Ich nutze den Anbieter allerdings schon seit Jahren für meine eigenen Seiten, lange bevor ich Videos gemacht habe.

Warum Baukästen plötzlich wieder interessant sind

Früher war ich kein Fan von Website-Baukästen. Eine Vorlage aussuchen ging zwar schnell, aber danach hast du Ewigkeiten damit verbracht, diese Vorlage auf deine Wünsche anzupassen. Genau dieser Teil ist weggefallen. Die KI hinter den Baukästen ist inzwischen so gut, dass du eine komplett personalisierte Website bekommst, ohne selbst etwas hineinzuschreiben oder zu programmieren.

Für Anfänger ist das der Weg, den ich empfehlen würde. Du brauchst keine technischen Vorkenntnisse und auch kein Abo für einen Coding-Agenten, sondern nur einen Browser mit Internet. Wenn du wissen willst, wie der Weg über Claude Code aussieht, findest du das in einem eigenen Artikel. Der ist mächtiger, aber eben auch technischer.

Ein Vorteil, der bei den KI-Baukästen oft untergeht: Hosting und Domain sind im Paket schon dabei. Bei Horizons ist die KI der Teil, der dir die Seite baut, und Hostinger stellt den Server, über den die Seite später erreichbar ist. Du musst dich also um den ganzen Technikkram dahinter nicht kümmern.

Schritt 1: Den ersten Prompt schreiben

Das ist der wichtigste Schritt der ganzen Anleitung. Dein erster Prompt entscheidet darüber, wie nah die erste Version schon an dem ist, was du eigentlich haben willst. Ich beantworte darin immer drei Fragen.

Erstens: Wer bin ich? Also zum Beispiel "Erstelle eine Website für die Physiotherapiepraxis Weber in Potsdam", dazu die Zielkunden, in dem Fall Berufstätige und Senioren aus der Region.

Zweitens: Was soll die Seite können? Hier zählst du die Unterseiten und Funktionen auf. Bei der Praxis wären das eine Startseite mit Terminanfrage, eine Übersicht der Leistungen, eine Teamvorstellung und eine Kontaktseite mit Formular.

Drittens: Wie soll die Seite wirken? Also welchen Eindruck jemand gewinnen soll, der auf der Seite landet. Für die Praxis: hell, ruhig und vertrauenswürdig, Farben in Weiß und einem sanften Grün, klare große Schrift, deutsche Sprache.

Wie du diese drei Fragen im Detail beantwortest und welche Formulierungen am besten funktionieren, habe ich dir in Website-Prompt schreiben ausführlicher aufgeschrieben.

Schritt 2: Die erste Version bauen lassen

Prompt abschicken, und dann arbeitet die KI. Bei Horizons musst du dich vorher noch anmelden, das ist kostenlos, ich mache das meistens mit dem Google-Konto. Danach siehst du links den Chat und rechts die Seite, die gerade entsteht.

Nach ungefähr fünf Minuten war meine Praxis-Seite fertig, inklusive der Unterseiten für Leistungen, Team und Kontakt. Oben rechts kannst du zwischen Desktop- und Handyansicht wechseln, und ich würde sagen, in beiden Ansichten sah das direkt professionell aus. Das Kontaktformular hat auf Anhieb funktioniert: Anfrage ausgefüllt, abgeschickt, und die Terminanfrage lag mit allen Angaben im Postfach.

Gut zu wissen: Erstellen und ein paar Überarbeitungen sind gratis. Bezahlen musst du erst, wenn du veröffentlichen oder sehr viel bearbeiten willst. Du kaufst also nichts blind, sondern siehst vorher, was du bekommst.

Schritt 3: Die Website bearbeiten

Für Änderungen hast du in der Regel zwei Wege, und du brauchst beide.

Der erste ist die direkte Bearbeitung. Bei Horizons legst du oben links den Schalter "Inhalt bearbeiten" um, danach kannst du Texte anklicken und ändern wie in einem Textdokument, inklusive Schriftart, Farbe und Fettung. Unten rechts speichern, fertig. Das ist der schnellste Weg für Kleinigkeiten, etwa wenn aus "Öffnungszeiten" ein "Unsere Öffnungszeiten" werden soll.

Der zweite Weg läuft über den Chat. Du wählst ein Element auf der Seite aus und beschreibst, was passieren soll. Für ein eigenes Praxisbild klickst du das vorhandene Bild an, lädst deine Datei hoch und schreibst dazu: "Ersetze das ausgewählte Bild durch das im Anhang." Den Rest macht die KI.

Mein Tipp vor dem Veröffentlichen: Geh die Seite einmal in Ruhe Seite für Seite durch und schreib alles auf, was dir auffällt. Bei Horizons kannst du dafür die Diktierfunktion nutzen und einfach heruntersprechen, was dir zu jeder Seite einfällt. Das wird direkt transkribiert und kannst du der KI in einem Rutsch mitgeben.

Schritt 4: Plan wählen und veröffentlichen

Irgendwann stößt du an das Gratis-Limit, und die Seite fragt nach einem bezahlten Plan. Bei Horizons gibt es vier davon, und in allen sind Hosting und Deployment enthalten. Die Pläne unterscheiden sich vor allem darin, wie viel KI-Bearbeitung du im Monat brauchst.

Wenn du nicht vorhast, ständig an deiner Seite zu schrauben, reicht der Explorer-Plan für 7 Euro. Zum Starter-Plan würde ich nur greifen, wenn du wirklich viel bearbeiten willst oder wenn du noch gar keine Domain hast, denn dort ist eine Domain für ein Jahr kostenlos dabei. Eine längere Laufzeit senkt den Monatspreis zusätzlich. Insgesamt landest du für eine personalisierte Website bei unter 15 Euro im Monat.

Danach ist Veröffentlichen ein einziger Klick auf den entsprechenden Button. Die Seite bekommt erstmal eine temporäre Domain und ist darüber sofort im Internet erreichbar.

Schritt 5: Die eigene Domain verbinden

Wenn du die Domain direkt beim Plan mitgebucht hast, schlägt dir das Dashboard sie sofort zum Verbinden vor. Auswählen, auf Weiter, und die Seite läuft unter deiner Adresse.

Hast du deine Domain woanders gekauft, gehst du im Hostinger-Dashboard über die drei Punkte auf "Domain verbinden" und gibst sie dort ein. Das Tool erkennt, dass die Domain schon vergeben ist, und fragt dich, ob sie dir gehört. Danach hast du 29 Tage Zeit, die Verbindung einzurichten, und wirst dabei von einem Assistenten durchgeführt.

Zum Thema Datenschutz: Hostinger speichert die Dateien deiner Seite nach eigenen Angaben in der EU und stellt automatisch einen Auftragsverarbeitungsvertrag bereit. Was du selbst noch brauchst, ist eine Datenschutzerklärung.

Schritt 6: Rechtliches und Sichtbarkeit

Ein Impressum kann dir die KI erstellen, wenn du ihr die genauen Angaben gibst. Bei der Datenschutzerklärung würde ich das nicht machen. Dafür nutze ich einen Datenschutzgenerator, zum Beispiel den von Dr. Schwenke, mit dem ich bisher gute Erfahrungen gemacht habe. Am Ende bekommst du eine Datei, deren Text du kopierst und der KI mit der Anweisung gibst, ihn in die Datenschutzerklärung einzufügen. Solche Texte sind lang, wenn du also an ein Zeichenlimit stößt, teilst du sie einfach auf zwei bis drei Prompts auf.

Bleibt die Sichtbarkeit. SEO ist ein riesiges Feld, aber die Basis kannst du dir abnehmen lassen. Geh nach dem Veröffentlichen zurück in den Baukasten und schreib: "Ich habe die Webseite veröffentlicht. Hilf mir, sie jetzt für die Google-Suche zu optimieren." Die KI nimmt die nötigen Änderungen vor, legt die entsprechenden Dateien an und erklärt dir am Ende auch noch, wie du die Seite bei Google einreichst.

Wenn du später technischer werden willst

Du bist mit einem Baukasten nicht eingesperrt. Bei Horizons findest du oben den Reiter "Code" und darin einen Button, über den du den kompletten Code deiner Seite exportierst. Diesen Ordner kannst du danach Claude Code oder Codex geben und dort weiterarbeiten. Die Agenten wissen in der Regel sofort, was damit zu tun ist.

Damit hast du den ganzen Weg einmal gesehen: vom Prompt bis zur eigenen Domain. Wenn dich vorher noch die Grundlagen interessieren, also was so eine Seite kostet und was du wirklich brauchst, lies Website mit KI erstellen. Und wenn du überlegst, ob du eigentlich eine Website oder doch eine richtige Anwendung brauchst, klärt das Website oder Webanwendung.