카카오톡으로 고객과 소통하세요! 홈페이지 연동 방법 완벽 가이드
오늘날 스마트폰은 우리 삶의 필수품이 되었고, 카카오톡은 한국에서 가장 인기 있는 메신저 앱으로 자리 잡았습니다. 따라서 많은 기업들이 고객과의 소통을 위해 홈페이지에 카카오톡 채널을 연동하고 있습니다.
카카오톡 채널을 통해 고객들은 간편하게 문의사항을 전달하고, 상품 정보를 확인하며, 구매까지 진행할 수 있습니다. 또한, 기업들은 채널을 통해 고객과 실시간으로 소통하고, 다양한 마케팅 활동을 진행할 수 있습니다.
이 글에서는 홈페이지에 카카오톡 채널을 연동하는 방법을 단계별로 안내합니다.
목차
- 카카오톡 채널 만들기
- 카카오 디벨로퍼 플랫폼 연동
- 홈페이지에 채널 추가하기
- 채팅 버튼 추가하기
1. 카카오톡 채널 만들기
카카오톡 채널을 만들려면 먼저 카카오 비즈니스 플랫폼에 로그인해야 합니다. 로그인 후, '채널 관리' 메뉴에서 '새로운 채널 만들기'를 클릭합니다.
채널 만들기 과정에서 채널 이름, 카테고리, 프로필 사진 등을 설정해야 합니다.
2. 카카오 디벨로퍼 플랫폼 연동
카카오톡 채널을 홈페이지에 연동하려면 카카오 디벨로퍼 플랫폼에서 앱을 등록하고 플랫폼을 설정해야 합니다.
먼저 카카오 디벨로퍼 플랫폼에 로그인하고, '앱 등록' 메뉴에서 '새로운 앱 만들기'를 클릭합니다.
앱 등록 과정에서 앱 이름, 카테고리, 서비스 약관 등을 설정해야 합니다.
앱 등록이 완료되면 왼쪽 메뉴에서 '플랫폼'을 클릭하고, '웹 플랫폼 등록'을 클릭합니다.
홈페이지 URL을 입력하고, '등록' 버튼을 클릭하면 플랫폼 설정이 완료됩니다.
3. 홈페이지에 채널 추가하기
카카오 디벨로퍼 플랫폼에서 플랫폼 설정이 완료되면 홈페이지에 카카오톡 채널을 추가할 수 있습니다.
홈페이지 소스 코드에 다음 코드를 추가해야 합니다.
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script>
Kakao.init('YOUR_JAVASCRIPT_KEY'); // 카카오 디벨로퍼 플랫폼에서 발급받은 JavaScript 키를 입력합니다.
// 채널 추가 버튼을 생성합니다.
var channelButton = new Kakao.Channel.Button({
channelId: 'YOUR_CHANNEL_ID', // 카카오톡 채널 ID를 입력합니다.
channelTitle: 'YOUR_CHANNEL_TITLE', // 카카오톡 채널 제목을 입력합니다.
});
// 버튼을 원하는 위치에 추가합니다.
document.getElementById('your-element-id').appendChild(channelButton.create());
</script>
위 코드에서 YOUR_JAVASCRIPT_KEY를 카카오 디벨로퍼 플랫폼에서 발급받은 JavaScript 키로, YOUR_CHANNEL_ID를 카카오톡 채널 ID로, YOUR_CHANNEL_TITLE을 카카오톡 채널 제목으로 변경해야 합니다.
4. 채팅 버튼 추가하기
고객들이 채널에 쉽게 접근할 수 있도록 채팅 버튼을 추가하는 것이 좋습니다.
채팅 버튼을 추가하려면 다음 코드를 홈페이지 소스 코드에 추가해야 합니다.
```