웹/앱/쇼핑몰/홈페이지의 소통 창구는? 카카오톡/네이버톡톡

 

 

웹, 앱상에서

홈페이지, 쇼핑몰, 블로그에

바로바로 소통할 수 있는 툴이 있다면 얼마나 좋을까요?

 

그래서 알아봤습니다~

홈페이지에 쉽게 넣을 수 있는

소통 창구들은 어떤게 있는지...

 

제가 자주 사용하는 카카오톡과

스마트스토어에 연동된 네이버톡톡을

연동해 봤어요~~

 

다른 방법이 더 있을 거 같아요~

그런 것들은 또 다음에 찾아보기로 하고~~

 

 

 

---

 

 

 

 

홈페이지에 카카오 상담톡 붙이기

 

 

https://center-pf.kakao.com/

플러스친구 관리자센터

 

 

카카오 마케팅은 처음 해봐서...

조금 복잡하게 느껴졌어요.

하지만! 아주 체계적으로 되어 있다는 느낌~

그리고 카카오 관련 마케팅은 따로 공부를 해봐야겠다는 느낌을 받았어요~

 

카카오를 많이 쓰시는 분이라면

여러가지 연동될 수 있는 서비스도 많다는 걸 아실 거에요~

 

저는 자주 안 쓰는 편이라 신세계를 발견한 느낌~^^

 

 

친구추가 없이도 상담이 가능한 

 

개인, 기업이 모두 사용할 수 있구요~

카카오톡 플러스친구 가입을 먼저 해야되요~

 

 

1. 카톡 플러스친구 개설하기

 

https://business.kakao.com/info/plusfriend/

카카오 for 비즈니스

 

 

여기에 가입하면 무료 카카오 홈페이지가 만들어진다고 보시면 되요~

택배, 우체국, 배달의민족, 백화점 등등 생활에 밀접한 서비스는

거의 다 플러스친구 계정이 있죠~~

이거 하나 만들어 놓으면 카카오로 마케팅을 시작할 수 있다는 거~~

사진, 동영상, 카드뷰 등으로 브랜드를 이미지화 하는 데 좋을 거 같아요~

1:1 대화를 할 수 있어 고객상담용으로도 좋을 거 같아요~

그리고 카봇이라고 자동응답 채팅기능도 있어요~

 

게다가! 플러스친구 앱을 다운받아 봤는데요~~

플러스친구 계정을 추가로 만들 수 있나봐요~

다양한 분야에서 여러가지 일을 하는 분들이

여러 계정을 만들어 따로따로 관리하는 것도 좋을 거 같아요~^^

 

 

 

https://business.kakao.com/dashboard

카카오 for 비즈니스

 

 

여튼 이 상담톡을 

웹, 앱에 노출해 상담이 가능해졌다는 거~~

 

 

2. 플러스 친구 관리자에서 채팅 버튼 추가하기

 

https://center-pf.kakao.com/

플러스친구 관리자센터

 

아래처럼 왼쪽 메뉴 - 홍보하기 화면에서

친구추자, 채팅하기 버튼 추가하기

코드 확인하러 가 보겠습니다~~

 

 

 

 

 

개발가이드

 

 

우측 화면 제일 하단에 있는

예제: 동적으로 플러스친구 1:1 채팅 시작하기

코드를 찾아봅니다.

 

 

 

 

 

이 부분을 복사해 웹, 앱 등

필요한 위치에 붙여 넣어주면 OK~

 

저는 티스토리에 적용해 봤어요~

body에 로고 옆쪽에 붙여줬구요.

위치 조정을 위해

div로 묶어서 css로 위치를 잡아줬어요~ 

 

 

 

 

 

 

 

 

 

 

---

 

 

이것보다 더 간단한 방법!!

 

 

채팅 url 복사를 누릅니다.

 

 

카카오채널 관리자센터 메인에서

우측 하단에서

채팅 url 복사를 누릅니다.

 

그리고 다시 티스토리

스킨변경으로 이동

 

 

 

 

메뉴가 있는 스킨이라면 메뉴설정

 

 

 

저는 메뉴설정이 가능한 스킨을 사용중이에요~

 

 

 

 

 

기존에 있던 메뉴를 삭제하고

채팅문의라는 메뉴를 넣었구요.

링크주소에 복사해뒀던 주소를 넣어주면 끝!

완전 간단하게 끝나요~

 

 

 

그 외에 메인상단 우측의 메뉴버튼을 눌러야 나오는 스킨에서는

아래처럼 수정하시면 되세요~

 

 

 

꾸미기 - 메뉴

 

메뉴를 추가해 줍니다.

 

 

 

그 외에 채팅으로 바로 연결되는 버튼을 만들기 위해선

스킨에 맞게 스킨편집을 해주셔야 되는데...

오히려 쉽게 버튼을 넣을 수 있는

티스토리 스킨을 활용하시는 게

더 효율적인 거 같아요~ ^^

 

 

 

---

 

 

 

 

홈페이지에 네이버 톡톡 붙이기 

 

https://partner.talk.naver.com/

네이버 톡톡 파트너센터

 

스마트스토어 등 네이버 비즈니스툴을 사용하시는 분들께

유용한 서비스에요.

홈페이지, 자체쇼핑몰, 티스토리 블로그 등에

넣어 사용하기 편해요~

 

 

일단은 네이버 톡톡 파트너센터에 가입이 되어 있어야 합니다~

네이버의 스마트스토어, 윈도, 스마트 플레이스 등에

입점된 개인, 사업자만이 가입이 가능하실 거에요~

 

자세한 것은 아래 파트너센터에서 확인~~ ;)

 

 

 

https://partner.talk.naver.com/

네이버 톡톡 파트너센터

 

 

왼쪽 메뉴 - 노출관리

순서대로 해주시면 됩니다.

 

1. 서비스 연결

네이버의 스마트스토어, 윈도, 스마트 플레이스 등에

가입이 되어 있는 분들께

편의를 제공하기 위해 만들어진 톡톡이다 보니...

네이버 서비스에 연결해 사용할 수 있도록 만들어져 있죠~~

 

서비스에 연결을 일단 해야 됩니다~

오른쪽 초록색 서비스 추가 버튼을 클릭해

네이버의 서비스를 연결해 주세요~

 

블로그, 카페 등은 안되는 걸로 알고 있어요~

결제가 필요한 네이버서비스와 연결하실 수 있습니다~~

 

 

 

 

 

 

2. 톡톡 배너 만들기

 

저는 티스토리에 넣을 거에요~

모바일형도 좋지만...

홈페이지에 넣기 위해서 PC 기본형으로 추가해 줬습니다.

 

오른쪽 초록색, 새 톡톡배너 만들기를 클릭해

기본형에서 배너이름, 사이즈, 배너문구만 수정한 후

저장하기를 클릭하심 버튼 완성!!

 

 

 

 

 

톡톡 버튼의 소스를 복사해 둡니다~~ 

 

 

 

 

 

3. 만들어진 톡톡버튼 적용하기

 

티스토리 블로그, 쇼핑몰, 홈페이지 등으로 와서

디자인을 입히고 버튼링크를 활성시켜 볼께요.

 

저는 티스토리에서~~

스킨편집에 들어갑니다.

 

 

 

원하는 위치에 붙여넣으면 OK~~

즉 html을 조금은 아셔야 되요~

 

 

 

 

아직 방문자도 많지 않고

문의 받을 정도로 물건을 팔지도 않아서...

문의는 없어요~~ ㅋ

 

네이버는 계속 쓰던 거라 사용테스트가 필요없는데...

카카오는 테스트가 필요해 보입니다.

제대로 오는 게 맞는지~~