> ## Documentation Index
> Fetch the complete documentation index at: https://docs.panderra.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Such-Widget einbinden
> Bette die Panderra-Suche mit KI-Berater als Overlay in deinen Shop oder deine Website ein — ein Script-Tag, ein HTML-Element.
Das Panderra-Such-Widget legt sich als Overlay über deine Seite: eine
Produktsuche mit vier Ergebnis-Stufen und einem eingebauten KI-Berater
(„Berater fragen"). Es läuft in einem **Shadow DOM** — eigene Styles, die nicht
mit deinem Shop-CSS kollidieren — und kommt als **eine** JavaScript-Datei, ohne
externe Abhängigkeiten.
Das Widget erbt die Schrift deiner Seite und hält die Oberfläche neutral. Die
einzige Marken-Farbe steuerst du über das `accent`-Attribut (siehe unten) — so
fügt es sich in jedes Shop-Theme ein.
## Voraussetzungen
**Widget-Token** (`wt_…`) — im Admin-UI unter **Einstellungen → Widget** erstellt. Der Token ist öffentlich (er steht im Quelltext deiner Seite) und nur auf Such- und Chat-Zugriff beschränkt.
**API-URL** deiner Panderra-Instanz, z. B. `https://app.panderra.ai`.
## Schnellstart
Den fertigen Script-Tag mit deinem Token findest du im Admin-UI unter
**Einstellungen → Widget**. Die folgenden Schritte erklären, woraus er
besteht.
Lade das Widget-Bundle einmal pro Seite — am besten kurz vor ``:
```html theme={null}