Hvordan installere agenten på en Tilda-nettside
Steg for steg: hvor du setter inn widgetkoden i Tilda, hvordan du kobler den til handlekurven, hva du gjør med hurtigbufferen, og hvordan du sjekker at agenten fungerer på alle sider.
Tilda er det vanligste scenariet blant våre butikker: fine nettsider og varer, men ingen til å svare på spørsmål. Installasjonen tar fem minutter og krever ingen programmerer.
Trinn 1. Kopier koden#
I kontrollpanelet åpner du “Widget og lenke” og klikker “Kopier kode”. Dette er en enkelt linje som ser slik ut: <script src="…" async></script>.
Trinn 2. Lim den inn i Tilda#
- I Tildas kontrollpanel åpner du det aktuelle prosjektet.
- Klikk “Nettstedinnstillinger”.
- Gå til seksjonen “Mer” → “HTML-kode for innsetting i head/body”.
- Lim inn koden i feltet HTML-kode for body (ikke i head).
- Lagre.
Deretter kommer et obligatorisk trinn mange glemmer: publiser alle sidene på nytt. Tilda bruker koden ved publisering, så widgeten vil ikke vises på upubliserte sider. I sidelisten finnes det en knapp for å publisere alle samtidig.
Hvis du limer inn koden i head-feltet, vil widgeten også lastes, men senere og med risiko for konflikter. Riktig plassering er body.
Trinn 3. Koble til handlekurven#
Hvis du har en Tilda-butikk med egen handlekurv, trenger du ikke å aktivere betaling i chatten. I stedet angir du en lenke til handlekurven i butikkinnstillingene: dette er vanligvis adressen til handlekurvsiden på nettstedet ditt. Agenten vil lede kunden dit, og fullføringen av kjøpet vil følge den vanlige prosessen.
Hvis det ikke er noen handlekurv og varer selges “på forespørsel”, aktiver betaling i chatten – da forblir hele prosessen innenfor samtalen. Detaljer finner du i artikkelen Betaling i chat.
Trinn 4. Samle katalog#
I innstillingene angir du nettstedets adresse og starter analysen. Gjennomgangen leser Tilda-produktkort, inkludert priser, egenskaper og bilder, og identifiserer samtidig butikkens valuta.
Hvis varene dine ikke er i Tilda-katalogen, men beskrevet i blokker på sidene, vil gjennomgangen likevel finne priser og navn, men produktkortene blir grovere. I dette tilfellet hjelper CSV-import fra “Katalog” – Tilda kan eksportere varer til en fil.
Agenten forteller ikke om varen – den leder deg til den#
Dette er punktet hvor chatten slutter å være bare en chat. Kunden spør “hva har dere for under tre tusen”, og agenten svarer ikke med et tekstavsnitt, men med kort: bilde, navn, pris, knapp. Et klikk åpner den aktuelle produktsiden på nettstedet ditt – i samme vindu, uten ny fane og uten tap av kontekst.
Deretter befinner kunden seg i Tildas velkjente salgstrakt: ditt produktkort, din “Kjøp”-knapp, din handlekurv. Agenten ledet, butikken solgte.
En annen ting man vanligvis ikke forventer: agenten ser hvilken side kunden leser akkurat nå. Den henter produktdata fra siden – navn, varenummer, pris – og forstår spørsmålet i kontekst. En person står på produktkortet for en blå lenestol og skriver “har dere puter til den?” – agenten vet hvilken lenestol det er snakk om, og foreslår det som faktisk passer.
Lenken til produktet fungerer også der det ikke finnes et nettsted: hvis produktkortet kom fra et innlegg på Instagram eller TikTok, vil knappen åpne det opprinnelige innlegget. Katalogen er samlet fra ulike steder, men leder alltid dit hvor man kan kjøpe.
- Åpne nettstedet i inkognitomodus. Chat-knappen skal vises i nedre høyre hjørne etter ett til to sekunder.
- Still et spørsmål om et produkt – agenten skal vise et produktkort.
- Spør om levering – svaret skal stemme overens med dine betingelser.
- Sjekk på mobil: på mobilversjonen skal knappen ikke overlappe Tilda-handlekurven.
Hvis knappen overlapper noe viktig, endrer du posisjonen til venstre i seksjonen “Widget og lenke”.
Chat i stil med nettstedet#
Tilda-nettsteder kan være både lyse og markert mørke, derfor har widgeten tre temamoduser: lys, mørk og “som hos besøkende”. Den siste tilpasser seg brukerens enhetsinnstillinger og er standard.
Hvis nettstedet ditt er utformet i én stil, velger du den samme temaet permanent – chatten vil da ikke skille seg ut som en lapp i hjørnet. Aksentfargen forblir din i alle temaer.
Trinn 5. Sjekk#
Vanlige problemer#
Widgeten vises ikke. Ni av ti ganger er sidene ikke publisert på nytt etter at koden ble limt inn. Publiser på nytt og oppdater siden med tømming av hurtigbufferen.
Widgeten er ikke synlig på alle sider. Koden er ikke limt inn i nettstedinnstillingene, men i en separat T123-blokk på én side. Flytt den til “Nettstedinnstillinger” → “Mer”.
Knappen vises med forsinkelse. Dette er normalt: skriptet lastes asynkront, etter hovedinnholdet, for ikke å bremse ned siden.
Konflikt med en annen chat. To chatter i samme hjørne overlapper hverandre. Behold én eller plasser dem på forskjellige sider.
Ofte stilte spørsmål#
Kreves det et betalt Tilda-abonnement#
Koden limes inn i nettstedinnstillingene, noe som er tilgjengelig på betalte Tilda-abonnementer. På gratisabonnement støttes ikke innsetting av egendefinert kode – da bruker du en lenke til agenten og plasserer den som en knapp på siden.
Vil widgeten bremse ned nettstedet#
Nei. Skriptet veier lite og lastes asynkront, selve chatvinduet lastes kun ved klikk på knappen. Dette påvirker ikke Tilda-sidens lastetid.
Kan agenten plasseres kun på én side#
Ja, lim inn koden ikke i nettstedinnstillingene, men i blokken “T123 HTML” på den aktuelle siden. Dette gjøres for eksempel for en landingsside for ett produkt.
Fungerer dette med Tilda Store#
Ja. Agenten leser produktkort og handlekurven, og overlater fullføringen av kjøpet til Tilda-butikken: kunden går til din handlekurv med det valgte produktet.
Hvordan fjerne widgeten fra nettstedet#
Slett koden i nettstedinnstillingene og publiser sidene på nytt. Data og dialoger beholdes, og lenken til agenten vil fortsatt fungere.
