멀티버튼

멀티버튼은 사이트 한쪽 구석에 떠 있는 하나의 버튼으로, 누르면 연락 채널의 부채꼴이 펼쳐집니다: WhatsApp, Telegram, Viber, VK, 소셜 네트워크, 전화, 이메일, 원하는 모든 링크 — 그리고 저희 위젯들의 동작(«채팅으로 문의», «주문», «예약»)까지 포함됩니다.

이는 고객님 자신의 문제도 해결합니다: 각 위젯은 모두 같은 하단 구석에 자기 버튼을 그리기 때문에, 채팅과 주문과 콜백을 켜면 서로 밀어내는 버튼이 쌓입니다. 멀티버튼은 그 쌓임을 없앱니다 — 흡수된 위젯의 채널은 그 부채꼴 안에 살고, 그 위젯 자체의 버튼은 꺼집니다.

위젯은 무료입니다: 별도의 확장 기능을 구매할 필요가 없습니다.

켜는 곳: 관리자 패널 → 마케팅 → «내 사이트» → «멀티버튼» 카드. 토글이 위젯을 켜고, 톱니바퀴가 설정을 열며, «사이드바로 내보내기» 버튼은 위젯에 자체 메뉴 항목을 부여합니다.

사이트에 설치#

자체 코드는 필요하지 않습니다 — «내 사이트» 섹션의 공통 태그가 작동합니다:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="귀하의-도메인" async></script>

<head> 또는 </body> 앞에 한 줄만 넣으면 되고, 이후 위젯 구성은 계정의 토글로 지정합니다. 플랫폼별 안내(HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow)는 내 사이트 문서의 «주요 플랫폼에서의 설치» 섹션에 있습니다.

⚠️ 멀티버튼에는 공통 태그가 특히 중요합니다. 멀티버튼은 이웃 위젯들을 자기 아래로 모으는데, 흡수할 수 있는 것은 같은 페이지에서 실제로 로드된 위젯뿐입니다. 채팅은 일부 페이지에, 주문은 다른 페이지에 삽입되어 있다면, 페이지마다 부채꼴이 달라집니다. 공통 로더는 위젯들을 올바른 순서로 로드하고, 멀티버튼은 이웃들이 이미 준비된 마지막에 로드합니다.

개별 태그 multibutton/v1.js도 있습니다(«고급» 블록). 여기에는 자체 속성이 있습니다: data-color, data-icon(버튼의 이모지), data-label, data-position="left|right", data-lang, data-keep-fabs="1" — 이웃의 자체 버튼을 끄지 않습니다. 태그 속성은 항상 계정의 설정보다 우선합니다.

설치 확인이 보는 것과 보지 못하는 것. «설치 확인» 버튼은 페이지의 원본 HTML을 읽습니다: 공통 로더 발견 / 개별 태그만 발견 / 다른 위치의 코드 / 코드 없음. 이미 브라우저에서 Google Tag Manager가 삽입하는 태그는 보지 못합니다 — 이는 오류가 아니니 사이트를 눈으로 확인하십시오.

위젯 설정#

설정은 자동으로 저장되며, 별도의 «저장» 버튼은 없습니다. 입력 필드 오른쪽에는 펼침 버튼의 실시간 미리보기가 표시됩니다.

외형#

버튼 색상, 버튼 위의 이모지 아이콘, 화면 모서리 위치, 레이블(화면 읽기 프로그램용 레이블이기도 합니다).

펼침 채널#

목록 편집기: 추가, 삭제, ↑↓로 순서 변경. 최대 12개 채널. 세 가지 계열:

계열	채널	값 필드에 입력할 내용
메신저 및 소셜 네트워크	WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube	번호, `@닉네임` 또는 완성된 주소 — 링크는 위젯이 직접 생성합니다
직접 연락처	전화, 이메일	전화번호 / e-mail 주소
임의 링크	모든 페이지	주소; 도메인만 입력하면 `https://`가 자동으로 추가됩니다
우리 위젯의 동작	채팅 열기, 브라우저 통화, 콜백, 주문, 테이블 예약, 온라인 예약, 지원팀에 문의	없음: 해당 항목은 같은 페이지에서 해당 위젯을 열기만 합니다

«지원팀에 문의» 항목은 채팅 창의 «문의» 탭을 엽니다 — 문의에는 별도 버튼이 없으므로 이 항목은 채팅이 활성화된 경우에만 사용할 수 있습니다. 지점의 문의가 비활성화된 경우 일반 채팅이 열리며, 편집기가 해당 항목 옆에 이를 안내합니다.

각 채널에는 레이블(사이트 언어별로 별도)과 표시 위치 설정이 있습니다: 모든 곳 · 컴퓨터에서만 · 휴대폰에서만.

첫 메시지 템플릿은 WhatsApp과 Telegram에 있습니다: 고객이 이미 입력된 상태로 보게 되는 텍스트입니다. {url} 및 {title} 치환을 지원합니다 — 클릭한 해당 페이지의 주소와 제목입니다(렌더링 시가 아니라 클릭 시점에 치환됩니다). 최대 300자.

초대 말풍선#

버튼 옆의 짧은 문구(«질문 있으신가요?») — 고객이 버튼을 누르도록 유도하는 역할입니다: 구석에 조용히 있는 버튼은 그냥 지나치게 됩니다. 텍스트는 언어별로 별도 설정하며, 비어 있으면 말풍선이 전혀 표시되지 않습니다.

말풍선이 나타나기까지의 지연과 표시 간 간격을 설정할 수 있습니다. 간격은 사이트가 아니라 고객 기준으로 계산됩니다: 표시 기록이 고객의 브라우저에 저장되므로, 초대가 매 방문의 모든 페이지에서 튀어나오는 배너가 되지 않습니다.

«지금 영업 중» 줄#

펼친 버튼의 상단에 영업시간에 관한 한 줄이 표시됩니다: «22:00까지 영업», «영업 종료 · 10:00에 엽니다», «영업 종료 · 월요일 10:00에 엽니다». 시간은 지점 카드에서 가져옵니다(예외를 포함한 스케줄) — 위젯 설정에 복사본이 없는 것은 의도적입니다.

두 가지 값: 자동(기본값 — 영업시간이 입력되어 있으면 줄이 표시됨)과 표시 안 함. 상태는 페이지 로드 시 한 번이 아니라 펼침 버튼을 열 때마다 다시 계산됩니다: 버튼은 페이지에 몇 시간씩 떠 있고, 22:30에 «22:00까지 영업»이라고 표시하는 것은 나머지 정보까지 믿지 못하게 만드는 바로 그 거짓말입니다. 지점의 영업시간이 입력되지 않은 경우 줄이 전혀 표시되지 않습니다(자신의 사이트에서 매장이 영업 종료라고 알릴 수는 없습니다).

표시 시점#

콜백 및 «라이브 상점»과 공유되는 블록입니다:

페이지 — «다음에서만…» 및 «다음을 제외하고…» 주소 마스크, * = 모든 문자열, 각 목록에 최대 20개 마스크; 제외가 허용보다 우선합니다;
지연 — 페이지 로드 후 0…600초;
기기 — 전체 · 컴퓨터에서만 · 휴대폰에서만(기준 — 480 px);
스케줄 — 최대 14개 자체 시간대 «요일 + …부터 …까지» 또는 지점 영업시간.

⚠️ 시간은 위치의 시간대로 계산됩니다; 지점에 시간대가 설정되지 않은 경우 방문자의 시간으로 계산되며, 패널이 이를 명확히 안내합니다. «지점 영업시간»을 선택했는데 스케줄이 입력되지 않은 경우 스케줄이 아무것도 제한하지 않아 버튼이 계속 표시됩니다. 반대로 자체 시간대 목록이 비어 있으면 «표시할 때가 없음»을 의미합니다.

펼침 구성은 열 때마다 다시 계산됩니다: 표시 사이에 고객이 휴대폰을 돌리거나, 버튼이 없어야 할 페이지로 이동할 수 있기 때문입니다.

휴대폰 레이아웃#

«📱 휴대폰 레이아웃» 섹션: 원형 버튼(기본값) 또는 하단 바 — 처음 네 개 채널의 레이블이 있는 바와 나머지를 담은 «더보기» 버튼의 시트입니다. 넓은 화면에서는 항상 펼침 버튼이 표시되며, 휴대폰을 돌리면 레이아웃이 즉시 바뀝니다. 미리보기에서 «바에 들어갈 / "더보기"에 들어갈» 실제 경계와 «M개 중 N개가 바에 들어갑니다» 줄을 확인할 수 있습니다.

바는 다른 사람의 페이지에서도 조심스럽게 동작합니다: 하단에 다른 고정 패널이 있으면 그 위에 배치되고, 아래로 스크롤하면 사라지고 위로 스크롤하면 다시 나타나며, iPhone의 안전 영역을 존중하고, 채널이 남지 않으면 완전히 사라집니다.

우리 상점에도 표시#

별도 토글(기본값 꺼짐). 멀티버튼은 이러한 설정이 있는 유일한 위젯이며, 그 이유는 정직성입니다: 우리 상점에서 이 위젯은 네이티브 버튼을 흡수합니다 — 채팅 풍선과 콜백 수화기 — 즉, 이미 설정한 화면 모서리를 변경합니다. 이런 것은 사용자 모르게 활성화하지 않습니다.

클릭 후 발생하는 일#

고객이 부채꼴을 펼쳐 채널을 선택합니다:

메신저, 소셜 네트워크 또는 직접 입력한 링크 — 새 탭에서 열립니다. 대화는 해당 채널이 연결하는 곳에서 진행됩니다. 채널에 메시지 초안이 설정되어 있으면 고객의 입력란에 이미 채워져 있습니다.
전화 및 이메일 — 기기의 기본 앱으로 현재 탭에서 열립니다(그렇지 않으면 브라우저가 빈 창을 열었다가 바로 닫았을 것입니다).
자사 위젯의 동작 — 같은 페이지에서 바로 채팅, 콜백 양식, 장바구니, 예약 또는 예약이 열립니다. 데이터는 평소와 같은 곳에 저장됩니다: 대화는 "채팅", 주문은 "주문", 예약은 "테이블", 예약은 "레코드", 콜백 번호는 "요청"으로 들어갑니다.

멀티버튼은 자체적으로 데이터를 수집하지 않습니다: 고객을 채널로 안내할 뿐입니다. 집계하는 것은 클릭이며, 자체 패널의 "30일간 클릭" 블록에서 확인할 수 있습니다: 버튼이 몇 번 표시되었는지, 부채꼴이 몇 번 펼쳐졌는지, 각 채널에 몇 번의 클릭이 발생했는지. 이 통계에는 채널 주소, 메시지 텍스트, 고객 페이지가 포함되지 않습니다 — 채널 유형과 횟수만 있습니다.

제한 사항#

빈 부채꼴 = 위젯 없음. 채널이 하나도 설정되지 않으면 버튼이 전혀 그려지지 않습니다: 타사 사이트 구석의 빈 버튼은 없는 것보다 나쁩니다.
채널은 최대 12개, 초안 텍스트는 최대 300자입니다.
동작 채널은 위젯이 살아 있는 동안에만 유지됩니다. 채팅을 끄면 "채팅 열기" 항목이 첫 저장 시 설정에서 사라지고 스스로 돌아오지 않으므로 다시 추가해야 합니다. 런타임에서도 멀티버튼은 매번 펼치기 전에 이웃을 확인합니다: 이웃이 올라오지 않으면 항목이 없어, 뒤에 아무것도 없는 버튼이 남지 않습니다.
이웃 버튼 흡수는 시각적입니다. 멀티버튼은 이웃의 플로팅 버튼을 숨기지만 위젯 자체는 계속 작동합니다. 단일 태그에 data-keep-fabs="1" 속성을 사용하면 흡수를 비활성화할 수 있습니다.
메시지 초안은 WhatsApp과 Telegram에서만 지원됩니다. 다른 채널에서는 입력란이 무시됩니다: WhatsApp은 사전 채우기가 문서화되어 있고, Telegram은 클라이언트마다 지원이 다르며, 나머지는 전혀 지원하지 않습니다. 매우 긴 페이지 주소는 대체 없이 전달됩니다 — 작동하는 링크가 텍스트보다 중요합니다.
안전한 주소만 허용됩니다: https, http, tel, mailto, viber. 나머지는 모두 거부됩니다 — 계정의 미리보기와 사이트 모두에서, 검사가 하나이기 때문입니다.
자사 상점에서는 멀티버튼이 별도 토글로만 표시되며, 부채꼴의 "브라우저에서 전화" 항목은 상점에 해당 창이 없어 전혀 표시되지 않습니다.
"지금 영업 중" 줄은 스케줄을 대체하지 않습니다. 지점 카드에서 시간을 읽어옵니다. 입력되지 않으면 줄은 표시되지 않지만 버튼은 남습니다.

문제 해결#

사이트에 버튼이 없습니다.

태그를 찾을 수 없음 — "설치 확인". "코드 없음" — 태그가 삽입되지 않았거나 템플릿의 모든 페이지에 있지 않습니다. "다른 위치의 코드" — 태그에 다른 data-domain이 있습니다. GTM으로 태그를 설치하면 검사에서 보이지 않습니다.
변경 사항이 반영되지 않음 — 위젯 파일은 5분 캐시의 CDN을 통해 제공됩니다: 기다린 후 캐시를 지우고 페이지를 새로 고침하세요.
위젯이 꺼져 있거나 채널 목록이 비어 있음 — 빈 부채꼴은 그려지지 않습니다.
표시 조건이 페이지를 제외함 — 마스크(제외가 허용보다 우선), 기기, 지연을 확인하세요.
스케줄이 닫힘 — 현재 시간이 범위 밖입니다. 설정한 범위나 지점 카드의 스케줄을 확인하세요.
지점의 시간대가 설정되지 않음 — 이 경우 범위는 방문자의 시간으로 계산되며, 버튼이 예상과 다른 때에 나타납니다.

부채꼴에 항목이 없습니다.

동작 항목이 사라짐 — 해당 위젯이 꺼져 있습니다: 위젯을 켜고 채널을 다시 추가하세요. 스스로 돌아오지 않습니다.
항목에 "전화 전용" 표시가 있음(또는 그 반대) — 채널의 기기 필터가 작동했습니다.
이웃이 올라오지 못함(느린 네트워크, 페이지의 보안 제한) — 페이지를 새로 고침하세요. 단일 태그 대신 통합 태그를 사용하면 지속적으로 해결됩니다.

구석에 여전히 버튼이 두 개 있습니다. 이웃의 부채꼴에 해당 동작 항목이 없다는 뜻입니다: 동작이 부채꼴에 있는 위젯만 흡수됩니다. 필요한 항목을 추가하세요. 반대 상황 — 이웃 버튼이 필요 없는데 data-keep-fabs="1" 속성으로 흡수가 비활성화된 경우: 속성을 제거하세요.

휴대폰에서 바가 타사 패널을 가립니다. 바는 하단의 타사 고정 바를 스스로 찾아 그 위에 위치하며, 로드 후 여러 번 측정을 반복합니다. 타사 패널이 매우 늦게 나타나면 원형 버튼으로 전환하세요 — 페이지 하단 마크업에 관여하지 않습니다.

말풍선이 표시되지 않습니다. 페이지 언어에 텍스트가 설정되어 있는지, 표시 간격이 만료되지 않았는지 확인하세요 — 간격은 특정 고객의 브라우저에서 계산됩니다.

통계가 비어 있습니다. 클릭은 하나씩이 아니라 묶음으로 지연 전송되며, 카운터는 30일을 표시하고 고객이 클릭하는 대로 채워집니다.

자주 묻는 질문#

비용은 얼마인가요?#

무료입니다. 멀티버튼은 무료이며 별도의 확장 기능이 필요하지 않습니다 — 이를 독립 제품으로 판매하는 유사 서비스와는 다릅니다.

채널은 몇 개까지 추가할 수 있나요?#

최대 열두 개입니다. 순서는 ↑↓ 화살표로 직접 지정하며, 이 순서가 휴대폰 하단 바에 들어갈 네 개의 채널을 결정합니다.

메신저로 들어온 문의는 어디로 가나요?#

채널이 연결된 곳으로 갑니다: WhatsApp — WhatsApp으로, Telegram — Telegram으로. 계정에서 대화 내용을 보고 싶다면 “채팅” 섹션에서 이 채널들을 연결하세요 — 그러면 메시지가 공통 인박스로 도착하며, 부채꼴 메뉴에 “채팅 열기” 항목을 넣을 수 있습니다.

멀티버튼이 다른 위젯의 버튼을 숨기나요?#

네, 그것이 멀티버튼의 취지입니다: 부채꼴 메뉴에 동작이 포함된 위젯들의 버튼은 모서리에 버튼이 쌓여 보이지 않도록 숨겨집니다. 위젯 자체는 계속 작동하며, 단일 태그에서는 data-keep-fabs="1" 속성으로 이 동작이 해제됩니다.

휴대폰과 컴퓨터에서 서로 다른 채널을 표시할 수 있나요?#

네, 각 채널에는 “표시 위치” 설정이 있습니다: 모든 기기, 컴퓨터에서만, 또는 휴대폰에서만. 부채꼴 메뉴 구성은 열 때마다 다시 계산되므로 휴대폰을 돌리는 것도 즉시 반영됩니다.

방문자가 노트북에서 “WhatsApp으로 메시지 보내기”를 누르면 어떻게 되나요?#

메신저의 웹 버전이 새 탭에서 열립니다 — 미리 작성한 문구를 설정했다면 해당 텍스트가 이미 입력된 상태로 열립니다.

“22:00까지 영업” 줄의 시각은 어디서 가져오나요?#

지점 카드에서 가져옵니다 — 방문자가 상점에서 보는 것과 동일한 예외가 포함된 영업시간입니다. 위젯에서 시각을 따로 설정하지 않는 이유는 두 가지 정보가 어긋나지 않게 하기 위해서입니다. 영업시간이 입력되지 않았다면 이 줄은 표시되지 않습니다.

부채꼴 메뉴는 어떤 언어로 표시되나요?#

채널 라벨과 말풍선은 언어별로 직접 설정합니다. 페이지 언어는 위젯이 페이지 마크업(또는 data-lang 속성)으로 판별합니다. “지금 영업 중” 줄의 요일 이름은 페이지 언어에 맞춰 브라우저에서 가져옵니다.

멀티 버튼