Come aggiungere una chat al suo sito Webflow

Webflow le dà il pieno controllo sull'aspetto del suo sito, ma un visitatore con una domanda deve comunque cercare tra le sue pagine. Una chat IA risponde dai suoi contenuti e, quando serve, passa la conversazione al suo team. Aggiungerla a Webflow richiede una riga nel codice personalizzato del sito. Questa guida mostra dove incollarla e come verificare che la chat sia online.

Passo 1: crei la chat e lasci che legga il suo sito

Si registri, crei la sua chat e inserisca l'indirizzo del suo sito Webflow. Scelga quali pagine leggere, come servizi, prezzi, spedizioni o pagine di aiuto, e aggiunga documenti se le risposte stanno nei file. La chat risponde solo da ciò che legge e mostra una fonte numerata per ogni frase. Le faccia qualche domanda vera nella chat di prova. Se una risposta manca o non è chiara, migliori la pagina in Webflow e lasci che la chat la legga di nuovo. Imposti nome, saluto e domande iniziali, e scelga un modello e il suo logo. Le pagine dietro un accesso non possono essere lette, quindi tenga le risposte che servono ai visitatori su pagine pubbliche. La chat non indica un prezzo, una data o una regola che le sue fonti non indicano.

Passo 2: copi l'embed per Webflow da “Add to your website”

Dopo la messa online, OneType mostra il suo tag script pronto da copiare. Si trova anche nella scheda “Add to your website” del suo agente, che offre Custom code, Webflow e Divhunt. Per Webflow, aggiunge la chat come embed nel codice personalizzato del sito, e i passaggi qui sotto mostrano come.

Passo 3: lo incolli nel codice personalizzato del sito

Il codice personalizzato richiede un piano di sito Webflow a pagamento. In Webflow:

  1. Apra il suo sito e vada in “Site settings”.
  2. Clicchi su “Custom code” nel menu a sinistra.
  3. Scorra fino a “Footer code” e incolli il tag script.
  4. Clicchi su “Save changes”.

La stessa riga funziona su ogni pagina del sito, quindi la incolla una sola volta. Se non è lei a modificare il sito Webflow, un link in OneType apre un'email con il frammento e le istruzioni, pronta da inviare a chi lo fa.

Passo 4: pubblichi il suo sito Webflow

Clicchi su “Publish” in alto a destra. La chat compare solo sul sito pubblicato, non nel Designer. Se prova sull'indirizzo di staging di Webflow, che termina in webflow.io, aggiunga anche quell'indirizzo esatto ai domini consentiti del suo agente, perché la chat si carica solo sui domini che consente. Il suo dominio viene aggiunto per lei quando usa il passaggio “Go live”. Chi copia il suo tag script su un altro sito non ottiene nulla.

Passo 5: verifichi che sia online e lo provi

Apra il suo sito pubblicato in una nuova scheda. Un pulsante di chat compare nell'angolo, ed entro circa un minuto OneType mostra “Live on” seguito dall'indirizzo del suo sito, ad esempio “Live on shop.example.com” nel passaggio “Go live”. Non serve aprire la chat. Se dopo dieci minuti non compare nulla, controlli che la riga sia nella pagina pubblicata, che l'indirizzo sia un dominio consentito, che nessun ad blocker o policy di sicurezza blocchi il widget e che abbia ricaricato la pagina. Poi faccia una domanda a cui le sue pagine rispondono e una a cui non rispondono. La chat dovrebbe dire di non sapere e proporre il passo successivo.

Metta un motore di risposte sul suo sito Webflow

Veda come funziona l'installazione: aggiunga la chat a qualsiasi sito, oppure inizi gratis.

Domande frequenti

In “Site settings”, sotto “Custom code”, nel riquadro “Footer code”. Lo incolla una sola volta e copre ogni pagina del sito. Il codice personalizzato richiede un piano di sito Webflow a pagamento.