Come aggiungere il chatbot IA Asyntai a Webflow

Guida passo passo per i siti web Webflow

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.

Step 2: Add Code via Site Settings (All Pages)

To add the chatbot to all pages of your Webflow site at once:

Log in to your Webflow account and select your project
Clicca sull'icona a forma di ingranaggio (Site Settings) nella barra laterale sinistra
Clicca su "Custom Code" nel menu delle impostazioni
Scorri verso il basso fino alla sezione "Footer Code" (prima del tag </body>)
Incolla il tuo codice di incorporamento Asyntai
Clicca su "Save Changes"
Publish your site for the changes to go live

Suggerimento: L'aggiunta del codice nella sezione Footer lo posiziona appena prima del tag di chiusura </body>, soluzione consigliata per i widget di chat poiché non rallenta il caricamento della pagina.

Alternativa: Codice personalizzato per pagina specifica

Se vuoi il chatbot solo su pagine specifiche:

Apri il tuo progetto nel Webflow Designer
Clicca sul pannello Pages (icona cartella) nella barra laterale sinistra
Passa il mouse sulla pagina che desideri modificare e clicca sull'icona a forma di ingranaggio
Scorri verso il basso fino a "Custom Code"
Incolla il codice di integrazione Asyntai nella sezione "Before </body> tag"
Clicca su "Save"
Pubblica il tuo sito

Alternativa: Utilizzo dell'elemento Embed

Puoi anche aggiungere il chatbot utilizzando l'elemento Embed in qualsiasi punto della tua pagina:

Apri il tuo progetto nel Webflow Designer
Click the "+" button to open the Add panel
Cerca "Embed" o trovalo nella sezione Components
Trascina l'elemento Embed sulla tua pagina
Incolla il tuo codice di incorporamento Asyntai nell'editor di codice
Clicca su "Save & Close"
Pubblica il tuo sito

Importante: Quando utilizzi l'elemento Embed, dovrai aggiungerlo a ogni pagina in cui desideri il chatbot. Per un'installazione su tutto il sito, utilizza il metodo Site Settings descritto sopra.

Passaggio 3: verifica l'installazione

Dopo aver pubblicato il tuo sito, aprilo 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.