> ## Documentation Index
> Fetch the complete documentation index at: https://help.verbu.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Sæt din chatbot op

> Slå chatbotten til, gør den genkendelig for dit brand, og sæt koden på dit website.

Du laver én chatbot per agent. Den bruger samme viden, samme stemme og samme regler som din telefonagent – og kan oven i købet have skrevet svar.

Du finder chatbotten under din agent: **Kanaler → Chatbot på dit website**.

## 1. Slå chatbotten til

Klik på **Slå chatbot til**. Det opretter en chatbot, som er knyttet til netop denne agent.

Du lander herefter på opsætningssiden, hvor du kan justere alt.

## 2. Navn og hilsen

Under **Identitet og tekst** udfylder du:

* **Internt navn** – kun til dig. Brug det til at kende din chatbot i dashboardet.
* **Visningsnavn** – det navn kunderne ser i toppen af chatten. Fx "Sara fra Acme".
* **Underoverskrift** – linjen lige under navnet. Brug den til en venlig sætning, fx "Vi sidder klar til at hjælpe".
* **Velkomstbesked** – det chatbotten siger først. Lader du den stå tom, bruger den agentens almindelige hilsen.

<Tip>
  Hold velkomstbeskeden kort og imødekommende. "Hej! Hvad kan jeg hjælpe med?" virker bedre end et langt afsnit.
</Tip>

## 3. Brand og farver

Under **Brand** vælger du:

* **Primær farve** – brug din brandfarve. Den bruges på knappen, toppen af chatten og overskrifter.
* **Tema** – Auto, Lys eller Mørk. **Auto** følger besøgendes systemindstillinger og er som regel det rigtige valg.
* **Header-logo** – vises øverst i den åbne chat. Brug en kvadratisk eller bred PNG/JPG/WebP-fil med transparent baggrund.
* **Trigger-ikon** – det lille ikon på selve chatknappen. Bruger du ikke et eget, viser vi standardikonet.

## 4. Knappen på dit website

Under **Trigger** bestemmer du hvordan chatknappen ser ud:

* **Bar** – en aflang knap med tekst, fx "Chat med os"
* **Badge** – en lille rund knap med kun et ikon
* **Notifikationsmærke** – et lille rødt 1-tal i hjørnet, så det ligner en uleste besked

Du kan også vælge:

* **Knaptekst** – kun synlig hvis du valgte Bar
* **Position** – hvor på siden knappen sidder (nederst til højre er det almindelige)
* **X- og Y-forskydning** – hvor mange pixels væk fra kanten

<Tip>
  Sidder knappen oven på noget vigtigt (fx en cookie-banner eller en handlingsknap), så øg Y-forskydningen indtil de ikke overlapper.
</Tip>

## 5. Adfærd

Under **Adfærd** vælger du:

* **Interaktionsform** – Voice + Chat, kun Chat eller kun Voice. De fleste vil have "Voice + Chat", så besøgende selv kan vælge.
* **Bed om en bedømmelse** – vis 1-5 stjerner når samtalen slutter. God måde at fange utilfredshed tidligt.

## 6. Tilladte domæner

Under **Distribution** angiver du de domæner din chatbot må vises på – ét per linje. Fx:

```
acme.dk
*.acme.dk
```

Det forhindrer at andre kan kopiere din embed-kode og bruge din chatbot på deres egne sider.

## 7. Hent embed-koden

Klik på **Hent embed-kode** øverst på siden. Du får en kort kodestump:

```html theme={null}
<script src="https://widget.verbu.com/voice-widget.umd.cjs" data-widget-id="..." async></script>
```

Indsæt den i HTML'en på dit website, lige før `</body>`-tagget.

Bruger du et CMS som WordPress, Webflow eller Squarespace, så har de typisk et felt der hedder "Custom code" eller "Tilføj script", hvor du indsætter den.

## 8. Test det

Åbn dit website i en ny fane. Chatbotten skal vises i hjørnet inden for et par sekunder. Klik på den og test en samtale.

Hvis du ikke ser den:

* Tjek at det rigtige domæne er på listen under **Tilladte domæner**
* Tjek at scriptet ligger inde i `<body>`, ikke i `<head>`
* Genindlæs siden med Cmd/Ctrl + Shift + R

🎉 Du har nu en chatbot på dit website.

## Næste skridt

* Tilpas det første kunder ser i [Velkomstskærm med genveje](/chatbot/welcome-screen)
* Sørg for at agenten kan svare på spørgsmålene: [Viden og træning](/agent-behaviour/knowledge-and-training)
