카카오 채팅 연동하기

카카오 채팅을 사용하기 위해 API 설정, 플러스친구를 연결해야 합니다.

카카오 플러스친구 계정이 없다면 아래 링크에서 계정 생성을 먼저 진행해주세요.

https://center-pf.kakao.com

1. [관리하기 > 애드온 > 카카오 채팅]을 추가합니다.

카카오 앱 키가 없으면 화면에 표시되는 툴팁에서 API 설정 방법에 따라 API를 먼저 설정합니다.

카카오 앱 키 발급 방법 보기

2. [플러스친구 연결하기 > 연결된 플러스친구 변경하러 가기]를 클릭합니다.

기존에 연동한 카카오 앱 키에 플러스친구가 이미 연결되어있다면, 안내서의 4번 단계부터 참고해주세요.

3. 아래 링크로 접속하여 카카오 개발자 센터의 [설정 > 사용자 관리]에서 활성화한 후 접근 권한 관리 항목 '설정'을 클릭합니다. 항목 중 '프로필' 수집 목적에 대해서 입력한 뒤 '저장' 버튼을 클릭하세요.

기존에 카카오 앱 키를 등록했다면 이미 설정된 항목입니다.

4. 같은 페이지의 스크롤을 내리면 '플러스친구 연결'을 확인할 수 있습니다. 원하는 플러스친구를 선택하거나 '새 플러스친구 만들기'하여 연결합니다. 연결이 완료되면 식스샵의 [관리하기 > 애드온 > 카카오 채팅]에서 [연결하기 > 계속 진행]을 클릭합니다.

* OFF 된 항목이 있으면, 아래 이미지의 참고 사항을 바탕으로 설정을 변경해주세요.

* 플러스친구 이름이 20자 이상일 경우, 20자 이후는 '...'으로 축약되어 저장됩니다.

플러스친구 관리자센터

https://center-pf.kakao.com

5. 플러스친구 연결 시 수집 항목에 대한 목적을 기재할 수 있습니다. 기본 입력값이 있으므로 그대로 사용하셔도 무방합니다. 연동이 완료되면 버튼 디자인을 간단히 수정할 수 있는 설정 창이 보이고 사이트에서 카카오 채팅을 사용할 수 있습니다.

6. 오류 해결 방법: 관리자 설정 중

6-1. 앱이 존재하지 않습니다.

플러스친구 연결 중, [관리하기 > 설정 > API > 카카오 앱 키]의 REST API 키, JavaScript 키가 잘못된 값일 때 나타나는 메시지입니다. 정확한 값을 입력해주세요.

6-2. 사용하고 있는 앱의 editor 이상의 권한을 가진 카카오 계정으로 로그인해주세요.

우선 API 키를 정상적으로 등록했는지 확인합니다.

정상 등록 상태라면 플러스친구 연결 중, 카카오 개발자센터의 [내 애플리케이션 > 설정 > 팀 관리]에서 사용 중인 카카오 계정의 권한이 editor 이상 권한이 없는 경우에 나타나는 메시지입니다. 권한을 변경하세요.

7. 오류 해결 방법: 고객 사용 중

7-1. 잘못된 접근입니다.

사이트에서 카카오 채팅 버튼을 클릭했을 때 발생하는 메시지입니다. 카카오 개발자센터의 [내 애플리케이션 > 설정 > 일반 > 플랫폼]에서 등록한 사이트 도메인을 올바르게 입력해주세요.

1. http://가 아닌, https://로 입력해야 합니다.

2. www. 이 있는 주소, 없는 주소 모두 등록해야 합니다.


예시 - https://sixshop.com, https://www.sixshop.com, https://abcd.com, https://www.abcd.com

7-2. 고객이 모바일 카카오톡 앱으로 1:1 채팅 중, 채팅창에 있는 링크로 사이트에 접속하려고 탭 했을 때 나타나는 자동 로그인 오류

카카오 개발자센터의 [내 애플리케이션 > 설정 > 일반 > 플랫폼]에서 등록한 Redirect Path를 올바르게 입력해주세요.

/oauth/login 입니다.

관련된 안내서 보기

카카오 앱 키 발급하기

카카오 채팅 활용하기

SixShop | 식스샵 안내서입니다.

SixShop | 식스샵 안내서입니다.