Widgettilpasning
Få chat-widgetten til at matche dit brand og opføre sig præcis, som Du ønsker. Al tilpasning foregår i dit dashboard — ændringer anvendes automatisk på dit website uden at røre embed-koden.
Du finder indstillingerne under Dashboard → Chatbots → vælg din chatbot:
- Fanen Widget styrer udseendet (position, farver, størrelse, tekster)
- Fanen Behavior styrer, hvordan widgetten interagerer med besøgende
Klik på Save Changes øverst på siden for at anvende dine ændringer.
Widget-fanen: Udseende
Position
Vælg, hvor widgetten vises på dit website:
| Position | Beskrivelse |
|---|---|
| Bottom Right | Flydende chatboble i nederste højre hjørne (standard) |
| Bottom Left | Flydende chatboble i nederste venstre hjørne |
| Inline (Embedded) | Widgetten er indlejret direkte på siden i stedet for at flyde |
Med Inline-positionen er chatten indlejret præcis der, hvor embed-scriptet er placeret, og den er altid åben — ingen boble, ingen lukkeknap. Ideel til dedikerede chat- eller supportsider. Se Widget Embedding for detaljer.
Farvetema
Vælg en af tre farveforudindstillinger:
| Preset | Beskrivelse |
|---|---|
| Default | ChatReact's standardfarveskema |
| Brand | Din virksomheds brandfarver fra Company Settings |
| Custom | Vælg dine egne farver |
Brand-forudindstillingen er kun tilgængelig, når brandfarver er indstillet. Gå til Company Settings for at udtrække farver fra dit website.
Når Custom er valgt, kan Du sætte fire basisfarver:
- Primary — boble, header-gradient, knapper og besøgendes beskeder
- Secondary — anden farve i header-gradienten
- Background — chatvindues baggrund
- Text — beskedtekstens farve
Avancerede farveindstillinger
Brug for mere kontrol? Når Custom-forudindstillingen er valgt, udvid Advanced Color Settings for at tilsidesætte de automatisk beregnede farver:
- Visitor Messages — baggrunds- og tekstfarve for besøgendes beskedbobler
- Bot Messages — baggrunds- og tekstfarve for bot-beskedbobler
- Header Text Color — farve på titel og undertitel i widget-headeren
Alt, Du lader uændret, beregnes automatisk for god kontrast. Hvert tilsidesættelsesfelt har en Reset to automatic-knap for at vende tilbage til den beregnede farve.
Størrelse & Stil
| Indstilling | Interval | Standard |
|---|---|---|
| Border Radius | 0–32 px | 24 px |
| Width | 300–500 px | 380 px |
| Height | 400–700 px | 600 px |
På små mobilskærme skifter widgetten automatisk til en fuldbredde-layout, uanset disse dimensioner.
Logo
Aktivér Use company logo in widget header for at vise dit virksomhedslogo i chat-headeren. Selve logoet uploades i Company Settings — anbefalet: kvadratisk, mindst 200×200 px (JPG, PNG, GIF, WebP eller SVG, maks. 5 MB).
Denne mulighed er tilgængelig på Professional-planen og derover samt på alle Agency-planer.
Header Title, Subtitle & Bubble Text
| Felt | Beskrivelse | Standard |
|---|---|---|
| Header Title | Titel vist i chatvindue-headeren | "Chat with us" |
| Header Subtitle | Mindre linje under titlen | "We typically reply within minutes" |
| Bubble Text | Tekst vist ved siden af chatboblen, når widgetten er lukket | Ingen |
Hvis Du aldrig sætter en titel eller undertitel, viser widgetten standardteksten — automatisk lokaliseret til hver besøgendes sprog.
Hvordan header-undertitlen fungerer: Så længe Du ikke har konfigureret en undertitel, viser widgetten den lokaliserede standard, og indstillingsformularen forudfylder denne standard, så Du kan se og redigere hvad besøgende får. For at skjule undertitlen helt, ryd feltet og gem — en bevidst tomundertitel forbliver skjult.
Bubble-teksten vises som en lille etiket ved siden af den lukkede chatboble (fx "Got questions?"). Lad den stå tom for kun at vise den runde boble.
Widget-oversættelser
Hvis din chatbot understøtter flere sprog, vises et Widget Translations-kort under udseendeindstillingerne. Der kan Du oversætte velkomstbeskeden, fallback-beskeden, header-titel, header-undertitel og bubble-tekst for hvert aktiveret sprog.
Velkomst- og fallback-beskederne konfigureres i fanen Persona i dine chatbotindstillinger.
Live Preview
Højre kolonne på Widget-fanen viser en Live Preview af din widget, der opdateres, mens Du ændrer indstillinger. Den er interaktiv: luk chatvinduet med X for at se den lukkede boble (inklusive din bubble-tekst), og klik på boblen for at åbne den igen.
Behavior-fanen: Interaktion
Adfærdsindstillinger
| Indstilling | Beskrivelse | Standard |
|---|---|---|
| Proactive Greeting | Bot hilser automatisk på besøgende efter en forsinkelse (1–10 sekunder) | On, 3 s |
| Auto-Open | Widget åbner automatisk for besøgende efter en forsinkelse (1–15 sekunder) | Off, 5 s |
| Sound Enabled | Afspil lyde for notifikationer | On |
| Typing Indicator | Vis en animation mens botten skriver | On |
| Pre-Chat Form | Indsaml besøgendes oplysninger før chatten starter | Off |
| Show on Mobile | Vis widgetten på mobile enheder | On |
Maksimal beskedlængde
Begræns hvor mange tegn besøgende kan indtaste per besked (100–10.000 tegn, standard 2.000). Dette hjælper med at forhindre overdreven brug fra meget lange input. Ryd feltet eller klik Remove limit for at tillade beskeder i alle længder.
Pre-Chat Form
Når pre-chat-formularen er aktiveret, udfylder besøgende en kort formular, før samtalen starter. Du konfigurerer felterne selv:
- Field types: Text, Email, Phone, Textarea
- Hvert felt har en label, en valgfri placeholder, og en required-switch
- Omdisponér felter med flyt op/ned-knapperne, eller fjern dem
Hvis din chatbot understøtter flere sprog, vises en oversættelsessektion under felteditoren. Indtast oversættelser manuelt for hvert sprog, eller klik Translate with AI for automatisk at oversætte alle labels og placeholders.
Live Chat
Fanen Behavior indeholder også kortet Live Chat Settings. Aktivér live chat for at lade besøgende tale med dine menneskelige agenter, og vælg en tilstand:
| Mode | Beskrivelse |
|---|---|
| Handoff Only | Live chat kun når botten ikke kan hjælpe |
| Standalone | Besøgende kan chatte direkte med agenter |
| Both | Handoff og direkte live chat tilgængeligt |
Live Chat er tilgængelig på Professional-planen og derover samt på alle Agency-planer. Se Live Chat for hvordan man administrerer indkommende samtaler.
Branding
På planer, der inkluderer white-label, vises et Branding-kort nederst på Behavior-fanen. ChatReact-branding er skjult som standard på disse planer — aktivér Show "Powered by ChatReact" hvis Du alligevel ønsker at vise det i widget-footeren.
Learning Phase
Mens en ny chatbot er i sin læringsfase, kan Du kontrollere hvor forsigtigt den svarer — Cautious, Balanced (anbefalet), eller Confident — i fanen Confidence på samme indstillingsside. Denne fane vises på planer, der inkluderer Improvement Agent. Se Improvement Agent-guiden for detaljer.