Prostir

Praktisk guide

Sådan tilføjer du en AI agent-widget til dit websted

Trin-for-trin artikel: hvordan man tilføjer en AI agent-widget til dit websted. Du opretter og udgiver Prostir-agenten, åbner kanaler, vælger webwidget, tilføjer den nøjagtige HTTPS-tilladte oprindelse for dit websted, style chat-widgetten, trykker på Gem, kopierer indlejringsscriptet, indsætter det på din hjemmeside og tester hjemmesidens chatbot fra livesiden.

01

Hvad du skal bruge, før du starter

  • En offentliggjort Prostir-agent med en eksplicit runtime-model til kanalen, agentens Channels-kontakt slået til og enten positive Model Usage Credits til en hosted model eller en gemt BYOK-nøgle.
  • Den nøjagtige offentlige webstedsoprindelse, hvor widgetten vil køre, for eksempel https://example.com. Brug HTTPS, inkluder det rigtige underdomæne, og indsæt ikke en sti som/pricing.
  • Adgang til din webstedsbygger, CMS, tagmanager eller HTML-skabelon, hvor du kan indsætte et lille script før </body> eller i et felt med tilpasset kode for hele webstedet.
02

Sådan tilføjes AI-agent-widgetten

Mønsteret er enkelt: udgiv agenten, opret webwidgetkanalen, gem, kopier scriptet, indsæt det på webstedet, og test derefter fra den tilladte oprindelse.

  1. 01
    Opret AI-agenten i Prostir.

    Skriv, hvad webstedsagenten skal gøre, tilføj siderne, ofte stillede spørgsmål, dokumenter, prisnoter, supportregler og værktøjer, den kan bruge. Vælg modellen, før du eksponerer den for besøgende.

  2. 02
    Udgiv agenten.

    Hjemmesidewidgetten bruger den offentliggjorte agentruntime. Hvis agenten stadig kun er udkast, kan indlejringsscriptet ikke tjene en pålidelig offentlig hjemmeside-chatbot.

  3. 03
    Åbn Channels og vælg Web-widget.

    Slå agentens Channels-kontakt til, og vælg Web-widget. Der kræves ingen tredjepartstoken, men kanalen forbliver deaktiveret, indtil runtime-kontrollerne er bestået.

  4. 04
    Tilføj tilladte oprindelser.

    Tilføj hver nøjagtig HTTPS-oprindelse, hvor widgetten kan køre, såsom https://example.com og https://www.example.com. Prostir blokerer ikke-noterede eksterne oprindelser, så et andet websted ikke kan genbruge dit widget-script.

  5. 05
    Design chat-widgetten.

    Indstil position, bredde, højde, farver, hilsentekst, introtekst, inputpladsholder, launcher-etiket og hurtige handlinger. Hold de første foreslåede handlinger tæt på det, de besøgende rent faktisk spørger om: priser, booking, support, ordrestatus eller produkttilpasning.

  6. 06
    Tryk på Gem.

    Gem lagrer indstillingerne og aktiverer kun Web-widgetten, når publicering, eksplicit runtime-model, agentens Channels-kontakt, allowed origins, konfiguration og hosted credits eller BYOK består kontrollerne. Ellers forbliver kanalen deaktiveret med en synlig fejl.

  7. 07
    Kopier indlejringsscriptet.

    Kopier den returnerede widgetEmbedUrl. Den bruger altid den publicerede slug og det præcise channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

  8. 08
    Indsæt scriptet på din hjemmeside.

    For et håndkodet websted, indsæt det før </body>. I Webflow, WordPress, Shopify, Wix, Squarespace, Framer eller en anden builder skal du bruge den tilpassede kode, indlejringskode eller det tilpassede HTML-område for hele webstedet.

  9. 09
    Test fra livesiden.

    Åbn det faktisk tilladte domæne, ikke en tilfældig forhåndsvisnings-URL. Stil et rigtigt spørgsmål, tjek svaret, og bekræft, at samtalen vises i Kanaler.

03

Hvad skal forberedes før Gem

En god hjemmeside AI-agent har brug for mere end en launcher-boble.

docagent instructionsWhat the widget should answer, what it should refuse, and when it should ask for a human.
docwebsite knowledgePricing, services, FAQs, docs, policies, booking details, support rules, and source pages.
codeembed scriptEnlinjescriptet fra Prostir: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.
04

Sidste Prostir-trin: Webwidget, Gem, script

Kanaler, Web-widget, tilladte oprindelser, Gem.

Prostir Studio

Jeg udgav min supportagent og vil have den på min hjemmeside som en AI chatbot-widget.

Åbn agenten i Prostir, gå til Channels, vælg Web-widget, og tilføj den nøjagtige HTTPS-oprindelse for dit websted.

Widgetten skal vises nederst til højre og starte med priser, booking og supportspørgsmål.

Indstil position, launcher-etiket, velkomsttekst, hurtige handlinger og farver. Tryk på Gem, og kopier derefter indlejringsscriptet.

Prostir

Web-widget er gemt. Kanalen aktiveres kun efter alle runtime-kontroller; ellers forbliver den deaktiveret med en synlig fejl.

Live

Websteds chatbot tilsluttet · indlejret script kopieret · samtaler synlige i kanaler

05

Test widgetten på hjemmesiden

  • Brug det rigtige domæne angivet i tilladte oprindelser. Hvis du tester fra en anden preview-oprindelse, kan widgetten fejle lukket af design.
  • Stil de samme spørgsmål, som et kundeemne ville stille: pris, tilgængelighed, næste trin, tilpasning, support, refusion eller implementeringstid.
  • Hvis svaret er svagt, skal du opdatere agentinstruktionerne eller viden i Prostir, udgive igen, og den indlejrede widget henter den forbedrede agent uden at genopbygge dit websted.

Hvad bliver offentliggjort

Til sidst indlæser dit websted en Prostir AI-agent gennem widget-indlejringsscriptet. Besøgende åbner chat-widgetten, stiller spørgsmål og de samme offentliggjorte agentsvar fra dens instruktioner, viden, værktøjer, model og kanalindstillinger.

Løsninger

AI-salgsagent på din hjemmeside med et tydeligt næste trin

Indlejr en kontrolleret Agent web widget, send kun sikker page context, og vis svar, tool activity, approval cards og den rigtige CTA.

Løsninger

Planlæg den første samtale på din hjemmeside

Giv os siden, typiske indvendinger og ønsket næste trin. Vi hjælper med en kontrolleret website Agent.