웹플로우 AI 챗봇

Webflow 사이트의 모든 방문자에게 답합니다. 코드로 완벽하게 제어하면서.

사이트의 사용자 지정 코드에 스니펫 하나를 붙여 넣고 게시하세요. 페이지와 문서로 학습한 채팅 버블이 방문자에게 답하고, 간단한 JavaScript API로 직접 만든 버튼에서 채팅을 열 수 있습니다.

무료로 에이전트 만들기
  • 무료 플랜에서도 사용 가능
  • 푸터 코드에 스니펫 하나
  • JavaScript API

예시: 소프트웨어 회사의 Webflow 사이트 방문자가 스프레드시트에서 데이터를 가져올 수 있는지 묻습니다. 에이전트는 문서를 바탕으로 답하고 ‘가져오기 가이드 읽기’ 버튼을 보여 줍니다.

다음 기업의 팀들이 사용하고 있습니다

문서를 대화로. 사이트의 모든 페이지에서.

방문자는 문서를 뒤지기보다 바로 답을 원합니다. 에이전트는 페이지, 요금, 고객센터 내용을 모두 알고 있어 몇 초 만에 답합니다.

  • 질문에 답합니다

    기능, 요금, 설정 방법, 각종 정책을 페이지와 문서에서 바로 찾아 답합니다.

  • 버튼을 보여 줍니다

    채팅 속 버튼으로 방문자를 예약, 요금, 결제 페이지로 안내합니다.

  • 리드를 수집합니다

    이름, 이메일 등 원하는 정보를 한 번에 하나씩 질문해 수집하고 리드 메뉴에 저장합니다.

  • 데모를 예약합니다

    빈 시간을 확인해 구글 캘린더에 예약을 잡습니다.

  • 내 사이트에 맞게 연동됩니다

    직접 작성한 코드로 채팅을 열고, 숨기고, 다시 표시할 수 있으며, 로그인한 사용자가 누구인지도 알려 줄 수 있습니다.

  • 고객의 언어로 대화합니다

    같은 지식을 바탕으로, 고객마다 각자 쓰는 언어로 답합니다.

붙여 넣고 게시하세요. 스니펫 하나로 모든 페이지에.

  1. 1

    스니펫 복사하기

    Easy-Peasy.AI에서 에이전트를 열고 ‘채널’ > ‘채팅 버블’로 이동한 뒤 ‘관리’를 클릭해 설치 스니펫을 복사하세요.

  2. 2

    푸터 코드에 붙여 넣기

    Webflow에서 ‘사이트 설정(Site settings)’을 열고 ‘사용자 지정 코드(Custom code)’ 탭의 ‘푸터 코드(Footer code)’에 스니펫을 붙여 넣은 뒤 ‘변경 사항 저장’을 클릭하세요.

  3. 3

    게시

    사용자 지정 코드는 게시해야 반영됩니다. ‘게시’를 클릭하고 실제 사이트를 열어 보세요.

Webflow 설정 가이드 읽기

푸터 코드에 설치 스니펫이 들어간 Webflow의 사용자 지정 코드 설정과, 게시하면 반영된다는 안내입니다.

코드로 채팅을 제어하세요. 플러그인 없이 몇 줄이면 됩니다.

직접 만든 버튼으로 채팅을 열고, 결제 페이지에서는 숨기고, 로그인한 사용자가 누구인지 에이전트에게 알려 주세요. 채팅이 로드되기 전에 한 호출은 대기했다가 준비되면 실행됩니다.

  • 어떤 버튼에서든 open(), close(), toggle() 호출
  • 방문자가 페이지를 이동할 때 hide(), show() 사용
  • setContact()로 대화에 방문자 정보 표시
  • 대화마다 채팅이 시작된 페이지 표시

버튼으로 채팅을 열고 로그인한 방문자의 이름과 이메일을 전달하는 코드와, 그 옆에 해당 방문자 정보와 대화가 시작된 페이지가 표시된 대화입니다.

알아 두면 좋은 점. Webflow 이용 안내를 쉬운 말로 정리했습니다.

무료 플랜 포함
웹사이트 채팅은 무료 플랜을 포함한 모든 플랜에서 사용할 수 있습니다. 버튼이나 예약 같은 액션은 유료 플랜이 필요합니다.
Webflow 요금제
사용자 지정 코드는 Webflow 유료 사이트 요금제에서 작동하며, 게시하면 반영됩니다.
한 페이지에만
한 페이지에만 채팅을 표시하려면, 대신 해당 페이지 설정의 ‘Before </body> tag’에 스니펫을 붙여 넣으세요.
사이트 속도에 영향 없음
채팅 버블은 바로 나타나고, 채팅 자체는 페이지 로딩이 끝난 뒤에 불러옵니다.
변경 사항은 자동 반영
외관 메뉴에서 채팅 버블의 모양이나 인사말을 바꾸면, 새 코드 없이 1분 정도 안에 사이트에 반영됩니다.
로그인 인증이 아닌 표시용 정보
setContact()로 전달한 정보는 대화를 구분하는 표시일 뿐 인증되지 않습니다. 따라서 에이전트가 무엇을 공유해도 되는지 판단하는 데 사용하지 마세요.

고객들의 생생한 후기. G2, Capterra, Trustpilot에서 그대로 가져왔습니다.

Easy-Peasy.AI is an incredible chatbot platform! It’s user-friendly, intelligent, and provides accurate and helpful responses. I’m amazed by its capabilities and how it adapts to my needs.

Nermin S.★★★★★Capterra

“The intuitive interface without needing any technical expertise. Use runs fast and the results are highly accurate. Plus, the affordable pricing plans make powerful AI accessible even for individuals and small businesses.”

Ronit S.★★★★★G2

“…I use it to create images, bots and access every LLM in one single place. I highly recommend it.”

Dennis Cambronero★★★★★Trustpilot

궁금한 점, 답해 드립니다.

아직 궁금한 점이 있으신가요? 이 페이지의 에이전트에게 물어보세요. 저희도 여러분과 똑같은 도구로 만들었습니다.

  • Webflow 사이트에 AI 챗봇을 어떻게 추가하나요?

    에이전트의 설치 스니펫을 복사하고, Webflow에서 ‘사이트 설정’을 열어 ‘사용자 지정 코드’ 탭의 ‘푸터 코드’에 붙여 넣은 뒤 저장하고 게시하세요. 모든 페이지에 채팅 버블이 나타납니다.

  • 직접 만든 버튼으로 채팅을 열 수 있나요?

    네. 어떤 버튼에서든 window.easyPeasyChat.open()을 호출하세요. 채팅을 숨기거나 다시 표시할 수도 있고, setContact()로 로그인한 사용자가 누구인지 에이전트에게 알려 줄 수도 있습니다.

  • 웹사이트 챗봇은 무료인가요?

    네. 웹사이트 채팅은 무료 플랜을 포함한 모든 플랜에서 사용할 수 있습니다. 버튼, 양식, 예약은 액션에 해당하며 유료 플랜이 필요합니다.

  • 사이트가 느려지나요?

    아니요. 채팅 버블은 페이지가 로드되자마자 나타나고, 채팅 자체는 페이지 로딩이 끝난 뒤 백그라운드에서 불러옵니다.

  • 채팅 디자인을 바꿀 수 있나요?

    네. 외관 메뉴에서 위치, 아이콘, 색상, 인사말을 고르세요. 새 코드 없이 1분 정도 안에 사이트에 반영됩니다.

  • 에이전트는 무엇으로 학습하나요?

    웹사이트와 사이트맵, PDF, Word, CSV, TXT, EPUB 파일, YouTube 영상, 일반 텍스트, Q&A로 학습합니다. 내용이 바뀌면 언제든 클릭 한 번으로 재학습할 수 있습니다.

  • 방문자가 음성으로 대화할 수 있나요?

    네, Unlimited 200 이상에서 가능합니다. 방문자가 채팅에서 통화 버튼을 탭하고 말하면 됩니다. 다른 플랜에서는 플레이그라운드에서 음성 통화를 체험해 볼 수 있습니다.

  • 어떤 언어를 지원하나요?

    같은 지식을 바탕으로, 80개가 넘는 언어 중 각 고객이 쓰는 언어로 답합니다.

하나의 에이전트, 모든 채널. 고객이 어디서 찾아오든 한결같은 답변.

AI 에이전트로 할 수 있는 모든 것 보기

점심시간 전에 Webflow 사이트가 응대를 시작할 수 있습니다.

무료로 시작하세요. 신용카드도, 코드도 필요 없습니다.

무료로 에이전트 만들기