Webflow

Usa la pagina Canali → Incorporamento nel sito web → Widget di chat del tuo agente per copiare il codice di incorporamento generato completo. Contiene lo script di bootstrap e del widget con il tuo ID agente e l'URL corrente del widget. Non usare un URL di script copiato da un esempio più vecchio.

La guida al codice personalizzato di Webflow indica che il codice personalizzato di sito o di pagina richiede un Workspace Core, Growth, Agency o Freelancer, oppure un sito con un piano Site attivo. Deve aggiungerlo un Site manager o un Designer. Controlla il piano e gli accessi del tuo sito prima di iniziare.

Aggiungere il widget a tutto il sito

1. In Agentkit, attiva Widget di chat su Canali → Incorporamento nel sito web e copia entrambi i tag script generati.
2. In Webflow, apri Site settings → Custom code.
3. Incolla il codice completo in Footer code, prima del tag di chiusura </body>. Non aggiungere una seconda copia alle singole pagine.
4. Salva le modifiche, poi pubblica sul dominio che vuoi testare.
5. Apri una pagina pubblicata e invia una domanda la cui risposta hai già verificato con una fonte approvata. Conferma che il widget si carichi e che la risposta sia corretta.

Footer code si applica all'intero sito. Webflow consente gli script anche in Head code, ma la sua guida consiglia di posizionare gli script prima di </body> quando possibile. Usa il codice generato da Agentkit invece di modificarne l'URL o l'ID. Per i controlli generali di incorporamento, consulta la guida all'incorporamento sul sito web.

Aggiungere il widget a una sola pagina

Se il widget deve comparire su una sola pagina, non inserirlo in Site settings. Nel Designer di Webflow, apri Page settings → Custom code → Before </body> tag di quella pagina, incolla entrambi i tag script generati, salva e pubblica. Webflow inserisce il codice di pagina dopo il codice dell'intero sito, quindi aggiungere lo stesso widget in entrambi i punti lo caricherebbe due volte.

Testare il sito pubblicato

Webflow indica che il codice personalizzato può essere eseguito nell'anteprima del Designer, ma le modifiche non raggiungono i visitatori finché non pubblichi. Testa prima il dominio di staging pubblicato *.webflow.io se il tuo flusso di lavoro lo consente, poi il dominio personalizzato che intendi usare. Se hai restrizioni di dominio, consenti ogni dominio che testi effettivamente.

Se il widget manca, controlla che Widget di chat sia attivo in Agentkit, che il codice completo compaia nel sorgente della pagina pubblicata, che l'URL dello script si carichi nel browser e che tu abbia pubblicato il dominio Webflow previsto. Se il campo del codice non è disponibile, controlla il tuo Workspace o piano Site di Webflow e il tuo ruolo rispetto alle regole di accesso attuali di Webflow. Se il widget compare ma una risposta fallisce, controlla le fonti e le restrizioni di dominio dell'agente.

Per un pannello di chat all'interno di una sezione della pagina invece di una bolla fluttuante, attiva il canale Iframe separato e segui la guida iframe.