Comment ajouter un widget d'agent IA à ton site

• Un agent Prostir publié avec instructions, knowledge, tools et modèle choisi.
• L'origin public exact où le widget tournera, par exemple https://example.com. Utilise HTTPS, le bon subdomain, et ne colle pas un path comme /pricing.
• Un accès au website builder, CMS, tag manager ou template HTML où tu peux coller un petit script avant </body> ou dans un champ custom code global.

Le pattern est simple : tu publies l'agent, tu crées le canal Web widget, tu cliques Save, tu copies le script, tu le colles sur le site et tu testes depuis l'origin autorisé.

1. 01
   Crée l'agent IA dans Prostir.

   Écris ce que le website agent doit faire, ajoute pages, FAQ, docs, pricing notes, support rules et tools. Choisis le modèle avant de l'exposer aux visiteurs.

2. 02
   Publie l'agent.

   Le website widget utilise le published agent runtime. Si l'agent reste seulement en draft, l'embed script ne peut pas servir un website chatbot public fiable.

3. 03
   Ouvre Channels et choisis Web widget.

   Dans l'agent, ouvre Channels, choisis Web widget et garde le canal enabled. Le website widget ne demande aucun token externe.

4. 04
   Ajoute les allowed origins.

   Ajoute chaque origin HTTPS exact où le widget peut tourner, comme https://example.com et https://www.example.com. Prostir bloque les origins externes non listés pour qu'un autre site ne réutilise pas ton script.

5. 05
   Règle le chat widget.

   Définis position, width, height, colors, greeting text, intro text, input placeholder, launcher label et quick actions. Les premières actions doivent coller aux vraies questions : pricing, booking, support, order status ou product fit.

6. 06
   Clique Save.

   Save crée ou met à jour le canal Web widget. Prostir garde ensemble allowed origins, design, channel model settings et conversation routing.

7. 07
   Copie l'embed script.

   Copie le widget embed script depuis Prostir. Il pointe vers la surface publique typed de l'agent publié et peut contenir un channel id si tu as plusieurs widgets.

8. 08
   Colle le script sur ton site.

   Pour un site codé à la main, colle-le avant </body>. Dans Webflow, WordPress, Shopify, Wix, Squarespace, Framer ou un autre builder, utilise custom code global, embed code ou custom HTML.

9. 09
   Teste depuis le site en ligne.

   Ouvre le vrai domaine autorisé, pas un preview URL au hasard. Pose une vraie question, vérifie la réponse et confirme que la conversation apparaît dans Channels.

Un bon website AI agent est plus qu'une bulle de chat.

Channels, Web widget, allowed origins, Save.

• Utilise le vrai domaine listé dans allowed origins. Si tu testes depuis un autre preview origin, le widget peut fail closed par design.
• Pose les questions qu'un lead poserait : price, availability, next step, fit, support, refund ou implementation time.
• Si la réponse est faible, mets à jour instructions ou knowledge dans Prostir, publie à nouveau, et l'embedded widget prendra l'agent amélioré sans rebuild du site.