Slik legger du til Asyntai AI-chatbot i Tilda

Trinn-for-trinn-guide for Tilda-nettsteder

Hent innebyggingskode

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til kode på hele nettstedet ditt (anbefalt)

For å legge til chatboten på alle sider av Tilda-nettstedet ditt samtidig, bruk nettstedsinnstillinger-metoden:

  1. Logg inn på Tilda-kontoen din og åpne nettstedsredigereren
  2. Click Site Settings (gear icon) in the top menu
  3. Bla ned til seksjonen «More»
  4. Finn «HTML code for the HEAD section for all pages»
  5. Klikk på «Edit code»
  6. Lim inn Asyntai-innbyggingskoden din i tekstboksen
  7. Klikk på «Lagre»
  8. Click "Publish" to apply changes to your live site

Tips: Denne metoden legger til chatboten på alle sider på nettstedet ditt automatisk. Det er den enkleste måten å sikre at chatboten er tilgjengelig på hele nettstedet for besøkende.

Alternativ: Bruk av T123-blokk (spesifikke sider)

Hvis du bare vil legge til chatboten på spesifikke sider, kan du bruke Tildas T123 HTML-blokk:

  1. Åpne siden du vil redigere i Tilda-redigereren
  2. Klikk på «+ Add Block» eller trykk «T»
  3. I blokkbiblioteket, gå til Annet → T123 (Bygg inn HTML-kode)
  4. Alternativt kan du søke etter «T123» i søkefeltet
  5. Klikk på T123-blokken for å legge den til på siden din
  6. I blokkinnstillingene, lim inn Asyntai-innbyggingskoden din
  7. Plasser blokken hvor som helst på siden din (det påvirker ikke widget-plasseringen)
  8. Klikk på «Publish» for å publisere endringene

Merk: T123-blokken støtter HTML, JavaScript (inne i <script>-tagger) og CSS (inne i <style>-tagger). Den visuelle plasseringen av blokken spiller ingen rolle – chatboten vil vises i nedre høyre hjørne som konfigurert.

Head-seksjon per side (avansert)

For more control, you can add code to individual page head sections:

  1. Åpne siden i Tilda-redigereren
  2. Klikk på Sideinnstillinger (tannhjulikonet) i toppmenyen
  3. Gå til fanen «Additional»
  4. Finn «HTML code for the HEAD section»
  5. Lim inn Asyntai-innbyggingskoden din
  6. Klikk på «Save» og deretter «Publish»

Viktig: Når du bruker T123-blokken eller per-side-metoden, må du legge til koden på hver side der du vil at chatboten skal vises. For nettstedsomfattende installasjon, bruk nettstedsinnstillinger-metoden beskrevet i trinn 2.

Trinn 3: Bekreft installasjonen

Etter at du har publisert endringene dine, åpne nettstedet ditt i en ny nettleserfane eller inkognitovindu. Du bør se chatwidget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Forsikre deg om at du har publisert endringene dine (ikke bare lagret). Prøv å tømme nettleserbufferen eller se nettstedet ditt i et inkognitovindu. Tilda-endringer kan ta et øyeblikk å vises på det aktive nettstedet.