카카오톡 상담톡 설정하기
카카오톡 채널 상담 버튼을 아래 그림과 같이 내 사이트에 추가해 보세요. PC, 모바일 어디서나 친구추가 과정 없이 고객과 실시간으로 채팅이 가능해집니다. 또한, 방문자는 간편하게 내 카카오톡 채널 친구 추가 페이지로 이동할 수 있도록 연결 페이지를 제공합니다.
카카오톡 채널 상담 버튼을 내 사이트에 추가하기 위해서는 채널의 홈 ID와 카카오 API 키가 필요하며, 자세한 절차는 아래의 도움말을 참고할 수 있습니다.
참고: 이 도움말에서는 카카오톡 채널 공식 상담 버튼 이미지를 사용합니다. 만약 나만의 버튼 이미지를 사용하려는 경우,
카카오톡 채널 1:1 채팅 커스텀 버튼 이미지 추가하기 도움말 링크를 참고해 주세요.
1단계: 카카오톡 채널 홈 ID 알아내기
내 카카오톡 채널의 홈 ID를 확인하는 방법을 설명합니다.
1. 카카오톡 채널 ID 알아내기
- 카카오 비즈니스 파트너에 접속합니다.
- 내 채널을 선택합니다. (채널이 없는 경우 새 카카오톡 채널을 만들어 주세요.)
- 왼쪽의 [관리 > 상세설정] 메뉴를 클릭합니다.
- 채널 홈 ID를 확인하고 메모장에 기록합니다.
2. 채널 공개 및 1:1 채팅 활성화하기
- 왼쪽 메뉴에서 [프로필 > 프로필 설정]을 클릭합니다.
- 옵션 설정 항목에서 채널 공개 옵션을 ON으로 변경하고, 확인 버튼을 클릭합니다.
- 왼쪽 메뉴에서 [1:1채팅 > 채팅설정]을 클릭합니다.
- 1:1 채팅 사용 옵션을 ON으로 변경하고, 페이지 오른쪽 하단의 저장 버튼을 클릭합니다.
(선택 사항) 3. 관리자 추가 인증하기
2단계: 카카오 API 키 설정 및 알아내기
카카오 API 키를 발급받는 방법을 설명합니다.
1. 카카오 디벨로퍼스 접속하기
- 새 브라우저 탭을 켜고, 카카오 디벨로퍼스에 접속합니다.
- 오른쪽 상단의 로그인 버튼을 클릭해 카카오 계정으로 로그인 합니다. (카카오 계정이 없는 경우 새롭게 계정을 생성합니다.)
2. 내 애플리케이션 만들기
- 상단 메뉴에서 내 애플리케이션을 클릭합니다.
- 서비스 이용 동의 페이지가 나타나는 경우, 필수 항목에 동의하고 개발자 이름을 입력합니다. 다음으로 회원가입 버튼을 클릭합니다. (기존에 동의한 경우 표시되지 않을 수 있습니다.)
- 전체 애플리케이션 페이지가 나타나면, 애플리케이션 추가하기 버튼을 클릭합니다.
- 아래 그림과 설명을 참고해 애플리케이션 정보를 입력합니다.
- 앱 아이콘: 파일 선택 버튼을 클릭해 앱 아이콘을 올립니다.
- 앱 이름: 앱 이름을 작성합니다. (예: 사이트 이름)
- 사업자명: 사업자정보의 이름을 작성합니다. (개인의 경우 사용자명을 작성하세요.)
- 저장 버튼을 클릭합니다.
3. 플랫폼 설정하기
- 전체 애플리케이션 목록으로 돌아가면 새로 추가한 앱을 클릭합니다.
- 왼쪽 메뉴에서 플랫폼을 클릭합니다.
참고: 페이지 왼쪽에 메뉴가 보이지 않는 경우, 브라우저 가로 크기를 늘리거나, 왼쪽 상단의 햄버거(3줄) 아이콘을 클릭하세요.
- Web 플랫폼 등록 버튼을 클릭합니다.
- 운영 중인 사이트 주소(URL)를 입력합니다. 여러 개의 도메인을 사용하고 계신 경우 모두 입력합니다.
주의: 사이트 주소는 http:// 와 https:// 를 정확히 구분해 입력하고, www는 빼고 작성합니다. 잘못 입력 시 동작하지 않습니다.
- 저장 버튼을 클릭해 적용합니다.
4. 발급받은 Javascript 키 복사하기
- 왼쪽 메뉴에서 앱 키를 클릭합니다.
- JavaScript 키 오른쪽의 복사 버튼을 클릭합니다.
- 복사한 JavaScript 키는 메모장에 기록해 둡니다.
3단계: 내 사이트에 카카오톡 채널 적용하기
위에서 알아낸 카카오톡 채널 홈 ID와 발급받은 카카오 API 키를 내 사이트에 적용합니다.
1. 캠페이너스 실시간 상담 설정으로 이동하기
- 내 사이트 관리자 페이지에 접속합니다.
- 왼쪽 메뉴에서 [환경설정 > 실시간 상담 설정]을 클릭합니다.
- 카카오톡 채널 항목으로 이동합니다.
2. 내 사이트의 카카오 링크 설정하기
- 왼쪽 메뉴에서 [환경설정 > 소셜 로그인/API 설정]을 클릭합니다.
- 상단의 공유 및 API 설정 탭 메뉴를 클릭합니다.
- 카카오 링크 항목에서 카카오 링크 사용을 선택하고, 위 2단계에서 발급받은 JavaScript 키를 입력합니다.
- 저장 버튼을 클릭해 적용합니다.
3. 내 사이트에 카카오톡 채널 적용하기
- 카카오톡 채널 사용을 선택합니다.
- 채널 홈 ID 항목에 위 1단계에서 메모한 홈 ID를 입력합니다.
- API 키(JavaScript) 항목에 위 2단계에서 발급받은 JavaScript 키를 입력합니다.
- 저장 버튼을 클릭해 적용합니다.
- 이제 카카오톡 채널 상담 버튼이 웹페이지 오른쪽 하단에 표시되며, 방문자와 소통이 가능해집니다.