[떠먹콘] 쇼핑몰에 카카오 채팅 상담 버튼을 추가하는 가장 쉬운 방법

채팅 상담이 필요한 이유

고객은 기다림을 싫어합니다. 빠르게 문제를 해결하고 쇼핑을 이어가고 싶을 뿐이죠. 속도가 중요한 지금, 채팅 상담은 가장 효과적인 CS(Customer Service) 수단으로 알려져 있어요. 빠른 응답은 물론이고 영상, 이미지, 링크 등을 공유하며 이해도를 높일 수 있거든요.

카카오 채팅 상담 버튼 추가하기

고객이 쉽게 채팅 상담으로 궁금한 점을 해소할 수 있도록, 카카오 채팅 상담 버튼을 추가해 볼게요. 자바스크립트를 활용하는 카카오의 기본 기능 대신, 코드앤버터의 팝업 기능으로 10초 만에 완성해 볼게요.

먼저, 카카오 채널이 생성되어 있어야 버튼을 넣을 수 있어요.

① 팝업 만들기

• 코드앤버터에 로그인한 후 왼쪽 메뉴에서 [팝업]을 클릭합니다.

• 오른쪽의 [팝업 추가]를 클릭해 팝업 만들기를 시작합니다.

• 팝업을 노출할 기기를 선택합니다.
• 카카오톡은 모바일 사용자가 많으니 모바일로 세팅할게요.

• 이미지 속의 순서를 따라 톡 상담 디자인 템플릿을 선택합니다.

• 이미지 속의 순서에 따라 카카오 채널 URL을 추가합니다.
• 오른쪽 미리보기에서 팝업의 예상 위치와 디자인을 확인할 수 있어요.

• 팝업 목록에서 공개 토글을 클릭해 팝업을 공개 상태로 변경하세요. 설정한 조건에 맞추어 팝업이 노출됩니다.

② 팝업 완성!

카카오 채널 채팅 상담 버튼이 노출됐어요. 이제 빠르게 고객의 고민을 해결할 수 있겠어요! 영상으로도 같은 내용을 확인할 수 있으니 바로 따라해 보세요.