# SmartAgent — Installations-guide til AI-udviklere (Claude Code m.fl.)
> Denne fil er skrevet til AI-kode-assistenter (fx Claude Code, Cursor, Copilot)
> som hjælper en kunde med at installere SmartAgent-chatwidgeten på deres
> website. Følg instruktionerne nedenfor præcist. Spørg kun kunden hvis et
> krav ikke er opfyldt (manglende `agentId` eller `apiKey`).
>
> Officiel URL: https://smartagent.dk/llms.txt
> Setup-side (mennesker): https://smartagent.dk/docs/widget-setup
## Hvad er SmartAgent?
SmartAgent er en dansk SaaS-platform der leverer AI-chatagenter (kundeservice,
salg, booking). Kunden får ét stykke JavaScript der mountes på deres website og
viser en chat — enten som flydende knap i hjørnet eller som en chatbox indlejret
direkte i sidens layout.
## Hvad kunden skal give dig
Før du kan installere widgeten har du brug for to værdier fra kundens
SmartAgent-dashboard (https://smartagent.dk/dashboard → vælg agent → Widget
Integration):
- `agentId` — UUID, fx `8f3a…`. Identificerer agenten.
- `apiKey` — Public widget-nøgle, fx `sa_pk_…`. Må gerne stå i kildekoden.
Hvis kunden ikke har dem klar, bed dem hente dem fra
https://smartagent.dk/dashboard og dele dem med dig.
## Installation — vælg én af de to modes
### Mode 1: Flydende knap (default)
En lille chat-knap i nederste højre hjørne. Bruges når kunden bare vil have
"chat-bobble" på alle sider.
```html
```
### Mode 2: Indlejret chatbox
Chatten er altid åben og lever inde i sidens layout (fx i hero, sidebar eller
mellem to sektioner). Bruges når kunden vil have chatten som et synligt
designelement — fx som SmartAgent.dk selv gør på forsiden.
```html
```
`container` er en CSS-selector der peger på et element der allerede findes i
DOM'en. Hvis elementet ikke findes når scriptet kører, falder widgeten pænt
tilbage til flydende mode.
## Framework-specifikke opskrifter
### Next.js (App Router, anbefalet)
Brug `next/script` med strategy `afterInteractive` i `app/layout.tsx`:
```tsx
import Script from 'next/script'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
)
}
```
For indlejret mode: tilføj `` i den side eller
komponent hvor chatten skal vises, og tilføj `mode: 'inline', container:
'#smartagent-chatbox'` til init-objektet.
### Next.js (Pages Router)
Læg snippet'et i `pages/_document.tsx` (i `` efter ``) eller brug
`next/script` i `pages/_app.tsx`.
### Plain HTML / statisk site
Indsæt de to `