Slik legger du til Asyntai AI-chatbot i Tilda
Trinn-for-trinn-guide for Tilda-nettsteder
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
- Click Site Settings (gear icon) in the top menu
- 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»
- 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:
- Å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 more control, you can add code to individual page head sections:
- Å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.
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.
Weebly