Slik legger du til Asyntai AI-chatbot i Tilda

Trinn-for-trinn-guide for Tilda-nettsteder

Plattform:

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:

Logg inn på Tilda-kontoen din og åpne nettstedsredigereren
Klikk på Sideinnstillinger (tannhjulikonet) i toppmenyen
Bla ned til seksjonen «More»
Finn «HTML code for the HEAD section for all pages»
Klikk på «Edit code»
Lim inn Asyntai-innbyggingskoden din i tekstboksen
Klikk på «Lagre»
Klikk på «Publish» for å publisere endringene

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:

Åpne siden du vil redigere i Tilda-redigereren
Klikk på «+ Add Block» eller trykk «T»
I blokkbiblioteket, gå til Annet → T123 (Bygg inn HTML-kode)
Alternativt kan du søke etter «T123» i søkefeltet
Klikk på T123-blokken for å legge den til på siden din
I blokkinnstillingene, lim inn Asyntai-innbyggingskoden din
Plasser blokken hvor som helst på siden din (det påvirker ikke widget-plasseringen)
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 mer kontroll kan du legge til koden i de enkelte sideoppsett-seksjonene:

Åpne siden i Tilda-redigereren
Klikk på Sideinnstillinger (tannhjulikonet) i toppmenyen
Gå til fanen «Additional»
Finn «HTML code for the HEAD section»
Lim inn Asyntai-innbyggingskoden din
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.