네이버 블로그에 카카오톡 위젯 (상담) 만들기!

요즘 블로그로 소상공인들이 홍보나 블로그로 쇼핑몰을 운영을 하시는 분들이 많은데요, 그럼 카카오 톡으로 상담할 수 있게 카카오톡과 바로 연결 되는 상담용 위젯을 만들어 보겠습니다.

먼저 카카오톡에 오픈 채팅을 해제 하셔야 합니다. 카카오톡 창을 보면 맨위에 말풍선 그림을 먼저 클릭 합니다.

 

글

제가 알아보기 쉽게 화살표를 해 놓았습니다. 이것을 누르면 오픈채팅이 뜨는데요 그럼 그것을 다시 한번 누릅니다.

그러면 오픈 프로필 만들기가 뜨는데요 상호명이나 헤시테그를 사용해서 필요한 검색어를 입력 하시고 상담용 오픈채팅 창을 만들면 됩니다.

그런다음 오픈채팅방 주소가 뜨는데요 그 주소를 복사해 놓고 네이버 블로그로 들어 갑니다. 네이버 블로그에서 관리 기본 정보에 기본 에디터 설정이 있는데 이것을 스마트에디터 2.0 버전으로 바꾸어 줍니다.

사진에 보이시죠??? 스마에디터2.0은 HTML을 볼수 있기 때문에 매우 중요합니다. 그런다음 적당한 카카오톡 이미즈를 사진으로 올립니다.

저는 이 이미지를 사용해서 했으며 이미지 사이즈는 가로170이 넘으면 안되니 참고 하시고 이 그림으 아까 카카오톡 오픈채팅 링크를 걸어 줍니다 스마트 에디터 위쪽에 보시면 노란 말풍선 바로 옆에 URL 이라고 있는데 거기에 카카오톡 오픈채팅 링크를 넣어 주시면 됩니다.

다음은 스마트 에디터2.0글을 HTML로 바꿔서 그것을 다시 한번 복사 합니다. 스마트 에디터 맨 아래부분 오른쪽 중간에 있으니 쉽게 찾으실수 있을것 같습니다.

그런 다음 네이버 블로그 관리에 들어가서 전체보기를 누르면 레이아웃 위젯 설정이 있을것 입니다.

그것을 클릭하면 위젯 직접등록이라는 창이 보이실것 입니다. 오른쪽 맨 아래 있습니다.

.1 위젯 직접등록을 누르시면 2. 위젯명을 적어 넣으시고 마지막으로 아까 포스팅 한 카카오톡 오픈채팅 HTML코드를 3.번에 복사해서 붙여 넣기를 합니다.

위젯직접등록 확인을 누르면 위젯이 생성되었는데요 그 위젯위치를 마우스로 드레그 해서 적당한 위치에 가져다 놓으시면 됩니다. 그리고 바로 적용 클릭을 하시면 완성됩니다. 그럼 블로그 메인 화면에는 이렇게 나옵니다.

그러면 이 카카오톡 다른 방문자 분이 클릭하면 바로 카카오톡 상담이 가능한것 입니다. 어떻게 많은 도움이 되었나요?

사실 요즘 코로나19때문에 소상공인이나 자영업자분들이 어려워 하시는데요 작은 도움이라도 되었으면 합니다.