Så här installerar du agenten på Tilda
Steg för steg: var du klistrar in widgetkoden i Tilda, hur du kopplar den till varukorgen, vad du ska göra med cachen och hur du kontrollerar att agenten fungerar på alla sidor.
Tilda är det vanligaste fallet bland våra butiker: en snygg webbplats, produkter finns, men ingen kan svara på frågor. Installationen tar fem minuter och kräver ingen programmerare.
Steg 1. Kopiera koden#
I kontrollpanelen öppnar du “Widget och länk” och klickar på “Kopiera kod”. Detta är en enda rad som ser ut som <script src="…" async></script>.
Steg 2. Klistra in den i Tilda#
- I ditt personliga Tilda-konto öppnar du det önskade projektet.
- Klicka på “Webbplatsinställningar”.
- Gå till avsnittet “Mer” → “HTML-kod för inbäddning i head/body”.
- Klistra in koden i fältet HTML-kod för body (inte i head).
- Spara.
Nästa obligatoriska steg, som ofta glöms bort: publicera alla sidor igen. Tilda tillämpar koden vid publicering, så widgeten kommer inte att synas på opublicerade sidor. I sidlistan finns en knapp för att publicera alla samtidigt.
Om koden klistras in i fältet för head kommer widgeten också att laddas, men senare och med risk för konflikter. Rätt plats är body.
Steg 3. Koppla till varukorgen#
Om du har en Tilda-butik med egen varukorg behöver du inte aktivera betalning i chatten. Ange istället en länk till varukorgen i butiksinställningarna: detta är vanligtvis adressen till din webbplats varukorgssida. Agenten kommer att leda kunden dit, och köpet kommer att slutföras på det vanliga sättet.
Om det inte finns någon varukorg och produkter säljs “på begäran”, aktivera betalning i chatten – då stannar hela processen inom konversationen. Detaljer finns i artikeln Betalning i chatten.
Steg 4. Samla in katalogen#
I inställningarna anger du webbplatsadressen och startar analysen. Crawlern läser Tildas produktkort, inklusive priser, egenskaper och foton, och identifierar samtidigt butikens valuta.
Om dina produkter inte finns i Tildas katalog utan beskrivs i block på sidorna, kommer crawlern ändå att hitta priser och namn, men produktkorten blir mindre detaljerade. I detta fall hjälper CSV-import från “Katalog” – Tilda kan exportera produkter till en fil.
Agenten berättar inte om produkten – den leder till den#
Detta är punkten där chatten slutar vara bara en chatt. Kunden frågar “vad har ni för upp till tre tusen”, och agenten svarar inte med ett textstycke, utan med produktkort: foto, namn, pris, knapp. Ett klick öppnar den specifika produktsidan på din webbplats – i samma fönster, utan en ny flik och utan att förlora sammanhanget.
Därefter hamnar personen i Tildas vanliga försäljningstratt: ditt produktkort, din “Köp”-knapp, din varukorg. Agenten ledde dit, butiken sålde.
Det andra som man vanligtvis inte förväntar sig: agenten ser vilken sida kunden läser just nu. Den hämtar produktmarkeringen från sidan – namn, artikelnummer, pris – och förstår frågan i sitt sammanhang. En person står på produktkortet för en blå fåtölj och skriver “finns det kuddar till den?” – agenten vet vilken fåtölj det handlar om och föreslår det som verkligen passar.
Produktlänken fungerar även där det inte finns någon webbplats: om produktkortet kom från ett inlägg på Instagram eller TikTok, kommer knappen att öppna det ursprungliga inlägget. Katalogen är samlad från olika platser, men leder alltid dit där man kan köpa.
- Öppna webbplatsen i inkognitoläge. Chattknappen ska visas i det nedre högra hörnet efter en eller två sekunder.
- Ställ en fråga om en produkt – agenten ska visa ett produktkort.
- Fråga om leverans – svaret ska stämma överens med dina villkor.
- Kontrollera telefonen: på mobilversionen ska knappen inte täcka Tildas varukorg.
Om knappen täcker något viktigt, ändra dess position till vänster i avsnittet “Widget och länk”.
Chatt i ton med webbplatsen#
Tilda-webbplatser kan vara både ljusa och utpräglat mörka, därför har widgeten tre temalägen: ljust, mörkt och “som hos besökaren”. Det sistnämnda anpassar sig efter personens enhetsinställningar och är standard.
Om din webbplats är gjord i en viss stil, ställ in samma tema permanent – chatten kommer då inte att sticka ut som en lapp i hörnet. Accentfärgen förblir din i alla teman.
Steg 5. Kontrollera#
Vanliga problem#
Widgeten dök inte upp. Nio gånger av tio har sidorna inte publicerats om efter att koden klistrats in. Publicera igen och uppdatera sidan med rensad cache.
Widgeten syns inte på alla sidor. Koden har inte klistrats in i webbplatsinställningarna, utan i ett separat T123-block på en sida. Flytta den till “Webbplatsinställningar” → “Mer”.
Knappen visas med fördröjning. Detta är normalt: skriptet laddas asynkront, efter huvudinnehållet, för att inte sakta ner sidan.
Konflikt med en annan chatt. Två chattar i samma hörn överlappar varandra. Behåll en eller placera dem på olika sidor.
Vanliga frågor#
Behövs en betald Tilda-plan#
Koden klistras in i webbplatsinställningarna, vilket är tillgängligt på Tildas betalda planer. På den kostnadsfria planen stöds inte inbäddning av anpassad kod – använd då en länk till agenten och placera den som en knapp på sidan.
Kommer widgeten att sakta ner webbplatsen#
Nej. Skriptet väger lite och laddas asynkront, själva chattfönstret laddas bara när knappen klickas. Detta påverkar inte Tilda-sidans laddningshastighet.
Kan agenten placeras på bara en sida#
Ja, klistra in koden inte i webbplatsinställningarna, utan i blocket “T123 HTML” på den önskade sidan. Detta görs till exempel för en landningssida för en enskild produkt.
Fungerar detta med Tilda Store#
Ja. Agenten läser produktkort och varukorgen, och lämnar slutförandet till Tilda-butiken: kunden går till din varukorg med den valda produkten.
Hur man tar bort widgeten från webbplatsen#
Ta bort kodraden i webbplatsinställningarna och publicera om sidorna. Data och dialoger sparas, och länken till agenten kommer att fortsätta fungera.