Hur man lägger till en AI-agentwidget på din webbplats

• En publicerad Prostir-agent med en uttrycklig runtime-modell för kanalen, agentens Channels-reglage aktiverat och antingen positiva Model Usage Credits för en hosted modell eller en sparad BYOK-nyckel.
• Det exakta offentliga platsen där widgeten kommer att köras, till exempel https://example.com. Använd HTTPS, inkludera rätt underdomän och klistra inte in en sökväg som/pricing.
• Åtkomst till din webbplatsbyggare, CMS, tagghanterare eller HTML-mall där du kan klistra in ett litet skript före </body> eller i ett webbplatsomfattande anpassat kodfält.

Mönstret är enkelt: publicera agenten, skapa webbwidgetkanalen, spara, kopiera skriptet, klistra in det på webbplatsen och testa sedan från det tillåtna ursprunget.

1. 01
   Skapa AI-agenten i Prostir.

   Skriv vad webbplatsagenten ska göra, lägg till sidor, vanliga frågor, dokument, prisanteckningar, supportregler och verktyg den kan använda. Välj modell innan du exponerar den för besökare.

2. 02
   Publicera agenten.

   Webbplatswidgeten använder den publicerade agentkörningen. Om agenten fortfarande är enbart för utkast, kan inte inbäddningsskriptet tjäna en pålitlig offentlig webbchattbot.

3. 03
   Öppna Channels och välj webbwidget.

   Aktivera agentens Channels-reglage och välj webbwidget. Ingen tredjepartstoken behövs, men kanalen förblir inaktiverad tills runtime-kontrollerna är godkända.

4. 04
   Lägg till tillåtna ursprung.

   Lägg till varje exakt HTTPS-ursprung där widgeten kan köras, såsom https://example.com och https://www.example.com. Prostir blockerar olistade externa ursprung så att en annan webbplats inte kan återanvända ditt widgetskript.

5. 05
   Designa chattwidgeten.

   Ställ in position, bredd, höjd, färger, hälsningstext, inledningstext, inmatningsplatshållare, startetikett och snabba åtgärder. Håll de första föreslagna åtgärderna nära vad besökarna faktiskt frågar: prissättning, bokning, support, orderstatus eller produktpassning.

6. 06
   Tryck på Spara.

   Spara lagrar inställningarna och aktiverar webbwidgeten endast när publicering, uttrycklig runtime-modell, agentens Channels-reglage, allowed origins, konfiguration och hosted credits eller BYOK klarar kontrollerna. Annars förblir kanalen inaktiverad med ett synligt fel.

7. 07
   Kopiera inbäddningsskriptet.

   Kopiera returnerad widgetEmbedUrl. Den använder alltid publicerad slug och exakt channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   Klistra in skriptet på din webbplats.

   För en handkodad webbplats, klistra in den före </body>. I Webflow, WordPress, Shopify, Wix, Squarespace, Framer eller någon annan byggare använder du den anpassade koden, inbäddningskoden eller det anpassade HTML-området för hela webbplatsen.

9. 09
   Testa från livesidan.

   Öppna den faktiska tillåtna domänen, inte en slumpmässig förhandsgransknings-URL. Ställ en riktig fråga, kontrollera svaret och bekräfta att konversationen visas i kanaler.

En bra webbplats AI-agent behöver mer än en startbubbla.

Kanaler, webbwidget, tillåtna ursprung, spara.

• Använd den riktiga domänen listad i tillåtna ursprung. Om du testar från ett annat förhandsgranskningsursprung kan widgeten misslyckas stängd av design.
• Ställ samma frågor som en lead skulle ställa: pris, tillgänglighet, nästa steg, passform, support, återbetalning eller implementeringstid.
• Om svaret är svagt, uppdatera agentinstruktionerna eller kunskapen i Prostir, publicera igen, och den inbäddade widgeten hämtar den förbättrade agenten utan att bygga om din webbplats.