카카오톡 상담톡 설정하기

카카오톡 채널 상담 버튼을 아래 그림과 같이 내 사이트에 추가해 보세요. PC, 모바일 어디서나 친구추가 과정 없이 고객과 실시간으로 채팅이 가능해집니다. 또한, 방문자는 간편하게 내 카카오톡 채널 친구 추가 페이지로 이동할 수 있도록 연결 페이지를 제공합니다.

카카오톡 채널 상담 버튼을 내 사이트에 추가하기 위해서는 채널의  홈 ID와 카카오 API 키가 필요하며, 자세한 절차는 아래의 도움말을 참고할 수 있습니다.

참고: 이 도움말에서는 카카오톡 채널 공식 상담 버튼 이미지를 사용합니다. 만약 나만의 버튼 이미지를 사용하려는 경우, 카카오톡 채널 1:1 채팅 커스텀 버튼 이미지 추가하기 도움말 링크를 참고해 주세요.

1단계: 카카오톡 채널 홈 ID 알아내기

내 카카오톡 채널의 홈 ID를 확인하는 방법을 설명합니다.

1. 카카오톡 채널 ID 알아내기

  1. 카카오 비즈니스 파트너에 접속합니다.
  2. 내 채널을 선택합니다. (채널이 없는 경우 새 카카오톡 채널을 만들어 주세요.)

  3. 왼쪽의 [관리 > 상세설정] 메뉴를 클릭합니다.
  4. 채널 홈 ID를 확인하고 메모장에 기록합니다.

2. 채널 공개 및 1:1 채팅 활성화하기

  1. 왼쪽 메뉴에서 [프로필 > 프로필 설정]을 클릭합니다.
  2. 옵션 설정 항목에서 채널 공개 옵션을 ON으로 변경하고, 확인 버튼을 클릭합니다.

  3. 왼쪽 메뉴에서 [1:1채팅 > 채팅설정]을 클릭합니다.
  4. 1:1 채팅 사용 옵션을 ON으로 변경하고, 페이지 오른쪽 하단의 저장 버튼을 클릭합니다.

(선택 사항) 3. 관리자 추가 인증하기

2단계: 카카오 API 키 설정 및 알아내기

카카오 API 키를 발급받는 방법을 설명합니다.

1. 카카오 디벨로퍼스 접속하기

  1. 새 브라우저 탭을 켜고, 카카오 디벨로퍼스에 접속합니다.
  2. 오른쪽 상단의 로그인 버튼을 클릭해 카카오 계정으로 로그인 합니다. (카카오 계정이 없는 경우 새롭게 계정을 생성합니다.)

2. 내 애플리케이션 만들기

  1. 상단 메뉴에서 내 애플리케이션을 클릭합니다.
  2. 서비스 이용 동의 페이지가 나타나는 경우, 필수 항목에 동의하고 개발자 이름을 입력합니다. 다음으로 회원가입 버튼을 클릭합니다. (기존에 동의한 경우 표시되지 않을 수 있습니다.)
  3. 전체 애플리케이션 페이지가 나타나면, 애플리케이션 추가하기 버튼을 클릭합니다.
  4. 아래 그림과 설명을 참고해 애플리케이션 정보를 입력합니다.

    • 앱 아이콘파일 선택 버튼을 클릭해 앱 아이콘을 올립니다.
    • 앱 이름: 앱 이름을 작성합니다. (예: 사이트 이름)
    • 사업자명: 사업자정보의 이름을 작성합니다. (개인의 경우 사용자명을 작성하세요.)
  5. 저장 버튼을 클릭합니다.

3. 플랫폼 설정하기

  1. 전체 애플리케이션 목록으로 돌아가면 새로 추가한 앱을 클릭합니다.
  2. 왼쪽 메뉴에서 플랫폼을 클릭합니다.
    참고: 페이지 왼쪽에 메뉴가 보이지 않는 경우, 브라우저 가로 크기를 늘리거나, 왼쪽 상단의  햄버거(3줄) 아이콘을 클릭하세요.
  3. Web 플랫폼 등록 버튼을 클릭합니다.
  4. 운영 중인 사이트 주소(URL)를 입력합니다. 여러 개의 도메인을 사용하고 계신 경우 모두 입력합니다.
    주의: 사이트 주소는 http:// 와 https:// 를 정확히 구분해 입력하고, www는 빼고 작성합니다. 잘못 입력 시 동작하지 않습니다.


  5. 저장 버튼을 클릭해 적용합니다.

4. 발급받은 Javascript 키 복사하기

  1. 왼쪽 메뉴에서 앱 키를 클릭합니다.
  2. JavaScript 키 오른쪽의 복사 버튼을 클릭합니다.

  3. 복사한 JavaScript 키는 메모장에 기록해 둡니다.

3단계: 내 사이트에 카카오톡 채널 적용하기

위에서 알아낸 카카오톡 채널 홈 ID와 발급받은 카카오 API 키를 내 사이트에 적용합니다.

1. 캠페이너스 실시간 상담 설정으로 이동하기

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [환경설정 > 실시간 상담 설정]을 클릭합니다.
  3. 카카오톡 채널 항목으로 이동합니다.

2. 내 사이트의 카카오 링크 설정하기

  1. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인/API 설정]을 클릭합니다.
  2. 상단의 공유 및 API 설정 탭 메뉴를 클릭합니다.

  3. 카카오 링크 항목에서 카카오 링크 사용을 선택하고, 위 2단계에서 발급받은 JavaScript 키를 입력합니다.

  4. 저장 버튼을 클릭해 적용합니다.

3. 내 사이트에 카카오톡 채널 적용하기

  1. 카카오톡 채널 사용을 선택합니다.
  2. 채널 홈 ID 항목에 위 1단계에서 메모한 홈 ID를 입력합니다.

  3. API 키(JavaScript) 항목에 위 2단계에서 발급받은 JavaScript 키를 입력합니다.

  4. 저장 버튼을 클릭해 적용합니다.
  5. 이제 카카오톡 채널 상담 버튼이 웹페이지 오른쪽 하단에 표시되며, 방문자와 소통이 가능해집니다.