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.
| Mall | Bäst för |
|---|---|
| Blank | Börja från början |
| Support | Kundservice & helpdesk |
| Sales | Leadgenerering & försäljning |
| Onboarding | Vägleda nya användare & kunder |
| Corporate | Professionell & 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ält | Beskrivning | Exempel |
|---|---|---|
| Name | Visningsnamn för er chatbot | "Support Assistant" |
| Description | Intern 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ält | Beskrivning | Exempel |
|---|---|---|
| Use Persona Name | Växla om boten ska presentera sig med namn | On/Off |
| Persona Name | Namnet som boten presenterar sig som (om aktiverat) | "Alex" |
| Role | Rollen som boten spelar | "Customer Success Manager" |
| Background | Kontext 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:
| Stil | Bäst för |
|---|---|
| Professional & Modern (Standard) | Byråer, teknikföretag, B2B |
| Exclusive & Distinguished | Skönhetskliniker, advokatbyråer, lyxhotell |
| Warm & Welcoming | Familjeföretag, restauranger, vårdpraktiker |
| Cool & Casual | Tatueringsstudior, trendiga bistros, startups |
| Custom | Anvä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ällning | Låg (1) | Hög (5) |
|---|---|---|
| Formality | Informell, vänlig | Formell, professionell |
| Humor | Allvarlig, inga skämt | Lekfull, kvick |
| Verbosity | Kortfattad, koncis | Detaljerad, grundlig |
| Empathy | Faktabetonad, direkt | Varm, förstående |
| Proactivity | Endast reaktiv | Fö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ällning | Beskrivning | Exempel |
|---|---|---|
| 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:
| Tema | Beskrivning |
|---|---|
| Default | ChatReact:s standardfärgschema |
| Company | Använder ert företags varumärkesfärger (tillgängligt när de är inställda i Company Settings) |
| Custom | Låser upp individuella färgväljare |
När Custom är valt kan ni justera:
| Inställning | Beskrivning |
|---|---|
| Primary Color | Huvudaccentfärg (knappar, headers) |
| Secondary Color | Gradient och hover-tillstånd |
| Background Color | Chattfönstrets bakgrund |
| Text Color | Färgen på meddelandetexten |
Avancerade färginställningar
Expandera de avancerade alternativen för mer detaljerad kontroll:
| Inställning | Beskrivning |
|---|---|
| Visitor Messages | Bakgrunds- och textfärg för besökarens meddelandebubblor |
| Bot Messages | Bakgrunds- och textfärg för botens meddelandebubblor |
| Header Text Color | Textfä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ällning | Beskrivning |
|---|---|
| Welcome Message | Första meddelandet som visas när chatten öppnas |
| Fallback Message | Svar när boten inte kan svara |
| Proactive Greeting | Hälsar besökare automatiskt |
| Proactive Delay | Väntetid innan hälsning (1–10 sekunder) |
| Auto Open | Öppnar widgeten automatiskt |
| Auto Open Delay | Väntetid innan öppning (1–15 sekunder) |
| Sound Enabled | Spela upp ett notisljud när boten svarar |
| Typing Indicator | Visa skrivanimation |
Förchattformulär
Samla in besökarinformation innan chatten börjar:
- Aktivera Pre-Chat Form
- Lägg till fält (Text, Email, Phone, Textarea)
- 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äge | Beskrivning |
|---|---|
| Cautious | Boten ä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. |
| Confident | Svarar 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):
- Slå på Enable Live Chat
- Välj ett Live Chat Mode:
| Läge | Beskrivning |
|---|---|
| Handoff Only | AI-boten hanterar konversationer och överlämnar till människor vid behov |
| Standalone | Direkt mänsklig chatt, separat från AI-boten |
| Both | AI-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:
- Scan website — Ange er webbplats-URL; ChatReact upptäcker sidor automatiskt och låter er välja vilka som ska importeras
- Upload documents — Lägg till PDF-, DOCX-, TXT-, MD-, CSV- eller JSON-filer
- 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:
- Test - Använd förhandsgranskningsfunktionen för att testa konversationer
- Embed - Lägg till widgeten på er webbplats
- Iterate - Justera inställningar baserat på feedback