Kostenlos starten

Quickstart: Ihre erste Antwort in 5 Minuten

Von null zu einem Chat auf Ihrer Website, der aus Ihren eigenen Inhalten antwortet, mit Quellen.

1. Agent erstellen und ihm Wissen geben (2 Minuten)

  1. Registrieren Sie sich. Ihr Workspace wird für Sie angelegt.
  2. Klicken Sie auf New agent, dann auf Knowledge › Add source und geben Sie die URL Ihrer Website ein. Prüfen Sie die gefundenen Seiten, entfernen Sie den Haken bei allem, was Sie nicht möchten, und bestätigen Sie. Sie können auch Dateien hochladen (PDF, DOCX, TXT, MD, CSV), Text einfügen oder Frage-Antwort-Paare hinzufügen.
  3. Die Antworten funktionieren, sobald die ersten Seiten gelesen sind. Sie müssen nicht auf die ganze Website warten.

Vor dem Einbinden ausprobieren: Die Vorschau neben den Einstellungen des Agenten ist der echte Chat. Stellen Sie ihm eine Frage, die Ihre Website beantwortet, und Sie sehen die Antwort mit ihren Quellen. Antworten in der Vorschau sind kostenlos.

2. Domain freigeben und live gehen (1 Minute)

Fügen Sie in den Settings des Agenten unter Allowed domains die Domains hinzu, auf denen der Chat erscheinen darf, zum Beispiel example.com. Verwenden Sie *.example.com für Subdomains. Der Browser weigert sich, den Chat anderswo anzuzeigen.

Schalten Sie dann oben rechts beim Agenten den Schalter Live ein.

3. Eine Zeile einfügen (1 Minute)

Der Tab Add to your website des Agenten führt Sie in fünf Schritten durch die Einrichtung (Vorlage, Aussehen, Ort, Code, Prüfung). Der Code-Schritt gibt Ihnen eine Zeile. Fügen Sie sie auf jeder Seite, die den Chat zeigen soll, vor </body> ein:

<script src="https://widget.onetype.ai/v1/embed.js" data-agent="YOUR_AGENT_ID" defer></script>

Laden Sie Ihre Seite neu. Der Launcher erscheint in der Ecke. Klicken Sie darauf und stellen Sie Ihre erste Frage. Die Antwort erscheint nach und nach, mit ihren Quellen.

Der Loader ist kleiner als 3 KB und lädt den Chat erst, wenn ein Besucher mit der Maus darüberfährt, ihn fokussiert oder öffnet.

4. Nach Ihren Wünschen anpassen

  • Aussehen: Wählen Sie eine Vorlage (Bubble, Inline, Hilfeseite, ⌘K-Palette, Docs-Seitenleiste) und fügen Sie Ihr Logo, Ihren Namen und Ihre Begrüßung hinzu.
  • Verhalten: Legen Sie unter General die Anweisungen des Agenten fest, ob er nur aus Ihrem Wissen antwortet (standardmäßig an) und was passiert, wenn er etwas nicht weiß: eine Person anbieten, Kontaktdaten erfragen oder sich entschuldigen.

5. Weiter geht es

Ich möchte …Lesen
Leads und Gespräche in meine Systeme bekommenWebhooks · REST API
Meine Docs aus Claude Code oder Cursor abfragenMCP
Aus meinem Backend chatten, ohne das WidgetREST API › Chat aus Ihrem Backend

Mit einem Framework

Das Ein-Zeilen-Skript funktioniert auf jeder Website: statisches HTML, WordPress, Webflow, Shopify-Themes, React, Vue, Next.js. Laden Sie es bei Single-Page-Apps einmal in Ihrem Root-Layout. Der Loader folgt der clientseitigen Navigation von selbst, Sie müssen ihn bei Routenwechseln also nicht neu initialisieren.

Der Chat funktioniert nur auf Seiten, die über https ausgeliefert werden. Zum Testen können Sie localhost oder 127.0.0.1 zu Allowed domains hinzufügen; diese funktionieren auch über einfaches http.

// Next.js (app/layout.tsx)
import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode })
{
    return (
        <html lang="en">
            <body>
                {children}
                <Script src="https://widget.onetype.ai/v1/embed.js" data-agent="YOUR_AGENT_ID" strategy="afterInteractive" />
            </body>
        </html>
    );
}

Das Ein-Zeilen-Skript funktioniert heute in React- und Vue-Apps.