Come aggiungere un widget agente IA al tuo sito

Il pattern è semplice: pubblichi l'agente, crei il canale Web widget, premi Save, copi lo script, lo incolli nel sito e testi dall'origin permesso.

1. 01
   Crea l'agente IA in Prostir.

   Scrivi cosa deve fare il website agent, aggiungi pagine, FAQ, docs, pricing notes, support rules e tools. Scegli il modello prima di mostrarlo ai visitatori.

2. 02
   Pubblica l'agente.

   Il website widget usa il published agent runtime. Se l'agente è ancora solo draft, l'embed script non può servire un website chatbot pubblico affidabile.

3. 03
   Apri Channels e scegli Web widget.

   Attiva lo switch Channels dell'agente e scegli Web widget. Non serve un token esterno, ma il canale resta disattivato finché i controlli runtime non passano.

4. 04
   Aggiungi allowed origins.

   Aggiungi ogni origin HTTPS esatto dove il widget può girare, come https://example.com e https://www.example.com. Prostir blocca origins esterni non elencati, così un altro sito non può riusare il tuo script.

5. 05
   Progetta il chat widget.

   Imposta position, width, height, colors, greeting text, intro text, input placeholder, launcher label e quick actions. Le prime azioni suggerite devono seguire le domande reali: pricing, booking, support, order status o product fit.

6. 06
   Premi Save.

   Save salva le impostazioni e attiva il Web widget solo se superano i controlli su pubblicazione, runtime model esplicito, switch Channels dell'agente, allowed origins, configurazione e crediti hosted o BYOK. Altrimenti resta disattivato con un errore visibile.

7. 07
   Copia l'embed script.

   Copia il widgetEmbedUrl restituito. Usa sempre lo slug pubblicato e il channel id esatto: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   Incolla lo script nel sito.

   Per un sito scritto a mano, incollalo prima di </body>. In Webflow, WordPress, Shopify, Wix, Squarespace, Framer o un altro builder, usa custom code globale, embed code o custom HTML.

9. 09
   Testa dal sito live.

   Apri il dominio permesso reale, non un preview URL a caso. Fai una domanda vera, controlla la risposta e conferma che la conversazione appaia in Channels.

Un buon website AI agent è più di una bolla di chat.

• linkallowed originsOrigins HTTPS esatti come https://example.com e https://www.example.com.
• docagent instructionsA cosa risponde il widget, cosa deve rifiutare e quando deve chiamare una persona.
• docwebsite knowledgePricing, services, FAQs, docs, policies, booking details, support rules e source pages.
• codeembed scriptLo script di una riga copiato da Prostir: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.

Apri Channels, scegli Web widget, aggiungi le origini consentite e premi Save.