Start › Website mit KI erstellen

Website mit KI erstellen: Schritt für Schritt

Eine Website mit KI erstellen funktioniert bei Mobirise so: Sie beschreiben in wenigen Sätzen, worum es geht, und die KI legt Ihnen vier Entwürfe vor. Den passenden bauen Sie per Chat oder direkt im Editor aus, setzen eigene Texte und Fotos ein und stellen die Seite online.

3 KI-Generierungen pro Monat kostenlos. Zum Ausprobieren ist keine Anmeldung nötig.

Seite einer Kosmetikmarke, gebaut mit Mobirise Startseite einer Stiftung, gebaut mit Mobirise
4

Entwürfe pro Prompt, jeder ein Unikat

Als Vorlage genügt ein kurzer Text, eine Skizze oder ein Screenshot. Welcher Entwurf weiterlebt, entscheiden Sie.

Mehr als 2.500.000 Nutzer

Website mit KI erstellen in acht Schritten

Wer eine Website mit künstlicher Intelligenz erstellen will, braucht keine Vorkenntnisse, aber eine Vorstellung vom Ziel. Die KI erspart Ihnen die leere Seite; was hineingehört, entscheiden weiterhin Sie. In dieser Reihenfolge kommen Sie mit wenigen Generierungen aus.

1

Ziel festlegen

Wer soll die Seite besuchen, und was sollen die Leute danach tun: anrufen, schreiben, vorbeikommen? Für ein einzelnes Angebot genügt oft eine einzige, kurze Seite.

2

Prompt formulieren

Was Sie anbieten, wo, für wen, welche Abschnitte und welche Stimmung. Wer lieber zeichnet, lädt eine Skizze oder ein Bildschirmfoto hoch.

3

Entwurf wählen

Mobirise AI zeigt vier Varianten. Entscheiden Sie nach Aufbau und Reihenfolge der Abschnitte; Fotos und Texte ersetzen Sie später sowieso.

4

Anpassen

Größere Wünsche schreiben Sie in normaler Sprache in den Chat. Einzelne Wörter, Bilder oder Farben ändern Sie schneller selbst, Block für Block.

5

Eigene Inhalte einsetzen

Preise, Leistungen, Kontaktdaten und echte Fotos kommen von Ihnen. Texte tippen Sie direkt in den Block, Bilder tauschen Sie per Klick.

6

Handy-Ansicht prüfen

Schalten Sie in der Vorschau auf Tablet und Smartphone um und scrollen Sie jede Ansicht einmal komplett durch. Zu lange Überschriften fallen auf dem kleinen Bildschirm zuerst auf.

7

Titel und Pflichtangaben

Titel und Beschreibung für Suchmaschinen tragen Sie in den Seiteneinstellungen ein. Für eine geschäftliche Website in Deutschland kommen Impressum und Datenschutzerklärung dazu.

8

Veröffentlichen

Gratis unter einer Adresse bei mobirisesite.com, ab BASE mit eigener Domain oder aus der Desktop-App auf Ihren eigenen Webspace.

Der Prompt: was die KI von Ihnen wissen muss

Über Ihr Vorhaben weiß die KI nur, was im Prompt steht. Je genauer Sie beschreiben, desto weniger bauen Sie später um. Fachsprache brauchen Sie dafür nicht, eher eine knappe, ehrliche Auskunft, wie Sie sie auch einem Grafiker geben würden.

Das hilft der KI

  • Angebot und Ort: „Malerbetrieb in Freiburg, Innenräume und Fassaden“
  • Zielgruppe: Hausbesitzer, Hausverwaltungen, Brautpaare, Vereinsmitglieder
  • Gewünschte Abschnitte: Leistungen, Referenzen, Team, Kontakt
  • Stimmung oder Farbrichtung: hell und ruhig, kräftig, elegant
  • Die wichtigste Handlung: Angebot anfragen, anrufen, einen Rückruf anfordern

Das bringt wenig

  • „Mach mir eine schöne Website“: Branche, Inhalt und Ton muss die KI dann raten
  • Zwei Vorhaben in einem Prompt, etwa Praxis und Onlineshop: Fangen Sie lieber getrennt an
  • Telefonnummern und Preise im Prompt: Kontrollieren müssen Sie die im Entwurf ohnehin, also tragen Sie sie gleich selbst ein
  • Wünsche wie ein Login-Bereich oder ein Buchungssystem: Das leistet Mobirise nicht, dafür braucht es ein anderes Werkzeug

Drei Beispiel-Prompts

Kopieren Sie den Aufbau, nicht den Inhalt: Angebot, Ort, Zielgruppe, Abschnitte, Stimmung.

Handwerk

„Website für einen Malerbetrieb in Freiburg mit acht Mitarbeitern. Innenräume, Fassaden, Tapezierarbeiten. Kunden: Hausbesitzer und Hausverwaltungen. Abschnitte: Leistungen, Referenzfotos, Team, Anfrageformular. Hell und sachlich, Akzent in Dunkelgrün.“

Café

„Seite für ein kleines Café mit eigener Rösterei in Leipzig. Frühstück, Kuchen, Kaffeebohnen zum Mitnehmen. Abschnitte: Speisekarte, Öffnungszeiten, Geschichte der Rösterei, Anfahrt. Warm und gemütlich, Holz und Creme.“

Beratung

„Persönliche Website einer Ernährungsberaterin in Hamburg. Einzelberatung und Kurse für Berufstätige. Abschnitte: Über mich, Angebote mit Preisen, Ablauf einer Beratung, Kontakt. Frisch und freundlich, viel Weiß.“

Es geht auch ohne Worte: Eine Handskizze oder der Screenshot einer Seite, deren Aufbau Ihnen gefällt, dient ebenfalls als Vorlage. Nehmen Sie fremde Seiten nur als Anregung für die Struktur, nicht zum Kopieren. Wie der Generator aus solchen Bildvorlagen Entwürfe macht, lesen Sie auf einer eigenen Seite.

Vier Entwürfe: worauf es bei der Auswahl ankommt

Jeder Entwurf entsteht für Ihren Prompt neu, zwei gleiche bekommen Sie nicht. Bei der Wahl hilft der Blick auf das, was später am meisten Arbeit machen würde.

Aufbau vor Optik

Stimmen Reihenfolge und Zahl der Abschnitte, ist der Rest schnell angepasst. Ein unpassendes Foto ist kein Grund, einen Entwurf zu verwerfen.

Der erste Bildschirm

Sieht man ohne Scrollen, was Sie anbieten, und gibt es einen auffälligen Button für die wichtigste Handlung? Wenn nicht, ist das die erste Korrektur.

Farbe ist verhandelbar

Ein Farbschema ändern Sie mit einem Satz im Chat oder in den Einstellungen der Blöcke. Entscheiden Sie nach Wirkung und Struktur, nicht nach dem Farbton.

Nach dem Entwurf: im Chat oder Block für Block

Beide Wege bearbeiten dieselbe Seite, ein Wechsel ist jederzeit möglich. Der Chat lohnt sich für Änderungen an vielen Stellen, der Editor für alles, was Sie ganz genau festlegen wollen.

Im Chat

Schreiben Sie, was anders werden soll, etwa „Header dunkler“ oder „unter den Leistungen einen Abschnitt mit Öffnungszeiten“. Die KI setzt den Wunsch um, Sie prüfen das Ergebnis und legen nach.

Im visuellen Editor

Überschrift anklicken und neu schreiben, Foto anklicken und ersetzen. Über das Menü eines Blocks schalten Sie Elemente ab, stellen eine andere Farbe ein oder wählen mehr Spalten. Blöcke lassen sich verschieben, löschen und ergänzen.

Feinschliff am Design

Wirkt eine Seite unruhig, liegt es oft an zu vielen Farben oder Schriftgrößen. Ein klarer Auftrag wie „nur eine Akzentfarbe“ hilft mehr als zehn Einzelkorrekturen. Mehr dazu, wie Farben und Schriften zusammenspielen.

Technisch entsteht dabei statischer HTML-Code mit Bootstrap 5 als Gerüst. Den Code eines Blocks öffnet die Erweiterung Code Editor, enthalten ab KIT; nötig ist das nie.

Abschnitte, die oft nachträglich dazukommen

Beispiele aus Mobirise-Themes. Fehlt im Entwurf ein Team, eine FAQ oder ein Formular, ziehen Sie den Block aus der Bibliothek auf die Seite oder bitten den Chat darum.

Block mit Mitarbeiterfotos eines Solaranlagen-Anbieters
TeamShineM5
Block mit Kundenbewertungen eines Bauunternehmens
KundenstimmenApexM5
Ablauf-Block mit Arbeitsschritten aus einem Design-Portfolio
AblaufFluxM5
Kontaktformular aus einem Design-Portfolio
KontaktformularFluxM5

Eigene Inhalte: was die KI nicht wissen kann

Wer die eigene Homepage mit KI erstellen lässt, bekommt einen Entwurf, der schon fertig aussehen kann. Jede konkrete Angabe darin ist aber eine Annahme. Gehen Sie die Seite vor dem Veröffentlichen deshalb einmal ganz durch.

Liefert der Entwurf

  • Einen Aufbau mit Abschnitten, die zu Ihrem Vorhaben passen
  • Farben, Schriften und Layout aus einem Guss
  • Vorschläge für Überschriften und Texte
  • Die Anordnung für Smartphone und Tablet

Veröffentlichen: drei Wege ins Netz

Wo die Seite liegt, entscheiden Sie erst am Schluss, und ein Umzug ist später möglich. Für den Start genügt die Gratis-Adresse; wer Domain und Webspace schon hat, nutzt beides weiter.

Kostenlose Subdomain

Mit einem Klick geht die Seite unter einer Subdomain von mobirisesite.com online, mit HTTPS-Verschlüsselung. Im Gratis-Plan sind drei davon enthalten, jeweils mit Mobirise-Hinweis.

Eigene Domain bei Mobirise

Soll die Seite unter Ihrer Domain laufen und trotzdem bei Mobirise gehostet sein, brauchen Sie BASE mit drei oder GROW mit zehn solchen Seiten.

Ihr eigener Hoster

Die KI steckt auch in der Desktop-App. Bauen Sie die Seite dort, lädt die App sie per FTP auf Ihren Webspace, zu GitHub Pages oder lokal auf die Festplatte, und das unabhängig vom Plan. Ihre Domain beim Hoster kostet bei Mobirise nichts extra.

Die Dateien bleiben in Ihrer Hand: Die Desktop-App gibt jede Seite als HTML, CSS und JavaScript heraus, gleich welcher Plan; im Browser ist der Export Teil von BASE und GROW.

Kann ich eine Website mit ChatGPT erstellen?

Ja, mit Einschränkungen. ChatGPT und Claude schreiben auf Anfrage HTML, CSS und JavaScript und dazu passende Texte. Meist bekommen Sie aber Code im Chatfenster, keine laufende Website: Zusammensetzen, Testen und Hosting bleiben bei Ihnen.

Mit einem Baukasten mit KI

  • Entwurf, Bearbeitung und Veröffentlichung an einem Ort
  • Änderungen per Chat oder per Klick auf der Seite, ohne Code
  • Handy- und Tablet-Ansicht in jedem Block bereits angelegt
  • Kostenlose Adresse zum Veröffentlichen oder Upload zum eigenen Hoster
  • Statischer Code zum Mitnehmen, wenn Sie ihn brauchen

Die beiden Wege schließen sich nicht aus. Lassen Sie sich von ChatGPT oder Claude Textentwürfe schreiben, prüfen Sie sie und setzen Sie sie im Editor ein. Wer programmieren kann und gern mit Code arbeitet, kommt mit einer Chat-KI und eigenem Hosting auch ohne Baukasten ans Ziel. Mit welcher KI Sie am besten fahren und welche Werkzeuge es sonst noch gibt, vergleichen wir auf einer eigenen Seite.

Website mit KI erstellen: was kostenlos ist

Zum Ausprobieren und für eine erste Seite genügt der Gratis-Plan. Achten Sie beim Vergleich auf ein Detail: KI-Generierungen enthalten nur Gratis, BASE und GROW, der Desktop-Plan KIT nicht.

Gratis

0 $

  • 3 Generierungen pro Monat mit der KI
  • Je Prompt vier Entwürfe
  • 3 Seiten online auf mobirisesite.com
  • Mobirise-Hinweis auf den Seiten
Gratis ausprobieren

KIT

149 $ pro Jahr

  • Keine KI-Generierungen
  • Keine gehosteten Seiten
  • 220+ Premium-Themes für die Desktop-App
  • Kein Mobirise-Hinweis
KIT anschauen

BASE

199 $ pro Jahr

  • Drei Seiten im Mobirise-Hosting, mit Ihrer Domain
  • 100 Generierungen pro Monat mit der KI
  • Premium-Designs der KI
  • Alles aus KIT, dazu Code-Export im Browser
BASE anschauen

GROW

249 $ pro Jahr

  • Zehn Seiten im Mobirise-Hosting, mit Ihrer Domain
  • 1.000 Generierungen pro Monat mit der KI
  • Sonst wie BASE
GROW anschauen

Die erste Bestellung erstattet Mobirise auf Wunsch innerhalb von 14 Tagen. Gewerblich nutzen dürfen Sie auch den Gratis-Plan.

Häufige Fragen

Kann KI eine Website erstellen?

Ja, und mehr als ein Layout. Wer bei Mobirise eine Website mit KI erstellen will, bekommt aus einer Beschreibung vier Entwürfe mit Abschnitten, Farben, Schriften und Textvorschlägen. Fertig ist die Seite damit nicht: Ihre Angaben und Fotos setzen Sie selbst ein und prüfen alles vor dem Veröffentlichen.

Kann ich eine Homepage mit KI kostenlos erstellen?

Ja. Im Gratis-Plan sind drei KI-Generierungen pro Monat enthalten, und bis zu drei Seiten veröffentlichen Sie kostenlos unter mobirisesite.com. Diese Seiten zeigen einen Mobirise-Hinweis.

Kann ich eine KI-Website kostenlos und ohne Anmeldung erstellen?

Ausprobieren können Sie ohne Konto: Prompt eingeben und die vier Entwürfe ansehen. Um einen Entwurf zu behalten und zu veröffentlichen, legen Sie ein Konto an; im Gratis-Plan kostet es nichts.

Kann ich eine Website von KI erstellen lassen, ganz ohne eigene Arbeit?

Nicht ganz. Die KI entwirft die Seite und setzt Ihre Änderungswünsche um, aber Preise, Kontaktdaten und Fotos Ihrer Arbeit kennt sie nicht. Planen Sie Zeit für Texte und Bilder ein. Wenn Sie die Website komplett abgeben möchten, sind eine Agentur oder ein Freelancer der passendere Weg.

Kann ich Texte aus ChatGPT übernehmen?

Ja. Kopieren Sie den Text aus dem Chat und fügen Sie ihn im Editor direkt in den Block ein. Lesen Sie ihn vorher gegen: Chat-KIs formulieren gern allgemein und erfinden manchmal Details, die auf Ihrer Seite nichts verloren haben.

Was tun, wenn mir keiner der vier Entwürfe gefällt?

Nehmen Sie den, der am nächsten liegt, und schreiben Sie in den Chat, was stört. Stimmt die Richtung gar nicht, formulieren Sie den Prompt genauer und generieren neu. Sie können auch ganz ohne KI klassisch mit einem Theme beginnen und die Blöcke von Hand zusammenstellen.

Kann ich die fertige Website exportieren und woanders hosten?

Ja. Die Desktop-App exportiert jede Seite als HTML, CSS und JavaScript, in jedem Plan und ohne Aufpreis; in der Browser-Version gibt es den Export ab BASE. Die Dateien laufen bei jedem gewöhnlichen Webhoster.

Kann ich die Website mit KI auf dem Smartphone erstellen?

Ja. Unter Android arbeiten Sie im Browser oder mit „AI Website Builder: Mobirise“, der App für Android, die außerdem Redesign und Übersetzung beherrscht. Eine App für iPhone und iPad gibt es nicht, dort arbeiten Sie im Browser mit Mobirise AI.

Funktioniert die KI ohne Internet?

Nein, Entwürfe, Änderungen per Chat und das Veröffentlichen brauchen eine Verbindung. Die Desktop-App läuft dagegen auch offline: Texte, Bilder und Blöcke bearbeiten Sie dann von Hand, etwa unterwegs ohne WLAN.

Was kann eine Website von Mobirise AI nicht?

Mobirise erzeugt statische Seiten. Mitgliederbereiche mit Login, Datenbanken, Buchungssysteme, Blogs mit vielen Autoren und E-Mail-Postfächer gehören nicht dazu. Für solche Vorhaben passt ein anderes System oder ein Entwickler besser.

Klappt das auch für einen Shop oder ein Portfolio?

Ja, solange es überschaubar bleibt. Wer einige Produkte direkt auf der Seite verkaufen möchte, lässt die KI einen kleinen Shop entwerfen; den Warenkorb Smart Cart gibt es nur in den bezahlten Plänen. Für Galerien und Projektseiten gibt es eine eigene Anleitung für Fotografinnen, Designer und andere Kreative.

Schreiben Sie Ihren ersten Prompt

Im Gratis-Plan sind jeden Monat drei Generierungen frei. Lieber am eigenen Rechner arbeiten? Die Desktop-App enthält dieselbe KI und ist für Windows, macOS und Linux erhältlich.