Comment ajouter un widget d'agent IA à ton site

• Un agent Prostir publié avec un channel runtime model explicite, le switch Channels de l'agent activé et des Model Usage Credits positifs pour un modèle hébergé ou une clé BYOK enregistrée.
• 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.

   Active le switch Channels de l'agent et choisis Web widget. Aucun token externe n'est requis, mais le canal reste désactivé tant que les contrôles runtime ne passent pas.

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 enregistre les réglages et active le Web widget seulement si les contrôles de publication, runtime model explicite, switch Channels de l'agent, allowed origins, configuration et crédits hébergés ou BYOK passent. Sinon, il reste désactivé avec une erreur visible.

7. 07
   Copie l'embed script.

   Copie le widgetEmbedUrl renvoyé. Il utilise toujours le slug publié et le channel id exact : https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

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.