카카오톡 채널 연결, 홈페이지에 채널 추가·상담 버튼 넣는 4단계

카카오톡 채널 연결은 채널 주소로 버튼을 거는 방법과 카카오 SDK로 채널 추가·채팅 버튼을 넣는 방법이 있습니다. 이 글에서는 두 방식의 차이와 홈페이지에 버튼을 넣는 네 단계, 버튼 위치와 상담 운영에서 놓치기 쉬운 점을 정리했습니다.

카카오톡 채널 연결로 할 수 있는 일

카카오톡 채널은 회사나 가게가 카카오톡 안에 여는 공식 계정입니다. 홈페이지에 채널을 연결하면 방문자는 두 가지를 할 수 있습니다. 하나는 채널을 친구로 추가해 소식을 받는 것이고, 다른 하나는 1:1 채팅으로 바로 상담을 시작하는 것입니다. 전화하기는 부담스럽고 문의 폼은 답장을 기다려야 하는 방문자에게 채팅 상담은 편한 선택지가 됩니다.

다만 채널 버튼은 상담을 받을 사람이 있을 때 의미가 있습니다. 버튼을 달기 전에 누가, 언제 채팅에 답할지부터 정해야 합니다. 전화·카카오톡·문의 폼을 어떻게 나눠 배치할지는 홈페이지 상담 채널 배치 기준 글에서 다뤘습니다.

채널을 연결하는 두 가지 방식

아래 표는 홈페이지에 카카오톡 채널을 연결하는 두 가지 방식을 준비물과 장단점으로 비교한 것입니다.

방식	준비물	장점	주의점
채널 주소 링크	채널 홈 주소	개발 없이 버튼에 주소만 연결	채널 홈을 거쳐 추가·채팅으로 이동
카카오 JavaScript SDK	카카오 개발자 앱, JavaScript 키, 사이트 도메인 등록, 채널 공개 ID	채널 추가·채팅을 버튼 하나로 바로 실행	스크립트 설치와 키 관리 필요

카카오 개발자 문서는 채널 추가와 채팅을 위한 버튼 생성 함수, 그리고 직접 만든 버튼에서 호출하는 함수를 함께 안내합니다. 이때 채널 공개 ID는 채널 홈 주소에 있는 값을 쓰고, JavaScript 키와 사이트 도메인 등록이 필요합니다(카카오 개발자 문서: 카카오톡 채널 JavaScript).

그림처럼 소개용 홈페이지라면 채널 주소 링크만으로도 충분히 쓸 수 있습니다. 버튼을 누르자마자 채팅 창이 열리게 하고 싶거나, 카카오 로그인·공유처럼 다른 카카오 기능을 함께 쓸 계획이라면 SDK 방식이 맞습니다.

홈페이지에 채널 버튼을 넣는 4단계

방식과 관계없이 다음 순서로 진행하면 빠뜨리는 일이 적습니다.

1. 채널 상태 확인: 채널이 개설되어 공개 상태인지, 1:1 채팅이 켜져 있는지 채널 관리 화면에서 확인합니다.
2. 채널 정보 확인: 채널 홈 주소와 그 안의 채널 공개 ID를 적어 둡니다. 채널 이름과 프로필 사진이 홈페이지와 같은 회사로 보이는지도 확인합니다.
3. 버튼 설치: 주소 링크 방식이면 버튼에 채널 홈 주소를 연결하고, SDK 방식이면 개발자 앱 등록과 도메인 등록을 마친 뒤 버튼을 넣습니다.
4. 기기별 확인: 카카오톡이 설치된 휴대폰, 설치되지 않은 PC 브라우저에서 각각 눌러 보고 채널 추가와 채팅이 제대로 열리는지 봅니다.

그림의 넷째 단계에서 문제가 가장 많이 드러납니다. PC에서는 카카오톡 앱이 없으면 다른 화면으로 이어지거나 로그인을 요구할 수 있으므로, 어떤 화면이 나오는지 직접 확인해 두면 문의 전화가 왔을 때 안내하기 쉽습니다.

버튼 위치와 문구 정하기

채널 버튼은 방문자가 상담을 떠올리는 지점에 둡니다. 서비스 설명이 끝나는 곳, 가격 안내 아래, 페이지 하단 연락처 영역이 대표적입니다. 휴대폰에서는 화면 아래에 고정된 작은 버튼으로 두는 경우가 많은데, 이때 다른 고정 버튼이나 본문 내용을 가리지 않는지 확인해야 합니다.

버튼 문구는 무엇이 일어나는지 알 수 있게 씁니다. "카카오톡으로 상담하기", "채널 추가하고 소식 받기"처럼 동작을 그대로 적으면 방문자가 망설이지 않습니다. 로고만 있는 아이콘 버튼이라면 화면 낭독기용 이름도 함께 넣어 둡니다.

상담 운영 시간 알리기

채팅은 바로 답이 올 것이라는 기대를 만듭니다. 버튼 근처에 상담 가능 시간을 적고, 시간 밖에 들어온 문의에는 언제 답하는지 자동 안내를 해 두면 불만을 줄일 수 있습니다. 운영 시간이 짧다면 채팅 버튼과 함께 문의 폼을 두어 방문자가 고를 수 있게 합니다.

채널 정보와 홈페이지 정보 맞추기

채널 프로필에도 전화번호, 영업시간, 홈페이지 주소를 적을 수 있습니다. 홈페이지와 채널의 정보가 서로 다르면 방문자는 어느 쪽이 맞는지 헷갈립니다. 영업시간이나 연락처를 바꿀 때는 홈페이지, 카카오톡 채널, 지도 서비스의 업체 정보를 함께 고치는 점검 목록을 만들어 두면 빠뜨리지 않습니다.

디코랩이 돕는 방식

디코랩은 상담 방식에 맞춰 채널 버튼의 위치와 연결 방식을 정해 넣습니다. 원페이지 홈페이지에는 문의 폼과 카카오톡 알림톡 연동이 무료로 포함되며 알림톡 발송 이용료는 별도입니다. 문의가 들어올 때 담당자가 바로 알림을 받는 구조는 문의 알림톡 연동 글에서, 상품 구성은 원페이지 홈페이지 제작 안내에서 볼 수 있습니다.

자주 묻는 질문

카카오톡 채널과 개인 카카오톡 계정은 무엇이 다른가요?

채널은 회사 명의로 운영하는 공식 계정이라 여러 담당자가 함께 관리할 수 있고, 개인 전화번호를 알리지 않고 상담할 수 있습니다. 홈페이지에는 개인 계정보다 채널을 연결하는 것이 맞습니다.

채널 버튼을 누르면 꼭 친구 추가를 해야 하나요?

채팅으로 연결되는 버튼이라면 친구 추가 버튼과 별도로 동작합니다. 방문자가 원하지 않는데 친구 추가부터 요구하면 상담을 포기할 수 있으므로 두 버튼의 역할을 나눠 두는 편이 좋습니다.

JavaScript 키가 페이지에 보여도 괜찮나요?

웹에서 쓰는 JavaScript 키는 페이지 코드에 들어가는 것이 일반적입니다. 대신 개발자 앱에 우리 사이트 도메인만 등록해 다른 곳에서 쓰지 못하게 하고, 다른 종류의 키는 페이지에 넣지 않습니다.

채널 이름을 바꾸면 홈페이지도 고쳐야 하나요?

버튼 문구에 채널 이름을 적었다면 함께 고칩니다. 채널 홈 주소나 공개 ID가 바뀌는 경우에는 버튼 연결도 다시 확인해야 합니다.

홈페이지에 카카오톡 채널 버튼을 넣고 싶다면 채널 주소와 사이트 주소를 적어 디코랩 프로젝트 문의로 보내 주세요.