Hur du lägger till Asyntai AI-chattbot i Tilda

Steg-för-steg-guide för Tilda-webbplatser

Hämta inbäddningskod

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod på hela din webbplats (rekommenderas)

För att lägga till chattboten på alla sidor på din Tilda-webbplats på en gång, använd metoden Webbplatsinställningar:

  1. Log in to your Tilda account and open your site editor
  2. Click Site Settings (gear icon) in the top menu
  3. Scrolla ner till avsnittet "More"
  4. Find "HTML code for the HEAD section for all pages"
  5. Klicka på "Edit code"
  6. Klistra in din Asyntai-inbäddningskod i textrutan
  7. Klicka på "Spara"
  8. Click "Publish" to apply changes to your live site

Tips: Den här metoden lägger till chattboten på varje sida på din webbplats automatiskt. Det är det enklaste sättet att säkerställa att chattboten är tillgänglig för alla dina besökare.

Alternativ: Använda T123-block (specifika sidor)

Om du bara vill lägga till chattboten på specifika sidor kan du använda Tildas T123 HTML-block:

  1. Öppna sidan du vill redigera i Tilda-redigeraren
  2. Click "+ Add Block" or press "T"
  3. I Blockbiblioteket, gå till Övrigt → T123 (Bädda in HTML-kod)
  4. Alternativt, sök efter "T123" i sökfältet
  5. Klicka på T123-blocket för att lägga till det på din sida
  6. I blockinställningarna, klistra in din Asyntai-inbäddningskod
  7. Placera blocket var som helst på din sida (det påverkar inte widgetens placering)
  8. Klicka på "Publish" för att publicera ändringarna

Obs! T123-blocket stöder HTML, JavaScript (inuti <script>-taggar) och CSS (inuti <style>-taggar). Den visuella placeringen av blocket spelar ingen roll – chattboten visas i det nedre högra hörnet som konfigurerat.

Head-avsnittet per sida (avancerat)

För mer kontroll kan du lägga till kod i enskilda sidors head-avsnitt:

  1. Öppna sidan i Tilda-redigeraren
  2. Click Page Settings (gear icon) in the top menu
  3. Gå till fliken "Additional"
  4. Hitta \"HTML-kod för HEAD-avsnittet\"
  5. Klistra in din Asyntai-inbäddningskod
  6. Klicka på "Save" och sedan "Publish"

Viktigt: När du använder T123-blocket eller metoden per sida behöver du lägga till koden på varje sida där du vill att chatboten ska visas. För installation på hela webbplatsen, använd metoden Site Settings som beskrivs i steg 2.

Steg 3: Verifiera installationen

Efter att du har publicerat dina ändringar, öppna din webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du publicerat dina ändringar (inte bara sparat). Prova att rensa webbläsarens cache eller visa din webbplats i ett inkognitofönster. Tilda-ändringar kan ta en stund att visas på den live-satta webbplatsen.