Webflow 사이트에 AI 챗봇을
5분 만에 도입.
Webflow의 Site settings → Custom Code → Footer Code 기능을 사용하여 monoshiri AI 챗 위젯을 설치할 수 있습니다. SaaS·스타트업 대상의 본격 웹사이트에 AI 고객 응대를 추가할 수 있습니다.
Webflow Basic Site Plan 이상과 monoshiri.ai 계정이 필요합니다
사전 준비
Webflow 계정 (Basic Site Plan 이상)
Custom Code 기능은 Webflow Basic Site Plan($14/월) 이상에서 이용할 수 있습니다. Starter Plan(Free)에서는 Custom Code를 이용할 수 없습니다.
monoshiri.ai 계정
monoshiri AI 관리 화면에서 위젯을 발행해야 합니다. Light 플랜(월 2,980엔) 이상을 이용해 주세요.
Webflow에 AI 챗을 설치하는 절차
monoshiri.ai에서 코드 발행 → Webflow Site settings의 Footer Code에 붙여넣기 → Publish, 3단계로 완료됩니다.
monoshiri.ai에서 위젯 생성 및 임베드 코드 발행
app.monoshiri.ai에서 위젯을 생성하고, 대상 폴더(지식)와 허용 도메인에 Webflow 사이트의 공개 URL을 등록합니다. 발급된 임베드 코드(전체 script 태그)를 복사합니다.
Webflow의 Site settings → Custom Code 열기
Webflow Designer의 좌상단 「W」 아이콘 → Site settings → 「Custom Code」 탭을 선택합니다.
Footer Code에 임베드 코드 붙여넣기
「Footer Code」 입력 영역에 복사한 임베드 코드를 붙여넣고 「Save Changes」를 클릭합니다. 우상단의 「Publish」 버튼으로 사이트를 공개하면 전 페이지에 챗 위젯이 반영됩니다.
설치 후 확인
공개한 Webflow 사이트에 접속하여 우측 하단에 챗 버튼이 표시되는지 확인하세요. 표시되지 않는 경우, monoshiri AI 관리 화면의 허용 도메인에 Webflow 사이트의 공개 URL이 등록되어 있는지 확인합니다.
Webflow 연동 자주 묻는 질문
모든 사이트에 즉시 설치
WordPress 등 주요 CMS에는 공식 플러그인을 제공합니다. 그 외의 사이트도 HTML을 지원한다면 script 태그를 붙여넣는 것만으로 도입할 수 있습니다.
Webflow
사용 가능Webflow의 Site settings → Footer Code에 임베드 코드를 붙여넣기만 하면 됩니다. Basic Site Plan 이상에서 5분 설치 완료.
현재 페이지기타 사이트 (자체 구축·정적 사이트 등)
지금 가능script 태그를 설치할 수 있는 웹사이트라면 어디서든 동작합니다. 발급된 임베드 코드를 HTML에 붙여넣어 주세요.
가이드 준비 중WordPress는 WordPress Foundation, BASE는 BASE 주식회사, Shopify는 Shopify Inc.의 각 등록 상표입니다. monoshiri AI는 이들 기업과 독립적으로 개발·운영되며 공식적인 제휴·보증 관계는 없습니다.
조직과 팀의 '지식 파트너', 오늘부터 시작하시겠습니까?
무료 플랜으로 먼저 부담 없이 체험해 보세요.
월 50회 무료 / 신용카드 불필요
「Webflow」는 Webflow, Inc.의 등록 상표입니다. monoshiri AI는 Webflow와 독립적으로 개발·운영되며, Webflow, Inc.로부터 공식적인 보증·후원을 받은 것은 아닙니다.