WebSiteChat.ai

WebsiteChat 설정 가이드: 웹사이트에 AI 채팅 추가하기

WebsiteChat은 웹사이트의 공개 페이지를 읽고 그 내용으로 방문자 질문에 답합니다.

대부분의 CMS와 사이트 빌더에서 설정 단계는 같습니다. 사이트를 추가하고, 게시된 페이지를 크롤하고, 답변을 테스트한 뒤 위젯 코드 하나를 넣습니다.

플랫폼마다 다른 것은 그 코드를 어디에 넣는지뿐입니다.

시작하기

웹사이트에 WebsiteChat을 추가하는 방법

전체 흐름을 먼저 보고 싶다면 아래 영상을 보세요. 이어지는 글이 각 단계를 설명합니다.

설정 개요

01

WebsiteChat 로그인

02

웹사이트 추가

03

웹사이트 크롤

04

크롤 내용 확인

05

챗봇 구성

06

콘솔에서 답변 테스트

07

위젯 코드 복사

08

웹사이트에 위젯 설치

09

실제 사이트에서 확인

사이트 추가 → 크롤 → 구성 → 테스트 → 위젯 설치 → 확인

1. WebsiteChat에 로그인

WebsiteChat 콘솔에 로그인합니다. 사이드바에서 Website를 엽니다. 기존 사이트를 고르거나, 처음이면 새 사이트를 추가합니다.

2. 웹사이트 추가

방문자가 쓰는 공개 운영 URL을 입력합니다. WebsiteChat은 그 URL에서 크롤을 시작합니다.

별도의 WordPress 크롤러, Wix 커넥터, CMS API 단계는 없습니다. WebsiteChat은 게시된 사이트를 읽습니다.

3. 웹사이트 크롤

URL을 추가하면 WebsiteChat이 공개 페이지를 찾고, 쓸 수 있는 글을 추출해 답변용으로 준비합니다. 작은 사이트는 빨리 끝나고, 큰 블로그나 문서 사이트는 더 걸립니다.

WebsiteChat은 게시된 웹 페이지를 읽습니다.

CMS 초안, 미공개 편집 데이터, 관리 화면, 비공개 내용은 특정 플랫폼을 쓴다는 이유만으로 색인되지 않습니다.

4. 크롤한 내용 확인

크롤이 끝나면 Website의 페이지 목록에서 확인합니다.

  • 방문자가 실제로 묻는 서비스·제품 페이지
  • 가격을 공개했다면 가격 페이지
  • 있는 경우 연락처, 소개, 지원 페이지
  • 오래된 URL에 의존하지 않기

답변 품질은 원본 사이트를 따릅니다. 서로 다르거나 오래된 페이지는 그런 답변을 만듭니다.

5. 챗봇 구성

Chatbot → Design에서 위젯을 사이트에 맞춥니다. 현재 항목:

  • 챗봇 이름
  • 실행 아이콘
  • 테마 색
  • 말풍선 색
  • 환영 메시지
  • 위치(오른쪽 아래 또는 왼쪽 아래)

6. 콘솔에서 답변 테스트

Chatbot → Test에서 사이트가 이미 평문으로 답하는 질문을 하세요.

  • 영업시간은 언제인가요?
  • 사무실은 어디인가요?
  • 이 서비스는 얼마인가요?
  • 이 제품은 무엇을 하나요?
  • 어떻게 연락하나요?

사실 질문부터 시작하세요. 답이 틀리거나 비면, 모델 문제로 보기 전에 페이지가 크롤됐는지, 답이 사이트에 있는지, 원문이 오래됐거나 모호한지 확인하세요.

7. 위젯 코드 복사

Chatbot → Install을 엽니다. 임베드는 짧은 스크립트입니다. data-site는 사이트마다 다릅니다. 이 예시가 아니라 콘솔에서 복사하세요.

WebsiteChat 위젯 (예시)
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>

WordPress, Shopify, Wix, Studio 또는 다른 플랫폼이어도 위젯 코드는 거의 같습니다. 달라지는 것은 코드를 넣는 위치입니다.

8. 웹사이트에 위젯 설치

모든 공개 페이지가 코드를 불러오는 곳에 넣습니다. 빌더마다 그 위치가 다릅니다.

플랫폼별 설치 안내

9. 실제 웹사이트에서 확인

편집기 미리보기가 아니라 공개 URL을 확인합니다.

  • 실행 버튼이 보임
  • 채팅 창이 열림
  • 환영 메시지를 설정했다면 표시됨
  • 테스트 질문에 답이 옴
  • 데스크톱과 모바일
  • 로그아웃 또는 시크릿 세션

페이지 캐시와 CDN 캐시 때문에 처음 표시가 늦을 수 있습니다.

10. 웹사이트 내용이 바뀔 때

가격, 서비스, 시간, 정책, 문서가 바뀌면 WebsiteChat이 현재 페이지를 가지고 있는지 확인합니다.

Website에서 Refresh website로 다시 크롤합니다. 일부 요금제는 자동 재크롤도 합니다. 여기에 인용할 고정 공개 간격은 없습니다. 새로고침 후 중요한 URL이 목록에 있는지 확인하세요.

11. 자주 있는 문제

위젯이 보이지 않음

  • 코드가 저장되지 않음
  • 전역이 아닌 단일 페이지 위치에 넣음
  • 사이트가 게시되지 않음
  • 캐시나 CDN이 이전 HTML을 제공
  • 보안 또는 스크립트 최적화 설정이 차단

답이 틀리거나 불완전함

  • 관련 페이지가 크롤되지 않음
  • 답이 공개 사이트에 없음
  • 원본 페이지가 오래됨
  • 두 페이지의 내용이 다름

일부 페이지에만 위젯이 보임

코드가 부분 템플릿에 있을 수 있습니다. 사이트 전체 위치로 옮기세요. 위젯을 설치하는 위치를 보세요.

자주 묻는 질문

CMS 전용 WebsiteChat 플러그인이 필요한가요?
대부분 아닙니다. WebsiteChat은 공개 웹사이트를 읽고, 사이트에 넣을 수 있는 위젯 코드를 사용합니다.
WordPress, Wix, Studio에서 다르게 동작하나요?
핵심 흐름은 같습니다. 차이는 각 플랫폼이 위젯 코드를 어디에 넣게 하는지입니다.
모든 페이지를 크롤해야 하나요?
꼭 그렇지는 않습니다. 서비스, 가격, 정책, FAQ, 연락처처럼 방문자가 필요한 정보가 들어 있으면 됩니다.
웹사이트를 수정한 뒤에는요?
Website 화면에서 Refresh website로 공개 페이지를 다시 크롤하세요. 일부 요금제는 자동 재크롤도 합니다. 변경 후 가격과 영업시간 등 핵심 페이지가 목록에 있는지 확인하세요.
위젯 코드는 모든 페이지에서 불러와야 하나요?
사이트 어디서나 챗봇을 열 수 있게 하려면 보통 그렇습니다.

웹사이트가 직접 답하게 하세요.

페이지를 다시 만들지 않고 기존 사이트에 AI 채팅을 추가합니다.

무료로 시작 요금 보기