> For the complete documentation index, see [llms.txt](https://hilfe.taraos.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hilfe.taraos.de/website-widget/widget-einbinden.md).

# Widget einbinden

Das Website-Widget ist ein kleiner Button, den du auf deiner Webseite einbettest. Deine Besucher können darüber direkt eine Aufgabe erledigen: eines deiner Formulare ausfüllen oder einen Termin buchen. Es ist also kein Chat, sondern ein **Service-Button** für genau die Dinge, die du anbietest.

So bringst du ihn auf deine Seite.

## 1. Widget einrichten

1. Geh in TaraOS auf **Einstellungen → Widget**.
2. Beim ersten Mal klick auf **Widget jetzt einrichten**. TaraOS erstellt dir dabei einen **Widget-Schlüssel**, das ist die eindeutige Kennung deines Widgets.

![Widget-Bereich vor der Einrichtung mit Button Widget jetzt einrichten](/files/5ZkOJi5kxSqyxYCSzDFF)

## 2. Einbettungscode kopieren

1. Öffne unterhalb der Vorschau den Bereich **Einbettungscode**.
2. Klick auf **Kopieren**. Du kopierst damit einen einzeiligen `<script>`-Tag, in dem dein Widget-Schlüssel schon enthalten ist.

{% hint style="info" %}
**Kopier immer den Code direkt aus TaraOS.** Dort ist dein persönlicher Widget-Schlüssel bereits eingetragen. Tipp den Code nicht von Hand ab.
{% endhint %}

![Bereich Einbettungscode mit dem Script-Snippet und dem Kopieren-Button](/files/fR1tasxoKqWS3nkunxLA)

## 3. Code in deine Webseite einfügen

Füg den kopierten Code in den Quelltext deiner Webseite ein, am besten kurz vor dem schließenden `</body>`-Tag. Wo das genau geht, hängt von deinem Webseiten-System ab:

* **Baukasten (Jimdo, Wix, IONOS o.Ä.):** Such nach einem Bereich für „eigenen Code" oder „HTML einbetten" und füg den Code dort ein.
* **WordPress:** über das Theme (Header/Footer-Skripte) oder ein Plugin für Code-Snippets.
* **Eigene Webseite:** direkt im HTML vor `</body>`.

Speicher und veröffentliche die Seite. Der Button erscheint danach automatisch.

## 4. Prüfen

Öffne deine Webseite. Unten in der Ecke sollte der Button auftauchen. Beim ersten Besuch siehst du den **Schnellzugriff**, ein kleiner Anstupser, der zur Nutzung einlädt. Klickst du drauf, öffnet sich das Panel mit deinen Funktionen.

{% hint style="success" %}
**Button ist da?** Dann ist das Widget eingebunden. Wie du Aussehen und Funktionen anpasst, liest du unter [Widget konfigurieren](/website-widget/widget-konfigurieren.md).
{% endhint %}

## Widget-Schlüssel erneuern

Im Bereich Einbettungscode gibt es den Knopf **Schlüssel erneuern**. Brauchst du den nur, wenn dein Schlüssel nicht mehr sicher ist. Achtung: Der alte Schlüssel wird dabei ungültig, und du musst den Einbettungscode auf deiner Webseite austauschen, sonst verschwindet der Button.

## Es hakt irgendwo?

Kein Stress. Schreib uns, wo du nicht weiterkommst, dann helfen wir dir direkt. → [Direktkontakt](/support/direktkontakt.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://hilfe.taraos.de/website-widget/widget-einbinden.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.