Mit ChatGPT eine Website zu erstellen, klappt inzwischen auch ohne Programmierkenntnisse. Du beschreibst im Chat, was du brauchst, und bekommst fertigen Code oder sogar eine gehostete Seite. Damit daraus eine echte Website unter deiner eigenen Adresse wird, fehlen aber noch ein paar Schritte. In dieser Anleitung zeigen wir dir beide Wege: die klassische HTML-Datei für deinen eigenen Webspace und die neue Funktion ChatGPT Sites.
Inhaltsverzeichnis
- KI-Domain-Generator von checkdomain nutzen um deinen Domain Namen zu finden.
- Kann ChatGPT eine Website erstellen?
- Was du vorher brauchst
- Weg 1: Website mit ChatGPT als HTML-Datei erstellen
- Weg 2: Website mit ChatGPT Sites erstellen
- Prompt-Vorlagen für deine Website
- Das kann ChatGPT nicht für dich übernehmen
- Alternative: Website mit dem Homepage-Baukasten
- KI-Domain-Generator von checkdomain nutzen um deinen Domain Namen zu finden.
KI-Domain-Generator von checkdomain nutzen um deinen Domain Namen zu finden.
Gib einfach in das Suchfeld ein, worum es bei Deinem Business geht – zum Beispiel: „Onlineshop für handgemachte Seifen“ oder „Personal Trainer in Hamburg“. Unsere smarte KI analysiert Deine Beschreibung und schlägt Dir bis zu 10 kreative, passende und vor allem verfügbare Domains vor.
Kann ChatGPT eine Website erstellen?
Ja. ChatGPT schreibt dir HTML, CSS und JavaScript für eine komplette Seite, formuliert die Texte und zeigt dir direkt im Chat eine Vorschau. Du hast dafür zwei Möglichkeiten:
| HTML-Datei + eigener Webspace | ChatGPT Sites | |
|---|---|---|
| ChatGPT-Tarif | auch kostenlos möglich | nur bezahlte Tarife (Plus, Pro, Business, Enterprise, Edu) |
| Hosting | bei deinem Hosting-Anbieter | bei OpenAI |
| Adresse | deine eigene Domain | chatgpt.site-Adresse, eigene Domain optional |
| Volle Kontrolle über die Dateien | ja | eingeschränkt |
| Online-Shop / Zahlungen | möglich mit passender Software | laut OpenAI nicht erlaubt |
Kurz gesagt: Für eine einfache Visitenkarten-Website, eine Landingpage oder eine Portfolio-Seite reichen beide Wege aus. Wer die Dateien selbst in der Hand behalten will, nimmt Weg 1.
Was du vorher brauchst
- Ein ChatGPT-Konto. Für Weg 1 reicht der kostenlose Tarif.
- Deine Inhalte. Firmenname, Angebot, Kontaktdaten, Öffnungszeiten, eventuell ein Logo und Fotos. Je genauer du das vorbereitest, desto weniger musst du nachbessern.
- Eine eigene Domain. Egal für welchen Weg du dich entscheidest: Ohne eigene Domain hat deine Website eine Adresse, die dir nicht gehört. ChatGPT registriert keine Domains für dich.
- Webspace (nur für Weg 1). Hier liegen deine Dateien, damit die Website im Internet erreichbar ist.
Weg 1: Website mit ChatGPT als HTML-Datei erstellen
Schritt 1: Ziel und Aufbau festlegen
Überleg dir, wofür die Seite da ist und welche Bereiche sie braucht. Für die meisten kleinen Unternehmen reicht eine Onepage mit diesen Abschnitten: Startbereich mit kurzer Botschaft, Leistungen, Über uns, Kontakt. Du kannst ChatGPT auch fragen: „Welche Bereiche braucht die Website einer Fahrradwerkstatt?“
Schritt 2: Den Prompt schreiben
Der wichtigste Schritt. Ein guter Prompt enthält Zielgruppe, Aufbau, Stil und technische Vorgaben. Wichtig ist die Bitte um eine einzige HTML-Datei, in der CSS und JavaScript schon enthalten sind. Das macht das Hochladen später viel einfacher.
Erstelle eine einseitige Website als eine einzige HTML-Datei.
CSS und JavaScript bitte direkt in die Datei schreiben, keine externen Dateien.
Unternehmen: Radwerk Müller, Fahrradwerkstatt in Leipzig
Zielgruppe: Pendler:innen und Freizeitfahrer:innen aus der Umgebung
Bereiche: Startbereich mit Slogan, Leistungen (Reparatur, Inspektion,
E-Bike-Service), Über uns, Öffnungszeiten, Kontakt mit Adresse und Telefon
Stil: modern, hell, viel Weißraum, Akzentfarbe Dunkelgrün
Technik: responsiv für Smartphones, saubere Überschriften-Struktur (H1, H2),
Seitentitel und Meta-Description im <head>, Alt-Texte für Bilder
Sprache: Deutsch, per du
Schritt 3: Vorschau prüfen und nachbessern
ChatGPT gibt dir den Code in einem Code-Block aus. Je nach Tarif und Gerät kannst du die Seite dort direkt als Vorschau ansehen. Die frühere Canvas-Ansicht gibt es in den aktuellen Modellen nicht mehr, Vorschau und Bearbeitung laufen jetzt direkt im Chat.
Jetzt kommt die Feinarbeit. Bleib dafür im selben Chat, damit ChatGPT den bisherigen Stand kennt:
- „Mach den Startbereich höher und setz ein Hintergrundbild ein.“
- „Die Schrift im Kontaktbereich ist zu klein.“
- „Füg eine Navigation hinzu, die auf dem Smartphone als Menü-Button erscheint.“
Tipp: Bitte ChatGPT nach jeder Änderung um den vollständigen Code. Wenn du nur Ausschnitte bekommst, passieren beim Zusammensetzen schnell Fehler.
Schritt 4: Datei speichern und lokal testen
Kopiere den Code in einen Texteditor und speichere ihn als index.html. Öffne die Datei per Doppelklick im Browser. Prüf die Seite auch auf dem Smartphone, zum Beispiel über die Entwicklertools deines Browsers (F12, dann Geräteansicht). Eigene Bilder legst du in denselben Ordner und verweist im Code darauf.
Schritt 5: Domain und Webspace einrichten
Damit andere deine Website sehen können, brauchst du eine Domain und Webspace. Such dir eine kurze, gut merkbare Domain, idealerweise mit deinem Firmennamen. Tipp: Auch dabei hilft ChatGPT mit Namensvorschlägen. Ob die Wunschdomain noch frei ist, prüfst du direkt beim Anbieter.
Schritt 6: Website hochladen
Lade die index.html und deine Bilder in das Hauptverzeichnis deines Webspace hoch. Das geht über den Dateimanager im Kundenbereich deines Hosting-Anbieters oder per FTP-Programm wie FileZilla. Die Zugangsdaten findest du in deinem Hosting-Paket. Danach ist deine Seite unter deiner Domain erreichbar. Kontrolliere zum Schluss, ob HTTPS aktiv ist, also das Schloss-Symbol in der Adresszeile erscheint.
Weg 2: Website mit ChatGPT Sites erstellen
Seit Juli 2026 gibt es in ChatGPT die Funktion Sites. Damit erstellt, hostet und veröffentlicht ChatGPT die Website für dich. Du musst dich also nicht selbst um Code und Upload kümmern.
So funktioniert's:
- Öffne ChatGPT Work im Browser oder in der Desktop-App.
- Beschreib deine Website und erwähne dabei das Wort „Website“ oder schreib
@Sites. - Prüf die Vorschau und lass Änderungen einarbeiten.
- Leg fest, wer die Seite sehen darf. Neue Sites sind zunächst privat. Für eine öffentliche Website wählst du den Zugriff für alle im Internet.
- Veröffentliche die Site. Sie läuft dann unter einer Adresse mit „chatgpt.site“.
Eigene Domain verbinden: In den Einstellungen der Site wählst du „Add domain“, gibst deine Domain ein und trägst die angezeigten DNS-Einträge bei deinem Domain-Anbieter ein. Voraussetzung: Die Domain gehört dir bereits und du kannst ihre DNS-Einträge bearbeiten.
Das solltest du wissen:
- Sites ist noch in der Beta und nur in bezahlten Tarifen verfügbar. Es gelten Nutzungslimits.
- Nicht jedes Konto hat die Funktion schon. Wenn du Sites nicht siehst, ist es für dein Konto eventuell noch nicht freigeschaltet.
- Zahlungen und Finanztransaktionen sind laut OpenAI nicht erlaubt. Für einen Online-Shop eignet sich Sites also nicht.
- Deine Website liegt auf der Infrastruktur von OpenAI, du kannst den Speicherort der Daten nicht selbst wählen.
Prompt-Vorlagen für deine Website
Texte für eine Unterseite:
Schreib einen Text für die Seite „Über uns“ einer Steuerberatung in Köln.
Zielgruppe: Selbstständige. Ton: freundlich, klar, per du. Maximal 150 Wörter.
Keine Werbefloskeln.Farben und Schriften:
Schlag mir drei Farbpaletten mit Hex-Codes und passende Google-Fonts-Kombinationen
für die Website eines Yogastudios vor. Stil: ruhig und natürlich.Fehler finden:
Hier ist der Code meiner Website. Auf dem Smartphone rutscht das Menü aus dem Bild.
Finde den Fehler und gib mir den vollständigen korrigierten Code.SEO-Grundlagen:
Prüf meinen HTML-Code auf SEO-Grundlagen: Seitentitel, Meta-Description,
Überschriften-Struktur, Alt-Texte. Liste fehlende Punkte auf und korrigiere sie.Das kann ChatGPT nicht für dich übernehmen
- Rechtstexte. Für geschäftliche Websites in Deutschland brauchst du ein Impressum und eine Datenschutzerklärung. Lass diese Texte nicht von ChatGPT schreiben, sondern nutz einen seriösen Generator oder lass sie von einer Anwältin oder einem Anwalt prüfen.
- Kontaktformulare. Ein Formular in HTML sieht zwar fertig aus, verschickt aber ohne serverseitiges Skript keine Nachrichten. Einfacher ist ein Link mit deiner E-Mail-Adresse oder Telefonnummer.
- Inhalte prüfen. ChatGPT klingt immer überzeugend, auch wenn etwas nicht stimmt. Kontrolliere Preise, Leistungen und Kontaktdaten selbst.
- Pflege. Jede Änderung an der HTML-Datei bedeutet: Code anpassen, neu hochladen. Wer oft etwas ändert, ist mit einem Baukasten besser bedient.
Alternative: Website mit dem Homepage-Baukasten
Du willst dich gar nicht mit Code beschäftigen, aber trotzdem die Kontrolle behalten? Mit einem Homepage-Baukasten erstellst du deine Website per Drag-and-drop und änderst Texte oder Bilder jederzeit direkt im Editor. ChatGPT kannst du trotzdem nutzen, und zwar für die Texte.
Deine Website in wenigen Minuten – ganz ohne Programmierkenntnisse!
Per Drag & Drop zur professionellen Website. Hunderte Designvorlagen, einfache Anpassung, sofort online!
Häufige Fragen
Ist eine Website mit ChatGPT kostenlos?
Den Code kannst du auch im kostenlosen ChatGPT-Tarif erstellen lassen. Für die Veröffentlichung brauchst du aber eine Domain und Webspace. ChatGPT Sites gibt es nur in bezahlten Tarifen.
Kann ich mit ChatGPT eine WordPress-Website erstellen?
ChatGPT erstellt keine WordPress-Installation für dich. Es kann dir aber Texte, eigenes CSS oder kleine Code-Schnipsel für ein bestehendes WordPress-Theme schreiben.
Kann ich meine eigene Domain nutzen?
Ja, bei beiden Wegen. Bei der HTML-Variante lädst du die Dateien auf den Webspace, der zu deiner Domain gehört. Bei ChatGPT Sites verbindest du deine Domain über DNS-Einträge. In beiden Fällen musst du die Domain vorher selbst registrieren.
Kann ich mit ChatGPT einen Online-Shop erstellen?
Mit ChatGPT Sites nicht, weil Zahlungen dort nicht erlaubt sind. Für einen Shop brauchst du eine Shop-Software oder einen Baukasten mit Shop-Funktion.
Fazit
Mit ChatGPT erstellst du in kurzer Zeit eine einfache Website, ganz ohne Programmierkenntnisse. Für eine Onepage oder Landingpage reicht eine gute Beschreibung, ein paar Korrekturrunden und ein Upload auf deinen Webspace. Mit ChatGPT Sites geht es noch schneller, dafür bindest du dich an OpenAI als Hoster. Egal wie du dich entscheidest, deine Website braucht eine Adresse, die dir gehört.
KI-Domain-Generator von checkdomain nutzen um deinen Domain Namen zu finden.
Gib einfach in das Suchfeld ein, worum es bei Deinem Business geht – zum Beispiel: „Onlineshop für handgemachte Seifen“ oder „Personal Trainer in Hamburg“. Unsere smarte KI analysiert Deine Beschreibung und schlägt Dir bis zu 10 kreative, passende und vor allem verfügbare Domains vor.
E-Mail-Login, IP-Check & mehr: Unsere meistgesuchten Ratgeber
Millionen Nutzer greifen täglich auf ihr E-Mail-Postfach zu – und nicht immer klappt der Login auf Anhieb. In unseren ausführlichen Anleitungen zeigen wir dir, wie du dich problemlos bei Web.de einloggst, den Hotmail-Login meisterst oder schnell auf dein GMX.de-Postfach zugreifst – inklusive Hilfe bei Störungen und vergessenen Zugangsdaten. Ebenso häufig gefragt: „Wie ist meine IP?" Unser Ratgeber erklärt dir, wie du deine IP-Adresse in Sekunden herausfindest und was sie über deinen Internetanschluss verrät. Du möchtest eine neue E-Mail-Adresse erstellen? Wir erklären dir Schritt für Schritt, wie du ein professionelles Postfach einrichtest – ob privat oder geschäftlich. Und wer schnell etwas übersetzen muss, findet in unserem Guide zum Google Übersetzer die wichtigsten Tipps und Tricks. Ist Dein Facbook Konto gehackt? In unserem Artikel findest du alles, was du dazu wissen musst.
WhatsApp
