Att lägga till en AI-chattbot på din webbplats tar några minuter. Att få bra svar kräver förberedelse. De flesta misslyckade chattbotlanseringar beror inte på tekniken: ägaren klistrade in koden, hoppade över förberedelserna, och assistenten hade sedan inget korrekt att säga. Den här guiden ger dig den ordning som fungerar, de exakta stegen för att installera widgeten på vilken sajt som helst och de tester du bör köra innan riktiga besökare ser den.
Den gäller för alla moderna chattbotprodukter. Där ett steg är specifikt för Crescelo säger vi det. Om du fortfarande funderar på om du behöver en, läs först vad en AI-webbassistent är och hur den fungerar.
Innan du börjar: det här behöver du
- Åtkomst till din webbplats kod eller inställningar. Antingen ditt CMS (WordPress, Wix, Squarespace, Webflow, Shopify) eller möjligheten att redigera HTML på dina sidor.
- Ditt företags innehåll. Prislista, tjänstebeskrivningar, villkor, öppettider och vanliga frågor, som dokument eller webbsidor.
- Ungefär en timme. Hälften går åt till att samla innehåll, hälften till att testa.
Du behöver ingen utvecklare för en vanlig installation. Om din sajt är byggd på en hostad plattform klistrar du in ett enda kodavsnitt i en inställningsruta, och de plattformsspecifika guiderna för WordPress och Webflow, Squarespace och Wix går igenom var och en.
Steg 1: Bestäm vad chattboten ska användas till
Skriv en enda mening. Till exempel: "Svara på frågor om tjänster och priser och boka konsultationer." Ett snävt uppdrag ger en bättre assistent än "gör allt". Uppdraget avgör vilket innehåll du laddar in och vilka funktioner du slår på.
| Mål | Det chattboten behöver | Funktion att aktivera |
|---|---|---|
| Svara på vanliga frågor | Vanliga frågor, priser, villkor, öppettider | Kunskapsbas |
| Boka tider | Tjänster, längder, kalender | Bokning och kalendersynk |
| Ta emot förfrågningar utanför öppettiderna | Frågor för leads, kontaktuppgifter | Leadinsamling och aviseringar |
| Stötta kunder | Hjälpartiklar, felsökningssteg | Kunskapsbas och överlämning till person |
Steg 2: Samla ihop och rensa ditt innehåll
Assistenten kan bara bli så korrekt som det den läser. Samla de dokument ditt team redan använder för att svara kunder och läs dem sedan med kritiska ögon.
- Ta bort allt som är inaktuellt: gamla priser, utgångna erbjudanden, tidigare personal.
- Se till att varje tjänst har ett tydligt namn, ett pris eller prisintervall och en beskrivning av vad som ingår.
- Beskriv villkoren tydligt: avbokning, återbetalning, handpenning, sen ankomst.
- Lägg till svaren på de tio frågor ditt team hör oftast. Om de inte står nedskrivna någonstans, skriv ner dem nu.
- Föredra flera korta dokument med tydliga rubriker framför en enorm PDF. Korta sidor är lättare att söka i med god träffsäkerhet.
Format som oftast fungerar: PDF, Word, ren text, Markdown, CSV och webbadresser. Om en sida bara är en bild, kontrollera att produkten stöder textigenkänning (OCR) eller skriv av de viktigaste fakta.
Steg 3: Skapa assistenten och lägg till ditt innehåll
I Crescelo öppnar du dashboarden, går till Kunskapsbasen och laddar upp filer, klistrar in text eller lägger till din webbadress. Systemet läser och indexerar dem, oftast inom en minut. Ställ sedan in assistentens namn, hälsning och ton under dess inställningar. Håll hälsningen kort och konkret: "Hej, jag kan svara på frågor om våra tjänster och boka en tid åt dig" fungerar bättre än "Hur kan jag hjälpa dig idag?".
Koppla en AI-leverantör om din plan kräver det. Med en egen nyckel klistrar du in leverantörens API-nyckel en gång och betalar leverantören direkt; guiden om att välja vilken AI-modell du ska koppla förklarar alternativen. För att prova först räcker den kostnadsfria motorn för testning.
Steg 4: Testa innan du publicerar
Använd testytan i produkten, inte din skarpa sajt. Ställ frågor så som riktiga kunder gör.
- Dina tio vanligaste frågor, med olika formuleringar, med stavfel och på slang.
- En fråga som inte finns i ditt innehåll. Assistenten ska säga att den inte vet och erbjuda en person eller ett formulär.
- En begäran om något du inte erbjuder, till exempel rabatt. Den ska inte lova det.
- En bokning från början till slut, inklusive en tid som redan är tagen.
- En begäran om att få prata med en person.
Åtgärda varje misslyckande genom att ändra innehållet, inte assistentens inställningar. Om den svarade fel, hitta källavsnittet och rätta det. Om den inte kunde svara, lägg till det saknade svaret i dina dokument.
Steg 5: Installera widgeten på din webbplats
Installationen är ett enda kodavsnitt, oftast en `script`-tagg. Var du klistrar in det beror på din plattform.
WordPress
Använd ett tillägg som låter dig lägga till kod i sidfoten, eller klistra in avsnittet i temats sidfot via temaredigeraren. Alla steg finns i installationsguiden för WordPress.
Wix, Squarespace och Webflow
Alla har ett område för "egen kod" eller "kodinjektion" i webbplatsinställningarna. Klistra in avsnittet i rutan för sidfot eller "före den avslutande body-taggen" och publicera. Detaljer finns i guiden för webbplatsbyggare.
Shopify och andra plattformar
Lägg till avsnittet i temats huvudlayoutfil strax före den avslutande body-taggen. Många plattformar har en inställning för "skript" eller "sidhuvud och sidfot" som gör samma sak utan att du redigerar filer.
En webbplats med egen kod
Klistra in avsnittet i HTML:en på varje sida där du vill ha chatten, strax före den avslutande body-taggen, eller i en gemensam layoutfil så att den syns överallt.
När du har publicerat, öppna din skarpa sajt i ett privat fönster och töm cachen om chatten inte visas. Annonsblockerare och cookiebanners kan också dölja den under testningen.
Steg 6: Kontrollera den på riktiga enheter
- Öppna sajten på en telefon. Chattfönstret ska passa skärmen, gå att scrolla och inte täcka dina knappar för uppmaning till handling.
- Kontrollera sidans hastighet före och efter. En välbyggd widget laddas utan att blockera din sida. Se vår anteckning om prestanda för inbäddade chattwidgetar.
- Prova chatten med skärmläsare eller bara tangentbord, om tillgänglighet är viktigt för dig. Tillgänglighetsguiden för chattbotar listar vad du ska kontrollera.
- Skicka dig själv en testbokning och ett testlead och bekräfta att mejlen kommer fram.
Steg 7: Var ärlig mot besökarna
Säg att det är en AI-assistent, länka till din integritetspolicy och erbjud ett sätt att nå en person. Det är god praxis och på många håll ett lagkrav. Om du har besökare i Europa eller Kalifornien, gå igenom GDPR-checklistan för webbplatschattbotar.
Steg 8: Håll den korrekt efter lanseringen
Lanseringen är bara början. Lägg in en veckovis genomgång på tio minuter i kalendern. Läs samtalen, anteckna varje fråga assistenten inte kunde svara på och lägg till svaren i din kunskapsbas. Uppdatera innehållet varje gång priser, öppettider eller villkor ändras. Rutinen beskrivs i hur du granskar din chattbots samtal varje vecka.
Vanliga misstag att undvika
- Att klistra in koden utan att ladda in något innehåll.
- Att ladda in allt, även föråldrade sidor, utan att läsa det.
- Att aldrig testa frågor som innehållet inte kan besvara.
- Att gömma möjligheten att nå en människa.
- Att placera chatten så att den täcker viktiga knappar på mobilen.
- Att glömma uppdatera innehållet efter en prisändring.
- Att mäta framgång i antal chattar i stället för bokningar och leads.
Bubbla, helsida eller inbäddad: välj hur besökarna möter chatten
De flesta chattbotar kan visas på tre sätt, och rätt val beror på uppgiften.
| Format | Vad det är | Passar bäst för |
|---|---|---|
| Flytande bubbla | En liten knapp i hörnet som öppnar ett chattfönster | Allmänna frågor på vilken sida som helst; standardvalet för de flesta sajter |
| Inbäddad chatt | Chatten sitter inne på en sida, till exempel en kontakt- eller bokningssida | Sidor där chatten är huvudhandlingen |
| Värdad helsidschatt | En fristående sida på leverantörens domän eller din egen | Länkar från sociala medier, e-postsignaturer och QR-koder |
En bubbla är enklast att börja med. När den fungerar kan du lägga till en helsidelänk i din Instagram-bio, e-postsignatur och Google Business-profil, så att besökare därifrån hamnar direkt i samtalet. Crescelo erbjuder den flytande bubblan, en inbäddad ram och värdade företagssidor, som beskrivs på sidan om webbwidgeten.
Vad det kostar att lägga till en chattbot
Själva installationen är gratis. Det du betalar för är produkten. Räkna med en månadsprenumeration som skalar med antalet samtal, antalet assistenter och mängden innehåll du lagrar. Ovanpå det kommer AI-användningen, antingen inbakad eller fakturerad direkt till dig. Som referens kostar Cresceloplanen Starter 49 $ i månaden för en assistent och 100 chattsessioner, och planen Growth på 149 $ lägger till tidsbokning och kalendersynk. Se prissidan för aktuella siffror. Ett bra sätt att bedöma värdet är att jämföra månadskostnaden med värdet av en extra bokning i månaden; vår ROI-beräkning visar hur.
Vad du ska mäta de första 30 dagarna
- Påbörjade samtal och hur många som nådde ett användbart svar.
- Bokningar och leads som skapats från chatten.
- Obesvarade frågor, som visar vad ditt innehåll saknar.
- Begäranden om överlämning, som visar var en person behövs.
- Avhopp, alltså var besökare slutar svara. Vår guide till att följa avhopp i chattflödet förklarar stegen.
Bedöm inte första veckan på volym. En lugn chatt som konverterar är bättre än en livlig som inte gör det. Efter en månad har du tillräckligt många samtal för att se mönster, och de största förbättringarna kommer oftast av att lägga till tio saknade svar i kunskapsbasen.
Grunderna för säkerhet och åtkomst
- Håll dina API-nycklar privata och lagra dem bara i produktens inställningar, aldrig i sidkod.
- Ge teammedlemmar egna inloggningar och slå på tvåstegsverifiering för kontot som styr assistenten.
- Begränsa vilka domäner widgeten får laddas på, om din produkt erbjuder det.
- Fråga leverantören hur samtal lagras, hur länge de sparas och hur du raderar dem.
Mer om hur du skyddar kontot finns i att ställa in teamåtkomst och tvåstegsverifiering.
Tillgänglighet och inkludering
Ett chattfönster är en del av din webbplats, så det ska fungera för dem som använder tangentbord, skärmläsare eller förstoring. Kontrollera att chatten kan öppnas och stängas med tangentbordet, att meddelanden läses upp för skärmläsare, att texten har tillräcklig kontrast och att inget bara förlitar sig på färg. Riktlinjerna Web Content Accessibility Guidelines är standardreferensen. Vår checklista för tillgängliga chattbotar gör dem till praktiska kontroller.
Vanliga frågor
Hur lång tid tar det att lägga till en AI-chattbot på en webbplats?
Installationen tar några minuter. Det som tar tid är att förbereda och testa innehållet, vanligtvis en till två timmar för ett litet företag.
Behöver jag en utvecklare?
Inte för en vanlig sajt. Du klistrar in ett kodavsnitt i sajtens inställningar eller sidfot. En utvecklare behövs bara för ovanliga egenbyggda lösningar.
Gör en chattbot min webbplats långsammare?
En välbyggd widget laddas efter din sida och tillför lite vikt. Kontrollera sidans hastighet före och efter och välj en produkt som laddar sitt skript asynkront.
Kan jag lägga till en chattbot i WordPress, Wix, Squarespace eller Shopify?
Ja. Alla har en plats där du klistrar in ett kodavsnitt. Guiderna som länkas ovan går igenom varje plattform.
Vilket innehåll ska jag ge chattboten?
Dina tjänster, priser, villkor, öppettider och vanliga frågor, i korta, tydliga dokument. Ta bort allt inaktuellt först.
Hur hindrar jag chattboten från att ge fel svar?
Förankra den i ditt eget innehåll, testa den med frågor som ditt innehåll inte besvarar och granska samtalen varje vecka för att täppa till luckor.
Är en chattbot gratis?
Vissa produkter har gratisnivåer eller provperioder. Kostnaderna kommer oftast från plattformsprenumerationen och AI-användningen. Se respektive produkts prissida för aktuella uppgifter.
När du är redo, prova den på dina egna dokument i playground och starta sedan en gratis provperiod för att lägga den på din sajt.
Läs mer
- Google Search Central: skapa användbart innehåll för människor: Vad Google letar efter på användbara sidor.
SVARA ALLA BESÖKARE. BOKA DEM SOM ÄR REDO.
Lägg in Crescelo på din webbplats på 15 minuter
Träna din assistent på dina prislistor, dokument och tjänstevillkor. Aktivera välgrundade svar dygnet runt och bokning av tider direkt i chatten utan krockar.