웹사이트에 AI 에이전트 위젯을 추가하는 방법

패턴은 간단합니다. 에이전트를 게시하고 웹 위젯 채널을 생성하고 저장하고 스크립트를 복사하여 사이트에 붙여넣은 다음 허용된 원본에서 테스트합니다.

1. 01
   Prostir에 AI 에이전트를 생성합니다.

   웹사이트 에이전트가 수행해야 할 작업을 작성하고 사용할 수 있는 페이지, FAQ, 문서, 가격 정보, 지원 규칙 및 도구를 추가합니다. 방문자에게 공개하기 전에 모델을 선택하세요.

2. 02
   에이전트를 게시합니다.

   웹사이트 위젯은 게시된 에이전트 런타임을 사용합니다. 에이전트가 여전히 초안 전용인 경우 포함 스크립트는 신뢰할 수 있는 공개 웹사이트 챗봇을 제공할 수 없습니다.

3. 03
   Channels를 열고 웹 위젯을 선택하세요.

   에이전트 수준의 Channels 스위치를 켜고 웹 위젯을 선택합니다. 타사 토큰은 필요하지 않지만 런타임 검사를 통과할 때까지 채널은 비활성화 상태로 유지됩니다.

4. 04
   허용되는 출처를 추가합니다.

   https://example.com 및 https://www.example.com.와 같이 위젯이 실행될 수 있는 각각의 정확한 HTTPS 원본을 추가합니다. Prostir는 목록에 없는 외부 원본을 차단하므로 다른 사이트에서 위젯 스크립트를 재사용할 수 없습니다.

5. 05
   채팅 위젯을 디자인합니다.

   위치, 너비, 높이, 색상, 인사말 텍스트, 소개 텍스트, 입력 자리 표시자, 실행기 레이블 및 빠른 작업을 설정합니다. 가격, 예약, 지원, 주문 상태, 제품 적합성 등 방문자가 실제로 묻는 질문에 가깝게 첫 번째 제안 조치를 유지하세요.

6. 06
   저장을 누르세요.

   저장은 설정을 보관하고 게시, 명시적 런타임 모델, 에이전트 Channels 스위치, allowed origins, 구성, hosted credits 또는 BYOK 검사를 모두 통과한 경우에만 웹 위젯을 활성화합니다. 그렇지 않으면 눈에 보이는 오류와 함께 비활성화 상태로 유지됩니다.

7. 07
   삽입 스크립트를 복사합니다.

   반환된 widgetEmbedUrl을 복사합니다. 게시된 slug와 정확한 channel id를 항상 사용합니다: https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}.

8. 08
   웹사이트에 스크립트를 붙여넣으세요.

   직접 코딩한 사이트의 경우 </body> 앞에 붙여넣으세요. Webflow, WordPress, Shopify, Wix, Squarespace, Framer 또는 기타 빌더에서는 사이트 전체 사용자 정의 코드, 포함 코드 또는 사용자 정의 HTML 영역을 사용합니다.

9. 09
   실제 사이트에서 테스트해 보세요.

   임의의 미리보기 URL이 아닌 실제 허용된 도메인을 엽니다. 실제 질문을 하고, 답변을 확인하고, 대화가 채널에 나타나는지 확인하세요.

좋은 웹사이트 AI 에이전트에는 런처 버블 이상의 것이 필요합니다.

• link허용된 오리진정확한 HTTPS 오리진(예: https://example.com 및 https://www.example.com).
• doc에이전트 지침위젯이 답변할 내용, 거부해야 할 내용, 사람에게 도움을 요청할 시점입니다.
• doc웹사이트 지식가격, 서비스, FAQ, 문서, 정책, 예약 세부 정보, 지원 규칙 및 참조 페이지입니다.
• codeembed scriptProstir에서 복사한 한 줄 스크립트: <script src="https://{slug}.ai.prostir.build/widget/embed.js?channelId={id}" async></script>.

채널, 웹 위젯, 허용된 출처, 저장.