Prostir

Praktisk veiledning

Slik legger du til en AI-agentwidget på nettstedet ditt

Trinn-for-trinn-artikkel: hvordan legge til en AI-agentwidget på nettstedet ditt. Du oppretter og publiserer Prostir-agenten, åpner kanaler, velger Web-widget, legger til den nøyaktige HTTPS-tillatte opprinnelsen for nettstedet ditt, stiler chat-widgeten, trykker på Lagre, kopierer det innebygde skriptet, limer det inn på nettstedet ditt og tester nettstedets chatbot fra live-siden.

01

Hva du trenger før du starter

  • En publisert Prostir-agent med en eksplisitt runtime-modell for kanalen, agentens Channels-bryter slått på og enten positive Model Usage Credits for en hosted modell eller en lagret BYOK-nøkkel.
  • Den eksakte opprinnelsen til offentlig nettsted hvor widgeten skal kjøres, for eksempel https://example.com. Bruk HTTPS, inkluder riktig underdomene, og ikke lim inn en bane som/pricing.
  • Tilgang til nettstedbyggeren, CMS, tag manager eller HTML-mal der du kan lime inn et lite skript før </body> eller i et felt med tilpasset kode for hele nettstedet.
02

Slik legger du til AI-agentwidgeten

Mønsteret er enkelt: publiser agenten, lag nettwidgetkanalen, lagre, kopier skriptet, lim det inn på nettstedet, og test deretter fra den tillatte opprinnelsen.

  1. 01
    Opprett AI-agenten i Prostir.

    Skriv hva nettstedagenten skal gjøre, legg til sidene, vanlige spørsmål, dokumenter, prisnotater, støtteregler og verktøy den kan bruke. Velg modellen før du eksponerer den for besøkende.

  2. 02
    Publiser agenten.

    Nettsted-widgeten bruker den publiserte agentens kjøretid. Hvis agenten fortsatt er kun for utkast, kan ikke innebyggingsskriptet tjene en pålitelig offentlig chatbot på nettstedet.

  3. 03
    Åpne Channels og velg Web-widget.

    Slå på agentens Channels-bryter og velg Web-widget. Ingen tredjepartstoken er nødvendig, men kanalen forblir deaktivert til runtime-kontrollene er bestått.

  4. 04
    Legg til tillatte opprinnelser.

    Legg til hver eksakte HTTPS-opprinnelse der widgeten kan kjøre, slik som https://example.com og https://www.example.com. Prostir blokkerer uoppførte eksterne opprinnelser slik at et annet nettsted ikke kan gjenbruke widget-skriptet ditt.

  5. 05
    Design chat-widgeten.

    Angi posisjon, bredde, høyde, farger, hilsentekst, introtekst, inndataplassholder, startetikett og raske handlinger. Hold de første foreslåtte handlingene nær det besøkende faktisk spør: priser, bestilling, støtte, bestillingsstatus eller produkttilpasning.

  6. 06
    Trykk Lagre.

    Lagre lagrer innstillingene og aktiverer Web-widgeten bare når publisering, eksplisitt runtime-modell, agentens Channels-bryter, allowed origins, konfigurasjon og hosted credits eller BYOK består kontrollene. Ellers forblir kanalen deaktivert med en synlig feil.

  7. 07
    Kopier embed-skriptet.

    Kopier returnert widgetEmbedUrl. Den bruker alltid publisert slug og nøyaktig channel id: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

  8. 08
    Lim inn skriptet på nettstedet ditt.

    For et håndkodet nettsted, lim det inn før </body>. I Webflow, WordPress, Shopify, Wix, Squarespace, Framer eller en annen byggherre, bruk den tilpassede koden, innebygde koden eller det tilpassede HTML-området for hele nettstedet.

  9. 09
    Test fra live-siden.

    Åpne det faktiske tillatte domenet, ikke en tilfeldig forhåndsvisnings-URL. Still et ekte spørsmål, sjekk svaret og bekreft at samtalen vises i kanaler.

03

Hva du skal forberede før du lagrer

En god nettside AI-agent trenger mer enn en lanseringsboble.

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 scriptEnlinjeskriptet fra Prostir: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.
04

Siste Prostir-trinn: Web-widget, Lagre, skript

Kanaler, nettwidget, tillatt opprinnelse, Lagre.

Prostir Studio

Jeg publiserte støtteagenten min og vil ha den på nettstedet mitt som en AI chatbot-widget.

Åpne agenten i Prostir, gå til Channels, velg Web-widget, og legg til den nøyaktige HTTPS-opprinnelsen for nettstedet ditt.

Widgeten skal vises nederst til høyre og begynne med priser, bestilling og støttespørsmål.

Angi posisjon, lanseringsetikett, hilsentekst, raske handlinger og farger. Trykk på Lagre, og kopier deretter innbyggingsskriptet.

Prostir

Web-widget lagret. Kanalen aktiveres først etter alle runtime-kontroller; ellers forblir den deaktivert med en synlig feil.

Live

Nettsted chatbot koblet til · bygge inn skript kopiert · samtaler synlige i kanaler

05

Test widgeten på nettstedet

  • Bruk det virkelige domenet oppført i tillatt opprinnelse. Hvis du tester fra en annen forhåndsvisningsopprinnelse, kan widgeten mislykkes lukket av design.
  • Still de samme spørsmålene som en potensiell kunde ville stille: pris, tilgjengelighet, neste trinn, tilpasning, støtte, refusjon eller implementeringstid.
  • Hvis svaret er svakt, oppdater agentinstruksjonene eller kunnskapen i Prostir, publiser på nytt, og den innebygde widgeten plukker opp den forbedrede agenten uten å gjenoppbygge nettstedet ditt.

Hva blir publisert

Mot slutten laster nettstedet ditt en Prostir AI-agent gjennom widget-embed-skriptet. Besøkende åpner chat-widgeten, stiller spørsmål og de samme publiserte agentsvarene fra dens instruksjoner, kunnskap, verktøy, modell og kanalinnstillinger.

Løsninger

AI-salgsagent på nettsiden din med et tydelig neste trinn

Bygg inn en kontrollert Agent web widget, send bare trygg page context og vis svar, tool activity, approval cards og riktig CTA.

Løsninger

Planlegg den første samtalen på nettstedet

Gi oss siden, typiske innvendinger og ønsket neste trinn. Vi hjelper med en kontrollert website Agent.