Mit dem AI-Tool zur Website-Erstellung können Sie schnell eine neue Website auf Basis einer fertigen Vorlage oder anhand einer individuellen Beschreibung erstellen. Die AI nutzt die von Ihnen bereitgestellten Informationen, um eine erste Version Ihrer Website zu generieren. Anschließend können Sie diese über den AI-Chat oder den visuellen Editor weiter bearbeiten.
Wählen Sie, wie Sie Ihre Website erstellen möchten
Gehen Sie zu Ihrem Dashboard und klicken Sie auf Neue Website erstellen. Die Seite „Website oder App erstellen (AI)“ wird geöffnet und zeigt oben zwei Optionen: Vorlage wählen und Freitext.
Vorlage wählen
Der Tab Vorlage wählen ist standardmäßig ausgewählt. Hier können Sie fertige Vorlagen durchsuchen und als Ausgangspunkt für Ihre Website verwenden.
Mit den Filter-Schaltflächen können Sie zwischen den Vorlagentypen wechseln:
- Websites
- Landingpages
- Onlineshop
- Blog
Scrollen Sie durch das Vorlagenraster und klicken Sie auf eine Vorlage, um sie auszuwählen. Sie werden zur Seite „Ihre App erstellen“ weitergeleitet, wobei die ausgewählte Vorlage bereits geladen ist.
Auf der Seite Ihre App erstellen:
- Geben Sie oben im Feld Ihren Website-Namen ein.
- Im Beschreibungsfeld können Sie optional beschreiben, was die AI mit dieser Vorlage erstellen soll. Unter dem Formular werden vorgeschlagene Website-Typen als anklickbare Buttons angezeigt. Welche Vorschläge erscheinen, hängt von Ihrem Website-Namen und Ihrer Beschreibung ab.
- Sie können außerdem über die Symbole am unteren Rand des Beschreibungsfeldes ein Referenzbild oder eine Datei anhängen.
- Klicken Sie auf Start.
Freitext
Klicken Sie auf den Tab Freitext, um Ihre Website von Grund auf zu beschreiben, ohne eine Vorlage auszuwählen.
In diesem Tab:
- Geben Sie oben im Feld Ihren Website-Namen ein (bis zu 100 Zeichen).
- Beschreiben Sie im Beschreibungsfeld die Website, die die AI erstellen soll. Seien Sie so konkret wie möglich – nennen Sie die Art des Unternehmens, die benötigten Seiten und die wichtigsten Funktionen.
- Sie können außerdem über die Symbole am unteren Rand des Beschreibungsfeldes ein Referenzbild oder eine Datei anhängen.
- Klicken Sie auf Start.
Unter dem Formular werden vorgeschlagene Website-Typen als anklickbare Buttons angezeigt. Welche Vorschläge erscheinen, hängt von Ihrem Website-Namen und Ihrer Beschreibung ab.
Wenn Sie auf einen Vorschlag klicken, wird das Beschreibungsfeld automatisch mit einem fertigen Prompt ausgefüllt, den Sie unverändert verwenden oder bearbeiten können.
Der Erstellungsprozess
Nachdem Sie auf Start geklickt haben, gelangen Sie direkt in den AI-Builder-Editor. Folgendes passiert automatisch:
- Die AI beginnt zu arbeiten und zeigt den Fortschritt im linken Chat-Bereich an – einschließlich Schritten wie das Nachdenken über die Anfrage, das Lesen des vorhandenen Codes, das Schreiben des Codes und das Verbessern des Designs.
- Ein Tutorial wird eingeblendet und stellt die wichtigsten Funktionen des Editors vor: AI-Chat, Vorschau, Seiten & Geräte, Datenverwaltung und Veröffentlichen. Klicken Sie sich durch die Tabs oder klicken Sie auf Mit dem Erstellen Ihrer App beginnen, um es zu schließen.
- Wenn der Aufbau abgeschlossen ist (in der Regel 1–2 Minuten), wird die Website-Vorschau im Editor geladen.
- Die AI sendet im Chat eine Zusammenfassung dessen, was sie erstellt hat.
- Am unteren Rand des Chats erscheinen vorgeschlagene Folge-Prompts, damit Sie die Website weiter verfeinern können.
Tipps für bessere Ergebnisse
Nehmen Sie die folgenden Details in Ihre Beschreibung auf:
- Die Art des Unternehmens oder den Zweck der Website
- Die Zielgruppe
- Die gewünschten Seiten, z. B. Startseite, Leistungen, Über uns und Kontakt
- Wichtigste Dienstleistungen oder Produkte
- Aktionen, die Besucher ausführen sollen, z. B. anrufen, ein Formular absenden oder ein Angebot anfordern
Zum Beispiel:
Erstellen Sie eine professionelle Website für einen lokalen Schlüsseldienst. Integrieren Sie Leistungen, Notfall-Schlüsseldienst, Einsatzgebiete, Vertrauenssiegel sowie ein Kontaktformular.