Come aggiungere il chatbot IA Asyntai a Tilda

Guida passo passo per i siti web Tilda

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

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

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: Aggiungi il codice all'intero sito (consigliato)

Per aggiungere il chatbot a tutte le pagine del tuo sito Tilda contemporaneamente, utilizza il metodo Site Settings:

Accedi al tuo account Tilda e apri l'editor del sito
Click Site Settings (gear icon) in the top menu
Scorri verso il basso fino alla sezione "More"
Find "HTML code for the HEAD section for all pages"
Clicca su "Edit code"
Incolla il codice di integrazione Asyntai nella casella di testo
Clicca su "Save"
Click "Publish" to apply changes to your live site

Suggerimento: Questo metodo aggiunge automaticamente il chatbot a ogni pagina del tuo sito. È il modo più semplice per garantire che il chatbot sia disponibile su tutto il sito per i tuoi visitatori.

Alternativa: Utilizzo del blocco T123 (pagine specifiche)

Se desideri aggiungere il chatbot solo a pagine specifiche, puoi utilizzare il blocco HTML T123 di Tilda:

Open the page you want to edit in the Tilda editor
Click "+ Add Block" or press "T"
Nella libreria dei blocchi, vai su Other → T123 (Embed HTML Code)
In alternativa, cerca "T123" nella barra di ricerca
Clicca sul blocco T123 per aggiungerlo alla tua pagina
In the block settings, paste your Asyntai embed code
Posiziona il blocco ovunque sulla tua pagina (non influisce sulla posizione del widget)
Click "Publish" to make the changes live

Nota: Il blocco T123 supporta HTML, JavaScript (all'interno dei tag <script>) e CSS (all'interno dei tag <style>). La posizione visiva del blocco non ha importanza: il chatbot apparirà nell'angolo in basso a destra come configurato.

Sezione Head per singola pagina (avanzato)

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

Apri la pagina nell'editor Tilda
Click Page Settings (gear icon) in the top menu
Vai alla scheda "Additional"
Trova "HTML code for the HEAD section"
Incolla il tuo codice di incorporamento Asyntai
Click "Save" and then "Publish"

Importante: Quando utilizzi il blocco T123 o il metodo per singola pagina, dovrai aggiungere il codice a ogni pagina in cui desideri che il chatbot appaia. Per un'installazione su tutto il sito, utilizza il metodo Site Settings descritto nel passaggio 2.

Passaggio 3: verifica l'installazione

Dopo aver pubblicato le modifiche, apri il tuo sito web in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget di chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.