내 Webflow 사이트에 AI 챗봇 추가하기

Webflow의 조건

Webflow에서는 유료 Site 요금제가 있는 사이트나 유료 Workspace 요금제에서 사이트 전체 사용자 지정 코드를 추가할 수 있어요. 무료 Starter 사이트에서는 안 돼요. 또 사용자 지정 코드는 Designer 캔버스가 아니라 게시된 사이트에서만 실행돼요.

코드 한 줄 받기

이메일로 가입하고 사이트의 게시 주소(커스텀 도메인, 또는 방문자가 그 주소를 쓴다면 webflow.io 주소)를 입력하세요. 처음 읽기가 끝나면 대시보드에서 코드를 복사하세요.

Webflow에서 추가하기

1. 프로젝트의 Site settings를 여세요.
2. Custom code 탭으로 가세요.
3. Footer code에 코드를 붙여 넣으세요. 모든 페이지의 닫는 </body> 태그 앞에 들어가요.
4. Save changes를 누르세요.
5. 쓰고 있는 도메인으로 사이트를 Publish하세요.
6. 게시된 사이트를 여세요. 오른쪽 아래에 채팅 버튼이 나타나고 대시보드에 연결됨이 표시돼요.

한 페이지에만 보이게 하려면 사이트 전체 푸터 대신 그 페이지의 사용자 지정 코드 설정(</body> 앞)을 쓰세요.

도메인이 두 개라면 둘 다 추가하세요

Webflow 사이트는 커스텀 도메인과 webflow.io 양쪽으로 접속되는 경우가 많아요. 채팅은 대시보드에 등록한 도메인에서만 답하고, www가 있든 없든 하나로 봐요. 스테이징 주소에서도 쓰고 싶다면 대시보드에 그 도메인을 추가하세요. 로컬 테스트라면 localhost에서도 작동해요.

Webflow 사이트에서 하는 일

링크로 찾아갈 수 있는 CMS 컬렉션 페이지를 포함해 사이트의 공개 페이지를 읽고, 매일 다시 읽어요. 새 CMS 항목이나 수정 사항이 따로 손대지 않아도 어시스턴트에 반영되죠. 그 페이지로만 방문자의 언어로 답하고, 다루지 않은 질문이면 그렇다고 말하며, 그런 질문을 목록으로 정리해 줘요.

Webflow는 SaaS, 에이전시, 서비스업 사이트에 많이 쓰여요. 이런 사이트에서는 “X와 연동되나요?”, “Pro 요금제에는 뭐가 포함돼요?”, “해지는 어떻게 하나요?”, “우리나라 고객도 받나요?” 같은 질문이 흔해요. 내 페이지에 답이 있으면 어시스턴트도 답해요. 없다면 그 질문이 목록에 올라와요.

Webflow Ecommerce에서는 내 페이지를 바탕으로 상품과 정책에 관한 질문에 답해요. Webflow 주문에는 연결되지 않으니 주문을 조회, 취소, 변경할 수는 없어요. 그런 대화는 나에게 넘어와요.

팀에게 넘기기

방문자가 사람을 찾거나 처리해야 할 일이 있으면 대화가 내 이메일로, 또는 연결해 두었다면 Slack, Discord, Telegram으로 와요. 채팅 앱에서 답하면 방문자가 자기 채팅창에서 내 답을 볼 수 있어요.

알리기 전에 먼저 점검하세요

1. 지난달 영업·고객지원 메일함에 들어온 질문을 설정 페이지의 테스트 채팅에 물어보세요.
2. 답이 빠져 있으면 방문자가 찾아볼 만한 페이지에 그 내용을 추가하고 게시하세요.
3. 다음 날 다시 읽은 뒤 한 번 더 물어보고, 대시보드에서 답하지 못한 질문 목록을 확인하세요.

답변은 온전히 내 것이에요. 어시스턴트는 내 제품, 경쟁사, 가격에 관한 외부 지식을 쓰지 않고, 게시된 내 사이트에 나와 있는 내용만 써요.