# Schnellstart: von der Anmeldung zum Chat-Widget

> Konto anlegen, ersten KI-Agenten aus einer Vorlage erstellen, mit deiner Website trainieren, testen und das Chat-Widget einbinden: intoCHAT in fünf Schritten.

Diese Anleitung führt dich vom neuen Konto bis zur Chat-Bubble auf deiner Website. Du brauchst die Adresse deiner Website und Zugriff auf ihr HTML oder auf den Admin-Bereich von WordPress oder Shopify.

Der Free-Plan enthält 1 Agenten, 25 Nachrichten im Monat, 100K Zeichen Trainingsinhalt und 1 Website-Crawl im Monat. Das reicht, um alles einmal durchzuspielen. Die bezahlten Pläne findest du unter [Preise](/de/preise).

## 1. Konto anlegen

[Registriere dich](/de/auth/register) mit E-Mail-Adresse und Passwort oder mit Google. Wenn du dich per E-Mail registriert hast, meldest du dich danach an. Du landest im **Dashboard**.

Das Dashboard ist auf Englisch. Die Schritte unten nennen die englischen Bezeichnungen und erklären sie.

## 2. Agenten erstellen

1. Klicke in der Seitenleiste auf **New agent** (neuer Agent).
2. Wähle einen Ausgangspunkt, zum Beispiel **Customer Support Agent** oder **Sales Agent**. Die Vorlage füllt die Anweisungen des Agenten aus, und du kannst später jedes Wort ändern. Mit **Start from scratch** schreibst du eigene Anweisungen (mindestens 100 Zeichen).
3. Übernimm den vorgeschlagenen **Agent name** oder ändere ihn. Er erscheint auch im Kopf des Chatfensters, wähle also einen Namen, den Besucher verstehen.
4. Klicke auf **Create agent**.

Der neue Agent öffnet sich im Tab **Knowledge** (Wissen).

## 3. Wissen hinzufügen und trainieren

1. Öffne unter **Add knowledge** den Bereich **Website** und gib deine Adresse ein, zum Beispiel `https://example.com`.
2. Klicke auf **Find pages** und prüfe die Liste. Entferne den Haken bei Seiten, die Besuchern nicht helfen, etwa Impressum oder alte News.
3. Klicke auf **Add … selected pages** und warte, bis die Seiten **added** anzeigen.
4. Füge bei Bedarf in den anderen Bereichen Dateien, Textbausteine oder Q&A-Paare hinzu.
5. Klicke oben im Tab auf **Train agent** und warte, bis der Status meldet, dass alle Quellen trainiert sind.

Das Hinzufügen von Seiten verbraucht einen deiner monatlichen Crawls. Im Free-Plan solltest du die Seiten also mit Bedacht wählen. Quellen werden sofort gespeichert, der Agent nutzt sie aber erst nach dem Training. Mehr dazu unter [Website crawlen](/de/docs/website-crawl), [Dateien](/de/docs/files) und [Text und Q&A](/de/docs/text-and-qa).

## 4. Testen und anpassen

1. Klicke oben auf **Save changes** (Änderungen speichern), falls du etwas geändert hast. Deine Website nutzt nur gespeicherte Einstellungen, der Playground antwortet dagegen schon mit den Anweisungen auf dem Bildschirm, gespeichert oder nicht.
2. Öffne den **Playground** und stelle die Fragen, die deine Besucher am häufigsten stellen. Prüfe, ob die Antworten stimmen und ob der Agent zugibt, wenn deine Inhalte etwas nicht abdecken.
3. Ist eine Antwort falsch oder vage, füge im Tab **Knowledge** ein Q&A-Paar mit der richtigen Antwort hinzu und trainiere erneut.
4. Lege unter **Appearance** (Aussehen) Begrüßung, Vorschlagsfragen und Farben fest und speichere.

> Nachrichten im Playground zählen genauso zu deinem monatlichen Kontingent wie Nachrichten von Besuchern.

## 5. Widget auf der Website einbinden

1. Öffne **Share** (Teilen) und klicke in der Karte **Bubble Chat** auf **Copy Code**. Der Code enthält bereits deine Agenten-ID:

   ```html
   <script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>
   ```

2. Füge ihn direkt vor dem schließenden `</body>`-Tag ein, am besten in einer Footer- oder Layout-Datei, die alle Seiten nutzen.
3. Lade deine Website neu. Die Chat-Bubble erscheint in der unteren Ecke, mit Farben und Position aus **Appearance**.

> Das Ende des Body ist der empfohlene Platz, das Script funktioniert aber auch im `<head>`: Es baut die Chat-Bubble, sobald die Seite geladen ist. Landet das Snippet zweimal auf einer Seite, erscheint trotzdem nur eine Bubble.

Unter WordPress kannst du stattdessen das offizielle Plugin nutzen, unter Shopify fügst du den Code in dein Theme ein. Siehe [Script-Tag](/de/docs/script-tag), [WordPress](/de/docs/wordpress) und [Shopify](/de/docs/shopify).

## Agenten duplizieren

Willst du einen zweiten Agenten auf Basis eines fertigen aufbauen, etwa für eine andere Sprache oder Website, gehst du in der Seitenleiste auf **Agents**, öffnest beim Agenten das Drei-Punkte-Menü und wählst **Duplicate** (duplizieren). Die Kopie öffnet sich sofort und heißt wie das Original mit „(copy)“ am Ende.

- **Kopiert:** alle Einstellungen, darunter Anweisungen, Guardrails, Aussehen, Lead-Erfassung und erlaubte Domains, dazu die Wissensquellen und Aktionen.
- **Nicht kopiert:** Gespräche und Leads.
- Das Wissen kommt bereits trainiert mit, die Kopie antwortet also ab der ersten Nachricht wie das Original. Beim Duplizieren wird nichts neu trainiert und kein Website-Crawl verbraucht. Quellen, die noch nicht trainiert waren, bleiben in der Kopie ausstehend.
- Die Kopie hat eine eigene Agenten-ID und braucht deshalb ihren eigenen Einbettungscode aus **Share**.

Die Kopie zählt als einer der Agenten deines Plans. Das Duplizieren wird abgelehnt, wenn du das Agentenlimit deines Plans erreicht hast oder das Wissen des Agenten über dem Zeichenlimit pro Agent deines Plans liegt. Siehe [Pläne und Limits](/de/docs/plans-and-limits).

## Nächste Schritte

- [Bessere Anweisungen schreiben](/de/docs/instructions), um Ton und Grenzen festzulegen.
- [Leads sammeln](/de/docs/lead-collection) mit einem Formular im Chat.
- [Gespräche auswerten](/de/docs/conversations-and-dashboard), um Fragen zu finden, die deine Inhalte noch nicht beantworten.
