메신저 버튼
하나의 플로팅 버튼: WhatsApp, Telegram, 전화, 채팅 — 최대 12개 채널
예시와 기능 보기 →무료
이 위젯 설정하기Webflow · 포트폴리오에서 시작하는 연락
기존 Webflow 디자인에 연락 또는 예약을 추가합니다. 작업을 선택하고 Cenaly.com에서 위젯을 설정한 다음 사이트 또는 페이지 수준에서 코드를 추가합니다. 아래에는 custom code 접근 조건과 consent를 위한 별도 안내가 있습니다.
카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다
필요한 위젯을 선택하고 계정에서 설정하십시오. 일반 위젯은 공통 태그를 사용하며, consent와 분석에는 별도의 설치 순서가 중요합니다.
하나의 플로팅 버튼: WhatsApp, Telegram, 전화, 채팅 — 최대 12개 채널
예시와 기능 보기 →무료
이 위젯 설정하기고객이 원하는 일정에 맞춘 예약: 고객이 서비스, 담당자, 빈 시간을 직접 선택합니다
예시와 기능 보기 →무료
이 위젯 설정하기방문자와의 실시간 채팅 — 직원이 업무 채팅에서 답변합니다
예시와 기능 보기 →무료
이 위젯 설정하기통화 신청 양식, PBX 연동 시 자동 발신
예시와 기능 보기 →무료
이 위젯 설정하기“통화” 버튼 — 방문자가 번호와 앱 없이 사이트에서 귀사의 PBX를 통해 통화합니다
예시와 기능 보기 →무료
이 위젯 설정하기팝업, 내장 양식, 쿠폰, 퀴즈와 표시 조건 및 A/B
예시와 기능 보기 →$9/월
이 위젯 설정하기계정의 주문, 예약, 예약 및 평점 수치를 보여주는 배지
예시와 기능 보기 →무료
이 위젯 설정하기사이트 한쪽 구석에 메뉴의 동영상을 담은 서클: 클릭하면 소리가 나는 동영상과 “주문” 버튼이 표시됩니다
예시와 기능 보기 →무료
이 위젯 설정하기«예약하기» 버튼 → 하나의 양식 → «테이블» 섹션으로 접수된 신청
예시와 기능 보기 →$9/월
이 위젯 설정하기주문 버튼을 누르면 기존 웹사이트 위에 상점이 열립니다
예시와 기능 보기 →무료
이 위젯 설정하기«?» 버튼 → 내 문서, 검색, «도움됨» 평가가 있는 사이드 패널
예시와 기능 보기 →$19/월
이 위젯 설정하기정책, 계약, 반품, cookies, 배송 — 비즈니스 데이터에 맞춰 작성되어 사이트에 삽입됩니다
예시와 기능 보기 →$9/월
이 위젯 설정하기트래커 자동 차단 및 Google Consent Mode v2를 지원하는 쿠키 동의
예시와 기능 보기 →무료
이 위젯 설정하기선택한 위젯과 플랫폼은 등록 시 저장됩니다. 그런 다음 계정에서 위젯을 설정합니다. Webflow에 대해 이 안내를 열어 두세요. 설정 후 아래 설치 단계로 돌아오세요.
플랫폼 유료 요금제가 필요합니다
활성 Site plan 또는 Workspace Core, Growth, Agency, Freelancer가 필요합니다.
Webflow 공식 도움말은 활성 Site plan 또는 나열된 Workspace 중 하나가 있을 때 Site managers와 Designers의 custom code를 허용합니다. 유료 Site plan이 유일한 방법은 아닙니다.
webflow.io 주소 자체만으로는 코드 삽입이 가능한지 알 수 없습니다: Workspace, 권한 및 프로젝트 설정을 확인하십시오. 자체 도메인 연결과 CMS 기능에는 각자의 요금제 조건이 있습니다.
이 페이지의 메뉴 항목과 요금제 조건은 공식 도움말에서 가져왔습니다:
플랫폼 도움말과 대조 확인함 2026-09-22
일반 위젯: 채팅, 연락 버튼, 예약
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>일반 위젯용 태그 예시입니다. 계정에서 자신의 코드를 가져오시면 되며, 데모 도메인으로 바꿀 필요는 없습니다. 분석 차단에 대해서는 아래의 별도 지침을 사용하십시오. 쿠키 배너 및 분석: 별도 절차 →
Cenaly.com 계정에서: 관리자 패널 → 마케팅 → “내 사이트”. 첫 번째 필드에 사이트 주소를 입력하고 태그 문자열을 복사하세요.
Webflow에서 해당 프로젝트의 Site settings(사이트 설정)를 엽니다.
Custom code 탭에는 두 개의 필드가 있습니다: Head code(head 내부)와 Footer code(닫는 body 앞).
Head code에 문자열을 붙여넣고 저장합니다. 이 필드에는 html, head, body 태그를 추가할 필요가 없으며 스크립트만 넣으면 됩니다.
Publish를 클릭합니다: Webflow 도움말은 자체 코드의 효과가 게시 후 라이브 사이트에서 나타난다고 별도로 설명합니다.
게시된 사이트를 열고 “내 사이트” → “설치 확인”으로 돌아갑니다.
위젯이 한 페이지에만 필요하다면 — Webflow의 페이지에는 페이지 설정에 코드를 위한 자체 필드가 있습니다.
엄격한 opt-in을 위해서는 쿠키 배너 설정에서 별도의 consent 태그를 가져와 head에서 첫 번째 스크립트로, async와 defer 없이, 분석 및 광고보다 앞에 배치합니다. 일반 async 태그는 동의 전 차단을 보장하지 않습니다.
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>테마 코드, 플러그인, GTM 및 플랫폼에 내장된 통합을 고려합니다. 플랫폼이 이들보다 먼저 동의를 설정할 수 없다면 외부 태그 하나로는 충분하지 않습니다: 통합 자체에서 동의를 설정합니다.
opt-in의 경우 알려진 트래커는 차단되고, 알 수 없는 트래커는 CMP 지침에 따라 수동으로 표시해야 합니다. 이미 실행된 코드, 서버 측 Set-Cookie 및 service worker는 태그가 중지하지 않습니다.
게시된 사이트에서 새 세션과 Network를 열고, 선택 전과 거부 후에 차단되어야 하는 트래커의 요청이 없는지 확인합니다. 그런 다음 필요한 카테고리를 수락하고, 실행 및 결정 변경을 확인합니다. 표시되는 배너와 HTML 설치 확인은 차단을 증명하지 않습니다.
빌더에서는 수정 사항이 초안에 남습니다. 페이지를 다시 게시하기 전까지는 실제 사이트에 태그가 없습니다.
관리자 패널 → 마케팅 → “내 사이트”. 첫 번째 필드에 사이트 주소가 있고, 옆에 “설치 확인”이 있습니다.
검사는 페이지의 원본 HTML을 읽고 발견된 위젯을 표시합니다. Google Tag Manager를 통해 설치된 태그는 확인하지 못합니다. 이는 설치가 아니라 검사의 제한 사항입니다.
설치 오류 분석은 도움말에서 확인할 수 있습니다 설치 안내 →
Webflow는 preview/comment에서 custom code를 지원하지만 expand canvas에서는 지원하지 않습니다. 방문자는 게시 후 변경 사항을 보게 됩니다. 최종 확인은 게시된 주소에서 하십시오.
공통 Head code는 사이트 수준에서 태그를 추가합니다. 하나의 URL에만 필요하다면 페이지 설정을 사용하고 이미 설치된 공통 태그를 여기에 중복하지 마십시오.
위젯은 Webflow 양식을 Cenaly.com에 자동으로 연결하지 않습니다. Shadow DOM은 스타일을 격리하지만 애니메이션, 버튼 클릭 가능 여부 및 겹침은 귀하의 사이트에서 확인해야 합니다.
이미 트래커를 실행한 컨테이너 뒤에 consent를 배치하지 마십시오. GTM을 통한 일반 태그의 경우 서버 측 HTML 검사로 설치가 확인되지 않습니다 — 게시된 페이지에서 위젯을 확인하십시오.
아니요, custom code는 Webflow 조건에 따라 Core, Growth, Agency 또는 Freelancer Workspace를 통해서도 사용할 수 있습니다. Site manager/Designer 권한과 특정 프로젝트의 필드 접근 권한을 확인하십시오.
일반 태그는 Head code에 추가할 수 있습니다. html/head/body 태그로 감싸지 마십시오. 동의 전 차단을 동반한 consent는 트래커보다 앞서 head에 별도의 첫 스크립트가 필요합니다.
Custom code는 expand canvas에서 작동하지 않습니다. Preview/comment는 이를 지원하지만 변경 사항을 아직 게시해야 합니다. 위젯 활성화 여부와 최종 사이트 주소를 확인하십시오.
스타일 격리는 모든 스크립트와의 호환성을 보장하지 않습니다. 위젯을 모든 페이지로 확산하기 전에 상호작용, 양식 및 모바일 화면을 확인하십시오.
사이트의 공통 코드는 컬렉션 페이지에도 적용됩니다. 해당 페이지의 게시된 예시를 확인하고 템플릿에 태그를 중복하지 마십시오.
동의 전 트래커를 차단하려면 별도의 consent/v1.js를 async/defer 없이 head의 첫 번째로 두어야 합니다. 선택 전, 거부 후, 수락 후의 로드를 확인하세요. 플랫폼에 내장된 분석은 별도 설정이 필요할 수 있으며, 배너가 표시된다고 해서 법률 준수가 확인되는 것은 아닙니다.
자세한 내용 — 플랫폼별 설치, 설정 및 문제 해결 — 은 도움말에서 확인할 수 있습니다. 설치 안내 →
custom code 접근 권한을 확인하고 위젯을 선택하여 설정하십시오. 게시 후 일반 페이지와 컬렉션 페이지를 테스트하십시오.
위젯 선택카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다