학원 상담 카카오톡 채널 버튼, 블로그와 홈페이지에 연결하는 법

학원 홈페이지나 블로그에 "카톡으로 상담하기" 버튼을 달려면 카카오톡 채널 관리자센터에서 채널 URL을 발급받아 각 플랫폼의 링크 삽입 방식에 맞게 붙이면 됩니다. 방법은 네이버블로그, 티스토리, 워드프레스, 직접 제작한 홈페이지마다 조금씩 다릅니다.

버튼을 달아놓고 막상 눌러보니 채팅방이 안 열리거나, 모바일에서 버튼이 다른 메뉴를 가리는 경우가 많습니다. 어디에 어떻게 붙여야 하는지, 그리고 붙인 뒤 꼭 확인해야 할 것까지 순서대로 정리했습니다.

🔗 카카오톡 채널 버튼, 뭘 준비해야 하나요

버튼을 달기 전에 필요한 건 디자인이 아니라 채널 URL입니다. 카카오톡 채널 관리자센터(center-pf.kakao.com)에 로그인해 운영 중인 학원 채널의 홈 화면으로 들어가면 pf.kakao.com/_로 시작하는 채널 URL을 확인할 수 있습니다.

이 URL 하나만 있으면 블로그든 홈페이지든 어디에나 연결할 수 있습니다. 관리자센터의 '채널 홍보' 메뉴에서는 버튼 이미지와 삽입 코드도 함께 받을 수 있어, 디자인을 따로 만들 필요는 없습니다.

📝 블로그에 연결하는 법

블로그는 플랫폼에 따라 커스터마이징 가능한 범위가 다릅니다. 네이버블로그는 외부 위젯 삽입이 제한적이고, 티스토리와 워드프레스는 HTML을 직접 편집할 수 있어 버튼을 자유롭게 넣을 수 있습니다.

플랫폼	버튼 삽입 가능 여부	방법
네이버블로그	이미지 버튼 삽입 어려움	프로필 소개글이나 포스트 본문에 채널 URL을 텍스트 링크로 삽입
티스토리	가능	스킨 편집(HTML/CSS)에서 사이드바 위젯에 버튼 이미지와 <a> 태그 추가
워드프레스	가능	외모 > 위젯에서 사용자 정의 HTML 블록 추가, 플로팅 버튼은 플러그인 활용

네이버블로그를 주로 쓰는 학원이라면 포스트 하단에 "상담은 카톡으로 편하게 해주세요"라는 문장과 링크를 고정해두는 것이 현실적인 대안입니다.

🏠 홈페이지에 연결하는 법

직접 제작했거나 외부 제작사에 맡긴 홈페이지라면 아래 순서로 진행하시면 됩니다. 코드를 직접 넣기 어렵다면 홈페이지 관리자나 제작사에 2~3번 단계 자료를 그대로 전달하면 됩니다.

1. 카카오톡 채널 관리자센터에서 채널 URL 확인
2. '채널 홍보' 메뉴의 버튼/배너 생성기에서 원하는 디자인과 삽입 코드 발급
3. 홈페이지 코드에서 헤더, 푸터, 또는 화면에 고정되는 플로팅 영역에 코드 삽입
4. PC와 모바일 화면에서 버튼이 다른 메뉴나 글자를 가리지 않는지 확인
5. 버튼을 삽입한 당일, 모바일로 직접 접속해 눌러보고 상담 채팅방이 바로 열리는지 테스트

클래스업으로 만든 학원 홈페이지는 코드 삽입 없이 홈페이지 설정 메뉴에서 채널 URL만 입력하면 플로팅 버튼이 자동으로 붙습니다.

💬 버튼 옆에 쓰는 상담 유도 문구

버튼만 덩그러니 있으면 클릭률이 낮습니다. 버튼 바로 위나 옆에 무엇을 상담할 수 있는지를 한 줄로 써두면 클릭으로 이어지는 경우가 많습니다.

채널 자동응답도 함께 설정해두면 상담 시간 외 문의도 놓치지 않습니다. 자동응답 문구는 "문의 주신 내용 확인 후 영업일 기준 24시간 안에 답변드리겠습니다" 정도로 구체적인 시점을 넣는 것이 좋습니다.

⚠️ 버튼을 달았는데도 연결이 안 되는 경우

가장 흔한 실수는 예전 '플러스친구' 링크(ok.kakao.com)를 그대로 쓰는 경우입니다. 이 형식은 현재 채널 URL(pf.kakao.com/_)과 다르기 때문에 버튼을 눌러도 오류 화면이 뜨거나 엉뚱한 페이지로 연결됩니다.

또 하나는 채널 검색 허용을 꺼둔 상태로 버튼을 배포하는 경우입니다. 이때는 링크 자체는 맞지만 채널 설정에서 공개 범위를 다시 확인해야 합니다. 버튼을 바꾼 뒤에는 반드시 직접 눌러보고 확인하는 과정을 건너뛰지 않는 것이 중요합니다.

✅ 정리 체크리스트