Erste Schritte

Der Weg im Überblick

Sechs Etappen liegen zwischen dem ersten Blick und der veröffentlichten Website. Jede davon steht unten ausführlich; diese Tabelle sagt vorab, was wo passiert.

Die Etappen bauen aufeinander auf, sind aber nicht in Beton gegossen: Sie können jederzeit zurückgehen, Angaben ändern und erneut veröffentlichen. Nichts, was Sie im Assistenten eintragen, ist endgültig — er liefert den Startpunkt, alles Weitere entsteht im Editor.

Ohne Konto ausprobieren

Es gibt eine Klick-Demo: den vollständigen Editor, gefüllt mit dem Inhalt einer veröffentlichten Beispiel-Website. Sie kostet nichts, verlangt keine Angaben und hinterlässt nichts.

1. 1

   Auf der Anmeldeseite ganz unten unter „Nur schauen?“ auf „Ohne Anmeldung ansehen (Demo)“ klicken.

   Der Editor öffnet sich sofort, ohne Konto und ohne Eingaben.

2. 2

   Bausteine anklicken, verschieben, Texte ändern.

   Alles verhält sich wie im echten Editor — nur gespeichert wird nichts.

3. 3

   Über „Zur Website“ oben rechts zurück auf die öffentliche Seite wechseln.

   Über das Konto-Menü unten links führt „Konto erstellen / anmelden“ direkt weiter zur Registrierung.

Die Demo zeigt nicht ein nachgebautes Beispiel, sondern den echten Stand einer veröffentlichten Website samt deren Farben — Sie sehen also, was das Werkzeug tatsächlich hervorbringt. Dieselbe Demo öffnet auch der Verweis „Live-Editor öffnen“ auf der Demo-Seite von XICflow.

Konto anlegen

Beim ersten Aufruf des Editors erscheint der Anmeldebildschirm. Rechts steht das Formular, links die Kurzvorstellung des Produkts.

1. 1

   Unter „Neu bei XICflow?“ auf „Konto erstellen“ klicken.

   Das Formular wechselt von der Anmeldung zur Registrierung.

2. 2

   Die drei Felder „Name“, „E-Mail“ und „Passwort“ ausfüllen.

   Unter dem Passwortfeld steht der Hinweis „Mindestens 10 Zeichen.“ — kürzere Passwörter nimmt das Formular nicht an.

3. 3

   Auf „Konto erstellen“ klicken.

   Während der Anlage zeigt die Schaltfläche „Konto wird erstellt…“.

Stimmt eine Eingabe nicht oder ist die E-Mail-Adresse schon vergeben, erscheint die Meldung direkt unter dem betroffenen Feld beziehungsweise als „Diese E-Mail-Adresse ist bereits registriert.“ Nach erfolgreicher Anlage sind Sie sofort angemeldet; ein zusätzlicher Login entfällt. Über „Bereits ein Konto? Anmelden“ kommen Sie jederzeit zurück zum Anmeldeformular.

Mit dem Konto entsteht zugleich Ihr Arbeitsbereich. Er startet im Tarif Free — die Kontingente daraus prägen die ersten Schritte, deshalb stehen sie hier gleich vorab.

Die Monatskontingente beginnen mit jedem Kalendermonat neu. Was darüber hinausgeht, lässt sich mit KI-Credits bezahlen; die vollständige Übersicht aller Tarife steht im Kapitel zu Konto, Tarifen und Sicherheit.

Anmelden

Für bestehende Konten stehen drei Wege offen, dazu der Blick ohne Anmeldung.

1. 1

   E-Mail und Passwort eintragen, dann „Anmelden“.

   Der klassische Weg, der auf jedem Gerät funktioniert.

2. 2

   Oder „Mit Passkey anmelden“ wählen.

   Die Schaltfläche erscheint nur, wenn Ihr Gerät und Browser das unterstützen — etwa mit Fingerabdruck oder Gesichtserkennung.

3. 3

   Oder „Mit Google anmelden“ nutzen.

   Der Weg führt zur Google-Anmeldung und anschließend zurück in den Editor.

Schlägt eine Anmeldung fehl, erscheint die Meldung unter dem Formular — „Anmeldung fehlgeschlagen“ beim Passwort, „Passkey-Anmeldung fehlgeschlagen“ beim Passkey. Über „Zur Website“ oben rechts gelangen Sie jederzeit zurück auf die öffentliche XICflow-Seite.

Anmeldung mit zweitem Faktor

Haben Sie für Ihr Konto eine Authenticator-App eingerichtet, folgt nach „Anmelden“ ein zweiter Schritt. Der Bildschirm bittet Sie: „Gib den 6-stelligen Code aus deiner Authenticator-App ein.“

1. 1

   Den Code aus der App ablesen und in das Feld eintragen.

   In dasselbe Feld können Sie auch einen Ihrer Ersatzcodes eintragen, falls die App gerade nicht verfügbar ist.

2. 2

   Auf „Bestätigen“ klicken.

   Erst danach ist die Sitzung offen.

3. 3

   Mit „Zurück“ zum Anmeldeformular wechseln.

   Sinnvoll, wenn Sie die Zugangsdaten korrigieren möchten.

Der Einrichtungsassistent

Enthält Ihr Konto noch keine Website, führt XICflow Sie direkt in den Einrichtungsassistenten (oben als „Setup“ gekennzeichnet). Ein dreiteiliger Fortschrittsbalken zeigt, wo Sie stehen. Der erste Schritt heißt „Willkommen — erzähl uns von deiner Marke“ und trägt den Satz: „Aus diesen Angaben erzeugt die KI eine passende Basis-Website.“

1. 1

   „Firmenname“ ausfüllen.

   Der Name, unter dem Sie auftreten. Ohne diese Angabe bleibt „Weiter“ inaktiv.

2. 2

   Bei „Bestehende Website (optional)“ die Adresse Ihrer bisherigen Seite eintragen.

   Das Feld darf leer bleiben, wenn es noch keine Website gibt.

3. 3

   Mit „Weiter“ zum nächsten Schritt.

   Zurück geht es später jederzeit über „Zurück“.

Marke aus einer bestehenden Website übernehmen

Haben Sie eine Adresse eingetragen, können Sie auf „Marke laden“ klicken. XICflow ruft die Seite ab, liest Titel, Beschreibung, Seitenname, Themenfarbe und einen Textauszug aus und leitet daraus einen Vorschlag ab. Während der Analyse steht auf der Schaltfläche „Analysiere...“, danach erscheint die Meldung „Marke übernommen: Name, Branche und Farben vorbelegt.“

Ein Hinweis zur Reihenfolge: „Marke laden“ verbraucht bereits eine KI-Textaktion Ihres Monatskontingents, ebenso wie der spätere Aufbau. Ohne Anmeldung ist die Analyse gesperrt; unter dem Feld steht dann „Marken-Analyse benötigt ein Konto.“

Kontext für die KI

Der zweite Schritt heißt „Kontext für die KI“ und trägt den Hinweis: „Optional — was du weglässt, leitet die KI aus Kontext und Recherche ab.“

1. 1

   „Branche“ angeben.

   Zum Beispiel Handwerk, Kanzlei oder Restaurant. Diese Angabe entscheidet zusätzlich darüber, ob die strukturierten Daten für Suchmaschinen einen lokalen Betrieb ausweisen.

2. 2

   „Zielgruppe“ beschreiben.

   Wen Sie ansprechen, etwa Privatkunden in der Region.

3. 3

   „Ziele der Website“ nennen.

   Was die Seite erreichen soll, etwa Anfragen gewinnen oder Termine buchen.

4. 4

   Mit „Weiter“ zum letzten Schritt.

   „Zurück“ führt zu Schritt 1.

Je genauer diese drei Angaben sind, desto näher liegt das Ergebnis an Ihrem Betrieb. Sie können aber alle Felder leer lassen — die KI leitet dann aus Firmenname und Branche ab, welche Abschnitte sinnvoll sind.

Ein tragfähiges Briefing

Aus Ihren Angaben entsteht ein kurzer Auftragstext, das Briefing. Es ist der einzige Text, den die KI über Ihren Betrieb kennt — deshalb lohnt es sich, drei Sätze mehr zu schreiben.

Das Briefing besteht aus Ihren fünf Angaben und einem festen Auftrag. Sie sehen es im dritten Schritt vollständig, bevor irgendetwas erzeugt wird. Feld für Feld gilt: eine konkrete Angabe schlägt eine allgemeine, und eine ausgelassene Angabe ist besser als eine falsche — was fehlt, leitet die KI ab.

Was gut hineingehört

• Was Sie tun, in den Worten Ihrer Kundschaft — nicht als Branchenbezeichnung, sondern als Leistung.
• Für wen Sie es tun und wo: Privatkundschaft oder Betriebe, Ort und Umkreis.
• Was auf der Website passieren soll: anrufen, ein Formular ausfüllen, einen Termin buchen, sich informieren.
• Was Sie unterscheidet — Notdienst, feste Ansprechperson, bestimmte Verfahren oder Materialien.
• Die Adresse Ihrer bisherigen Website, falls es eine gibt: daraus stammen Name, Branche und Farben.

Was Sie sich sparen können

• Fertige Seitentexte — die entstehen im Aufbau und lassen sich danach im Editor überschreiben.
• Wünsche zu Farben, Schriften oder Logo. Die gehören in den Bereich „Marke“, nicht ins Briefing.
• Angaben, die Sie nicht sicher wissen. Eine falsche Angabe zieht sich durch alle erzeugten Texte.
• Rechtstexte. Impressum und Datenschutzerklärung entstehen ohnehin gesondert.

Basis erzeugen

Der dritte Schritt heißt „Basis erzeugen“ und trägt den Satz: „Die KI baut daraus deine Startseite plus sinnvolle Unterseiten — inkl. Meta-Angaben.“ Darunter steht das vollständige Briefing zum Nachlesen.

1. 1

   Die Zusammenfassung prüfen.

   Mit „Zurück“ lassen sich einzelne Angaben noch korrigieren.

2. 2

   Auf „Jetzt erzeugen“ klicken.

   Die Schaltfläche zeigt währenddessen „Erzeuge...“ mit einem laufenden Ring.

3. 3

   Warten, bis der Wechsel in den Editor erfolgt.

   Das dauert je nach Umfang einige Minuten. Danach ist die neue Website dort bereits ausgewählt.

Beim Klick geschieht dreierlei nacheinander: Die Website wird angelegt, die vorgeschlagenen Markenfarben werden übernommen, und dann startet der eigentliche Aufbau. Der Aufbau läuft nicht im Browser, sondern als Auftrag auf dem Server; der Assistent fragt lediglich alle zweieinhalb Sekunden nach dem Stand.

Was dabei entsteht

Am Ende des Laufs liegt eine vollständige Website als Entwurf vor — nicht ein Gerüst, das Sie noch füllen müssen. Diese Übersicht sagt, woraus sie besteht.

Sprachen

Die Sprache Ihrer neuen Website richtet sich danach, wie die Oberfläche eingestellt war, als Sie das Konto angelegt haben; ohne eigene Wahl entscheidet die Sprache Ihres Browsers. Ist das nicht Englisch, entsteht direkt im Anschluss zusätzlich eine englische Fassung: Seitentitel, Adressen und die Texte jedes Bausteins werden übersetzt, und Englisch wird als zweite Sprache der Website eingetragen. Gelingt das nicht, bleibt der bereits gebaute Stand unangetastet.

Weitere Sprachen ergänzen Sie später im Bereich „Marke“; wie Sie die Inhalte je Sprache pflegen, steht im Kapitel zu Marke und Design.

Rechtstexte

Impressum und Datenschutzerklärung sind für eine geschäftliche Website Pflicht. XICflow prüft deshalb vor jeder Veröffentlichung, ob beide Seiten vorhanden sind, und legt fehlende an — unabhängig davon, ob die KI sie im Aufbau schon berücksichtigt hat. Bestehende Seiten werden dabei nie überschrieben. Weitere Rechtstexte wie AGB oder Widerruf gehören zur Redaktion Ihrer Website und werden nicht erzwungen.

Nach dem Erzeugen

Ist die KI fertig, wechselt XICflow automatisch in den Editor und Ihre neue Website ist dort bereits ausgewählt. Sie sehen die Startseite plus die Unterseiten, die zu Ihrer Branche passen, mit Texten, Bildern und Struktur.

Der Website-Wechsler oben links nennt den Namen Ihrer Website, ihren Zustand („Entwurf“, „Live“ oder „Archiviert“) und darunter die Adresse. Solange nichts veröffentlicht ist, steht dort „Entwurf“.

Die ersten Handgriffe

Drei Dinge braucht fast jede erzeugte Website als Erstes: ein paar Texte in Ihren eigenen Worten, ein passenderes Bild und hier und da einen zusätzlichen Baustein. Alle drei gehen ohne Umweg.

1. 1

   Den Baustein in der Vorschau anklicken.

   Er bekommt einen Rahmen, und rechts öffnet sich der Reiter „Eigenschaften“ mit seinen Feldern.

2. 2

   Für Text doppelt in den Text klicken und direkt tippen.

   Das geht bei Aufmacher, Überschrift, Einleitung, Fließtext und den Texten in Karten. Bei allem anderen springt der Fokus stattdessen in das passende Feld rechts.

3. 3

   Mit der Eingabetaste bestätigen.

   Umschalt und Eingabetaste setzen einen Zeilenumbruch, Escape verwirft die Änderung.

4. 4

   Den Speicherstand oben prüfen.

   Dort steht „gespeichert“. Erscheint „Nicht gespeichert“, hilft „Erneut versuchen“ daneben.

Text ändern

Ein Doppelklick auf eine Überschrift, eine Einleitung, einen Fließtext oder den Text in einer Karte macht die Stelle unmittelbar beschreibbar — Sie tippen dort, wo der Text später steht. Über der Schreibmarke erscheint eine kleine Leiste mit „Fett“, „Kursiv“, „Akzent“ und „Link“. „Akzent“ hebt ein Wort in Ihren Markenfarben hervor; in der Quelle steht dafür ein Wort zwischen zwei Gleichheitszeichen. Bausteine ohne solche Textfelder springen stattdessen in das passende Feld der rechten Spalte.

Bild tauschen

Wählen Sie den Baustein mit dem Bild aus. In der rechten Spalte steht darunter die „Bildquelle“ mit vier Reitern. Ein Bild, das die KI erzeugen soll, beschreiben Sie im Feld „Bild beschreiben“ und wählen bei „Einsatzzweck“ aus, wofür es gedacht ist — der Zweck bestimmt Format und Bildaufbau. Ihre Markenfarben werden dabei automatisch berücksichtigt.

Baustein einfügen

Die Bausteine liegen links in aufklappbaren Gruppen: „Basis“ (beim Öffnen des Editors bereits ausgeklappt), „Text & Struktur“, „Grids & Karten“, „Conversion & CTA“, „Medien & Showcase“, „Inhalte (CMS)“ und „Blog & Kontext“. Ein Klick auf einen Baustein hängt ihn unten an die Seite an; von dort schieben Sie ihn unter „Aufbau“ an die richtige Stelle. Welche Bausteine es gibt und was jeder einzelne kann, steht im Nachschlagewerk zu den Bausteinen.

Die erste Veröffentlichung

Bis hierher ist alles ein Entwurf. Erst das Veröffentlichen baut aus Ihren Inhalten die fertige Website und stellt sie ins Netz.

1. 1

   Oben rechts auf „Veröffentlichen“ klicken.

   Die Schaltfläche ist nur anklickbar, wenn eine Website ausgewählt ist.

2. 2

   Warten, bis „Veröffentlichung läuft…“ zu „Veröffentlicht“ wechselt.

   Ein zweiter Klick währenddessen startet keinen zweiten Lauf.

3. 3

   Die Adresse neben „Veröffentlicht“ anklicken.

   Sie öffnet die fertige Website in einem neuen Fenster. Denselben Weg gibt es über „Live-Version“ über der Vorschau.

Die Adresse hat die Form kurzname.xicflow.com und ist verschlüsselt erreichbar. Der Kurzname entsteht aus Ihrem Firmennamen: Umlaute werden umgeschrieben, Sonderzeichen entfallen, aus Leerzeichen werden Bindestriche. Eine eigene Domain verbinden Sie danach im Bereich „Domains“ — die Adresse bei xicflow.com bleibt daneben bestehen.

Andere Wege zum Start

Der Assistent ist der bequemste Einstieg, aber nicht der einzige. Wer lieber selbst zusammenstellt, beginnt mit einer Vorlage oder einer leeren Seite.

Vorlagen sind fertige Zusammenstellungen von Bausteinen. Sie öffnen sie links über „Vorlagen einfügen“; die Bausteine werden an das angehängt, was bereits auf der Seite steht. Fünf Kategorien stehen zur Wahl.

Ist eine Seite noch leer, zeigt die Vorschau statt einer weißen Fläche den Hinweis „Noch keine Bausteine“ mit dem Satz „Füge links einen Baustein hinzu.“ und den beiden Schaltflächen „Vorlagen einfügen“ und „Mit KI erstellen“ — die beiden schnellsten Wege zum ersten Inhalt.

Eine weitere Website anlegen

Über den Website-Wechsler oben links führt „Neue Site“ zum Formular „Neue Site anlegen“. Es fragt nach „Name“, wahlweise nach einer „Domain“ und nach einer „Bestehende Website“, aus der sich per „Marke laden“ Name, Ton und Farben übernehmen lassen. Mit „Site anlegen“ entsteht sie. Lässt Ihr Tarif keine weitere Website zu, erscheint stattdessen der Hinweis, dass die maximale Anzahl erreicht ist.

Wie es weitergeht

Dieses Kapitel endet dort, wo Ihre Website steht. Alles Weitere hat ein eigenes Kapitel — hier steht, welches.

Eine sinnvolle Reihenfolge für die ersten Tage: zuerst die Texte im Editor durchgehen, dann Farben, Schriften und Logo im Bereich „Marke“ auf Ihren Betrieb einstellen, danach die eigene Domain verbinden. Anfragen, Team und Blog kommen, sobald die Website steht.

Wenn etwas nicht klappt

Die Meldungen aus dem Assistenten und aus dem Editor benennen jeweils genau eine Ursache. Hier steht, was dahintersteckt.

„Marken-Analyse fehlgeschlagen.“

Die Sammelmeldung, wenn sich zur Adresse nichts auswerten ließ. Häufig ist die Seite nicht öffentlich erreichbar oder verlangt ein Passwort. Ein Vorsatz wie „https://“ ist nicht nötig — er wird ergänzt, wenn er fehlt. Tragen Sie Name und Branche in diesem Fall selbst ein; das Ergebnis ist gleichwertig.

„Erzeugung fehlgeschlagen.“

Klicken Sie erneut auf „Jetzt erzeugen“. Ein zweiter Versuch legt keine zweite Website an, sondern baut die bereits angelegte weiter aus. Wurden für den ersten Versuch Credits abgebucht, werden sie bei einem Fehlschlag erstattet.

„Kontingent erschöpft — bitte Tarif upgraden.“

Das KI-Textkontingent Ihres Tarifs ist für den laufenden Monat aufgebraucht. Im Tarif Free sind es 20 Textaktionen; ein vollständiger Aufbau verbraucht davon eine. Mehr dazu im Kapitel zu Konto, Tarifen und Sicherheit.

Die erzeugte Website enthält kaum Bilder

Bilder laufen auf ein eigenes, bewusst kleines Kontingent — im Tarif Free drei je Monat. Ist es erschöpft, baut die KI ohne weitere erzeugte Bilder weiter, statt abzubrechen. Eigene Bilder fügen Sie danach über „Hochladen“ oder die „Mediathek“ ein.

„Code ungültig“ bei der Zwei-Faktor-Abfrage

Der Code wechselt alle 30 Sekunden — warten Sie auf den nächsten und geben Sie ihn zügig ein. Weicht die Uhrzeit Ihres Telefons ab, stellen Sie sie auf automatische Zeitsynchronisierung. Notfalls verwenden Sie einen Ersatzcode; dasselbe Feld nimmt ihn an.

Sie landen nach dem Anmelden im Editor statt im Assistenten

Der Assistent startet nur, solange noch keine Website existiert. Weitere Websites legen Sie im Editor über den Website-Wechsler oben links an: „Neue Site“, dann „Site anlegen“.

Die Seitenliste bleibt leer und „Veröffentlichen“ ist grau

Dann ist keine Website ausgewählt. Der Website-Wechsler oben links zeigt in diesem Fall „Keine Site“ und die KI-Spalte „Keine Site gewählt“. Wählen Sie oben eine Website aus oder legen Sie eine an.

Neben dem Website-Wechsler steht ein „D“

Die Kennzeichnung „Vorschau — nicht mit dem Backend verbunden“ erscheint im Demo-Modus und wenn die Verbindung fehlt. Im Auswahlfeld steht dann zusätzlich „Vorschaumodus — Sites werden lokal gehalten, bis das Backend verbunden ist.“ Melden Sie sich an oder laden Sie den Editor neu.

„Vorschau nicht erreichbar“

Ihre Änderungen sind gespeichert, nur die Darstellung fehlt gerade. Laden Sie den Editor über „Neu laden“ neu.

„Seite konnte nicht geladen werden“

Der gespeicherte Stand ließ sich nicht abrufen. Ändern Sie jetzt nichts, sondern laden Sie den Editor zuerst neu — solange dieser Hinweis steht, wird nicht gespeichert, damit kein leerer Stand Ihre Seite überschreibt.

Meldungen im Wortlaut

Diese Meldungen kommen aus der Prüfung im Hintergrund und erscheinen unverändert im Assistenten oder im Formular.

Häufige Fragen