HemDokumentation

Chatbotguiden

Chatbotguiden vägleder er genom att skapa en fullständigt konfigurerad AI-chatbot i 8 enkla steg.

Endast Steg 1 (Grundläggande) och Steg 8 (Sammanfattning) är obligatoriska — varje annat steg har en Hoppa över-knapp. Från Steg 5 (Widgetdesign) och framåt visas en liveförhandsvisning av er widget bredvid formuläret.

Steg 1: Grundläggande (Obligatoriskt)

Börja från en mall

Längst upp i Steg 1 kan ni välja en mall som förfyller guiden med optimerade inställningar — persona, tonalitet, välkomst- och fallback-meddelanden samt beteendealternativ. Ni kan fortfarande justera allt i följande steg.

MallBäst för
BlankBörja från början
SupportKundservice & helpdesk
SalesLeadgenerering & försäljning
OnboardingVägleda nya användare & kunder
CorporateProfessionell & formell ton

Blank-mallen är alltid tillgänglig. De förkonfigurerade mallarna är tillgängliga på betalda planer — guiden visar vilken plan som låser upp dem.

Namn & Beskrivning

Konfigurera de grundläggande inställningarna för er chatbot:

FältBeskrivningExempel
NameVisningsnamn för er chatbot"Support Assistant"
DescriptionIntern beskrivning för ert team"Hanterar kundförfrågningar för vår SaaS-produkt"

Chatbotens namn visas för besökare i chattwidgetens header.

Steg 2: Persona

Definiera er chatbots personlighet och bakgrund:

FältBeskrivningExempel
Use Persona NameVäxla om boten ska presentera sig med namnOn/Off
Persona NameNamnet som boten presenterar sig som (om aktiverat)"Alex"
RoleRollen som boten spelar"Customer Success Manager"
BackgroundKontext om botens expertis"5 years experience helping customers with technical issues"

Anonymt läge

Om ni inaktiverar Use Persona Name, kommer chatboten inte att presentera sig med ett namn. Istället för "Hello! I'm Alex, your customer service specialist." kommer den helt enkelt säga "Hello! How can I help you?". Fältet för personanamn döljas när denna växling är av.

En väl definierad persona gör konversationer mer naturliga och hjälper AI:n att hålla en konsekvent ton. Använd anonymt läge om ni föredrar en mer neutral chatbotupplevelse.

Kommunikationsstil

Välj en fördefinierad kommunikationsstil som sätter den övergripande tonen för er chatbot:

StilBäst för
Professional & Modern (Standard)Byråer, teknikföretag, B2B
Exclusive & DistinguishedSkönhetskliniker, advokatbyråer, lyxhotell
Warm & WelcomingFamiljeföretag, restauranger, vårdpraktiker
Cool & CasualTatueringsstudior, trendiga bistros, startups
CustomAnvänder era egna Core Instructions istället för en förinställning

Varje stil lägger till detaljerade promptinstruktioner med lämplig ton, frasering och exempel.

Steg 3: Tonalitet

Finjustera er chatbots kommunikationsstil med reglage (skala 1–5):

InställningLåg (1)Hög (5)
FormalityInformell, vänligFormell, professionell
HumorAllvarlig, inga skämtLekfull, kvick
VerbosityKortfattad, koncisDetaljerad, grundlig
EmpathyFaktabetonad, direktVarm, förstående
ProactivityEndast reaktivFöslog nästa steg

Steg 4: Språk

Konfigurera språkstöd:

  • Primary Language: Huvudspråk för svar (välj mellan English, German, French, Spanish, Italian, eller Portuguese)
  • Supported Languages: Ytterligare språk som er bot kan förstå och svara på
  • Technical Level: Ett reglage från Simple till Technical som bestämmer hur tekniskt botens språk ska vara

ChatReact stöder alla 24 officiella EU-språk.

Tilltalsform

Definiera hur chatboten ska tilltala webbplatsbesökare:

InställningBeskrivningExempel
Formal (Sie/Vous)Artig form för professionell/affärskommunikation"How may I assist you?" (Tyska: "Wie kann ich Ihnen helfen?")
Informal (Du/Tu)Personligt tilltal för mer avslappnad kommunikation"How can I help you?" (Tyska: "Wie kann ich dir helfen?")

Tilltalsformen används endast i språk som har en formell/informell distinktion (t.ex. tyska, franska, spanska). På engelska och liknande språk gäller inte denna inställning.

Widgeten upptäcker automatiskt besökarens webbläsarspråk och svarar på lämpligt språk.

Steg 5: Widgetdesign

Anpassa utseendet på er chattwidget:

Position

  • Bottom Right (standard)
  • Bottom Left
  • Inline (Embedded) — Widgeten visas där embed-skriptet placeras, alltid öppen, ingen bubbla, ingen stängningsknapp. Idealisk för dedikerade chattsidor eller supportsidor.

Färger

Välj ett Color Theme:

TemaBeskrivning
DefaultChatReact:s standardfärgschema
CompanyAnvänder ert företags varumärkesfärger (tillgängligt när de är inställda i Company Settings)
CustomLåser upp individuella färgväljare

När Custom är valt kan ni justera:

InställningBeskrivning
Primary ColorHuvudaccentfärg (knappar, headers)
Secondary ColorGradient och hover-tillstånd
Background ColorChattfönstrets bakgrund
Text ColorFärgen på meddelandetexten

Avancerade färginställningar

Expandera de avancerade alternativen för mer detaljerad kontroll:

InställningBeskrivning
Visitor MessagesBakgrunds- och textfärg för besökarens meddelandebubblor
Bot MessagesBakgrunds- och textfärg för botens meddelandebubblor
Header Text ColorTextfärg i widgetens header

Varje avancerad färg kan återställas till automatisk, i vilket fall ChatReact väljer en kontrast-säker färg åt er.

Dimensioner

  • Border Radius: Avrundade hörn (0–32px)
  • Widget Width: Chattfönstrets bredd
  • Widget Height: Chattfönstrets höjd

Varumärke

  • Use Company Logo: Visa ert företags logotyp i widgetens header. Kräver Professional-planen eller högre; logotypen laddas upp i Company Settings.
  • Header Title: Text i widgetens header
  • Header Subtitle: Sekundär text i headern. Om ni lämnar detta tomt visar widgeten en lokaliserad standardundertitel. Efter skapande kan ni dölja undertiteln helt genom att rensa detta fält i widgetinställningarna.

Varje designalternativ kan ändras efter skapande, och ytterligare inställningar (såsom en anpassad logotyp-URL och chattbubbelns text) finns där också. Se Widget Customization för fullständig referens.

Steg 6: Beteende

Konfigurera automatiska beteenden:

InställningBeskrivning
Welcome MessageFörsta meddelandet som visas när chatten öppnas
Fallback MessageSvar när boten inte kan svara
Proactive GreetingHälsar besökare automatiskt
Proactive DelayVäntetid innan hälsning (1–10 sekunder)
Auto OpenÖppnar widgeten automatiskt
Auto Open DelayVäntetid innan öppning (1–15 sekunder)
Sound EnabledSpela upp ett notisljud när boten svarar
Typing IndicatorVisa skrivanimation

Förchattformulär

Samla in besökarinformation innan chatten börjar:

  1. Aktivera Pre-Chat Form
  2. Lägg till fält (Text, Email, Phone, Textarea)
  3. Markera nödvändiga fält som "Required" vid behov

Efter skapande kan ni klicka Translate with AI i chatbotens beteendeinställningar för att automatiskt översätta alla fältetiketter och platshållare till era stödda språk.

Inlärningsfas

Skip Learning Phase: Aktivera detta för att starta er chatbot med fullt förtroende från dag ett — inga försiktiga svar. En varning påminner er att säkerställa att er kunskapsbas är väl förberedd innan ni går live.

Om inlärningsfasen är aktiv kan ni bestämma hur chatboten beter sig när den är osäker på svar:

LägeBeskrivning
CautiousBoten är återhållsam och hänvisar aktivt till e-postöverföring när den är osäker. Lägger proaktivt till osäkerhetsfraser.
Balanced (Standard, markerad "Recommended")Normala svar. Visar endast osäkerhet när användaren ifrågasätter noggrannhet.
ConfidentSvarar som i normal drift. Inlärningsfasen samlar endast in feedback utan att ändra svarsbeteende.

Additional Learning Phase Instruction: Valfri fritext för särskilda instruktioner under inlärningsfasen, t.ex. "Always refer pricing questions to the team."

Inlärningsfasens läge går också att konfigurera i chatbotinställningarna efter skapande.

Live Chat

Låt besökare prata med mänskliga supportagenter i realtid (kräver Professional-planen eller högre):

  1. Slå på Enable Live Chat
  2. Välj ett Live Chat Mode:
LägeBeskrivning
Handoff OnlyAI-boten hanterar konversationer och överlämnar till människor vid behov
StandaloneDirekt mänsklig chatt, separat från AI-boten
BothAI-bot med överlämning plus fristående mänsklig chatt

Läs mer i Live Chat guide.

På white-label-planer visar Steg 6 även en Branding-sektion med en växling för att visa eller dölja "Powered by ChatReact"-badgen i widgeten.

Steg 7: Restriktioner & Efterlevnad

Ställ in regler och begränsningar:

Blockerade ämnen

Ämnen som er chatbot bör undvika att diskutera:

  • Konkurrenters produkter
  • Juridisk rådgivning
  • Prisförhandlingar

Bästa praxis för efterlevnad

Välj bland åtta branschstandardregeluppsättningar:

  • No legal advice — rekommenderar att konsultera en juridisk professionell (förvalt)
  • No binding commitments — ger aldrig bindande löften om pris, rabatter eller leverans (förvalt)
  • Refer to human support — erbjuder att koppla till mänsklig support för känsliga eller komplexa ärenden (förvalt)
  • No internal information — lämnar inte ut intern företagsinformation eller konfidentiella detaljer
  • No competitor information — delar inte information om konkurrenter eller gör jämförelser
  • No medical advice — rekommenderar att konsultera en vårdprofessionell
  • No financial advice — ger aldrig finansiell eller investeringsrådgivning
  • Data privacy — hanterar personuppgifter varsamt och frågar inte efter onödig information

Core Instructions

Anpassade regler för er chatbot, hanterade som en lista:

  • Lägg till, redigera eller ta bort individuella instruktioner
  • Aktivera eller inaktivera varje instruktion utan att radera den
  • Klicka Improve with AI för att få era instruktioner automatiskt förfinade

Exempel på instruktioner:

  • "Always recommend scheduling a demo for complex questions"
  • "Never share customer data or internal metrics"
  • "Refer pricing questions to the sales team"

Core Instructions har högsta prioritet och inkluderas alltid i varje chattsvar.

Efter skapande stöder Core Instructions-redigeraren i chatbotinställningarna textformatering och klickbara länkar (webb, e-post och telefonnummer).

Svarslängdsbegränsningar & Överlämning

  • Max Response Length: Teckenbegränsning för svar (100–2000 tecken)
  • Human Handoff Trigger: Beskriv med egna ord när boten ska överlämna chatten till en människa, t.ex. "For product complaints or refund requests"
  • Human Handoff Email: E-postadress som boten hänvisar besökare till vid överlämning till människa

Steg 8: Sammanfattning (Obligatoriskt)

Granska alla inställningar innan ni skapar er chatbot:

  • Verifiera alla konfigurationer
  • Förhandsgranska widgetdesignen
  • Klicka Create Chatbot för att slutföra

Efter skapande

När ni klickar Create Chatbot tas ni direkt till guiden Set up your knowledge base, som fyller er chatbots kunskapsbas i tre snabba steg:

  1. Scan website — Ange er webbplats-URL; ChatReact upptäcker sidor automatiskt och låter er välja vilka som ska importeras
  2. Upload documents — Lägg till PDF-, DOCX-, TXT-, MD-, CSV- eller JSON-filer
  3. Done — Fortsätt till er instrumentpanel

Båda innehållsstegen kan hoppas över — ni kan alltid lägga till kunskap senare. Se Knowledge Base guide för detaljer.

Därifrån kan ni:

  1. Test - Använd förhandsgranskningsfunktionen för att testa konversationer
  2. Embed - Lägg till widgeten på er webbplats
  3. Iterate - Justera inställningar baserat på feedback

Nästa steg