Hoe u een AI-agentwidget aan uw website toevoegt

• Een gepubliceerde Prostir-agent met een expliciet runtime-model voor het kanaal, de Channels-schakelaar op agentniveau aan en positieve Model Usage Credits voor een hosted model of een opgeslagen BYOK-sleutel.
• De exacte oorsprong van de openbare site waar de widget wordt uitgevoerd, bijvoorbeeld https://example.com. Gebruik HTTPS, neem het juiste subdomein op en plak geen pad zoals/pricing.
• Toegang tot uw websitebouwer, CMS, tagmanager of HTML-sjabloon waar u een klein script vóór </body> of in een aangepast codeveld voor de hele site kunt plakken.

Het patroon is eenvoudig: publiceer de agent, maak het webwidgetkanaal, sla op, kopieer het script, plak het in de site en test vervolgens vanaf de toegestane oorsprong.

1. 01
   Maak de AI-agent in Prostir.

   Schrijf op wat de websiteagent moet doen, voeg de pagina's, veelgestelde vragen, documenten, prijsopmerkingen, ondersteuningsregels en tools toe die hij kan gebruiken. Kies het model voordat u het aan bezoekers blootstelt.

2. 02
   Publiceer de agent.

   De websitewidget gebruikt de gepubliceerde agentruntime. Als de agent nog steeds alleen een concept heeft, kan het insluitscript geen betrouwbare chatbot op een openbare website bedienen.

3. 03
   Open Channels en kies Webwidget.

   Zet de Channels-schakelaar van de agent aan en kies Webwidget. Er is geen token van derden nodig, maar het kanaal blijft uitgeschakeld totdat de runtime-controles slagen.

4. 04
   Toegestane oorsprong toevoegen.

   Voeg elke exacte HTTPS-oorsprong toe waar de widget kan worden uitgevoerd, zoals https://example.com en https://www.example.com. Prostir blokkeert niet-vermelde externe oorsprong, zodat een andere site uw widgetscript niet kan hergebruiken.

5. 05
   Ontwerp de chatwidget.

   Stel positie, breedte, hoogte, kleuren, begroetingstekst, introtekst, tijdelijke aanduiding voor invoer, opstartlabel en snelle acties in. Houd de eerste voorgestelde acties dicht bij wat bezoekers daadwerkelijk vragen: prijzen, boeken, ondersteuning, bestelstatus of productgeschiktheid.

6. 06
   Druk op Opslaan.

   Opslaan bewaart de instellingen en schakelt de Webwidget alleen in wanneer publicatie, expliciet runtime-model, Channels-schakelaar van de agent, allowed origins, configuratie en hosted credits of BYOK de controles doorstaan. Anders blijft het kanaal uitgeschakeld met een zichtbare fout.

7. 07
   Kopieer het insluitscript.

   Kopieer de geretourneerde widgetEmbedUrl. Deze gebruikt altijd de gepubliceerde slug en exacte channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   Plak het script op uw website.

   Voor een met de hand gecodeerde site plakt u deze vóór </body>. Gebruik in Webflow, WordPress, Shopify, Wix, Squarespace, Framer of een andere builder de aangepaste code voor de hele site, de insluitcode of het aangepaste HTML-gebied.

9. 09
   Test vanaf de live site.

   Open het feitelijk toegestane domein, niet een willekeurige voorbeeld-URL. Stel een echte vraag, controleer het antwoord en bevestig dat het gesprek in Kanalen verschijnt.

Een goede website-AI-agent heeft meer nodig dan een launcher-bubbel.

Kanalen, Webwidget, toegestane oorsprong, Opslaan.

• Gebruik het echte domein vermeld in toegestane oorsprong. Als u test vanuit een andere voorbeeldoorsprong, kan het zijn dat de widget vanwege het ontwerp niet wordt gesloten.
• Stel dezelfde vragen die een lead zou stellen: prijs, beschikbaarheid, volgende stap, pasvorm, ondersteuning, terugbetaling of implementatietijd.
• Als het antwoord zwak is, update dan de agentinstructies of kennis in Prostir, publiceer opnieuw en de ingebedde widget pikt de verbeterde agent op zonder uw website opnieuw op te bouwen.