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
Clicca su Site Settings (icona dell'ingranaggio) nel menu in alto
Scorri verso il basso fino alla sezione "More"
Trova \"HTML code for the HEAD section for all pages\"
Clicca su "Edit code"
Incolla il codice di incorporamento Asyntai nella casella di testo
Clicca su "Save"
Clicca su "Publish" per applicare le modifiche al tuo sito live

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:

Apri la pagina che vuoi modificare nell'Tilda editor
Clicca su "+ Add Block" o premi "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
Nelle impostazioni del blocco, incolla il tuo codice di integrazione Asyntai
Posiziona il blocco ovunque sulla tua pagina (non influisce sulla posizione del widget)
Clicca su "Publish" per rendere le modifiche attive

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)

Per un maggiore controllo, puoi aggiungere il codice alle sezioni head delle singole pagine:

Apri la pagina nell'editor Tilda
Clicca su Page Settings (icona dell'ingranaggio) nel menu in alto
Vai alla scheda "Additional"
Trova "HTML code for the HEAD section"
Incolla il tuo codice di incorporamento Asyntai
Clicca su "Save" e poi su "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.