[채널톡] 티스토리 블로그에 무료 채팅 상담 기능 추가하기 방법

GomT 2024. 8. 31.

[채널톡] 티스토리 블로그에 무료 채팅 상담 기능 추가하기

티스토리 블로그 꾸미기와 관련해서 초보들이 접근하기 쉬운 글을 쓰고 있습니다.

저도 마찬가지로 티스토리를 접한지 얼마 되지 않아 이것 저것 공부하고 있는데요. 비단 상업적인 내용을 다루는 블로그가 아니더라도 채팅 상담창 하나쯤 달아 두면 좋을 것 같아서 이것 저것 알아봤습니다.

그러던 중 '채널톡'이라는 플랫폼을 알게 되었는데요. 의외로 간단하게 채팅창을 달 수 있었습니다.

이번 포스팅에서는 티스토리 블로그에 무료 채팅 상담 기능 추가하기 라는 주제로 글을 써 보겠습니다.

채팅창 애드온을 내 티스토리 블로그에 설치하기 위해서 먼저 해야 할 일은 채널톡에 가입하는 것입니다.

공식 웹페이지에서 일련의 과정을 거쳐 계정과 비번을 생성하는 것이 첫번째 할 일입니다. 과정은 어렵지 않으며 일반적인 회원 가입 방식과 비슷하므로 생략하겠습니다.

서비스 자체는 무료입니다. 비즈니스 관련 기능을 이용하기 위해서는 결제를 해야 합니다. 하지만 채팅 기능을 추가하고 이용하기 위해서는 결제할 필요 까지는 없습니다.

맨 먼저 로그인을 한 후, 초기화면에서 좌측 상단 아이콘을 클릭합니다.

이 버튼은 채널톡의 튜토리얼을 학습할 수 있도록 업체측에서 마련해 둔 일종의 도움말 기능입니다.

차례대로 하나씩 기본 기능을 따라하다 보면 자연스럽게 채널톡을 학습하게 되는 구조입니다.

여기에서 좌측 메뉴 중 맨 아래에 있는 "사이트에 채널톡 버튼 설치"를 클릭합니다.

설치 가이드 보기를 클릭합니다. 친절하게 설명되어 있으니 차근차근 진행해 주세요.

그럼 다음 화면에서 코드를 복사할 수 있는 창이 하나 나타납니다. 이 내용을 내 티스토리 블로그 스킨에 추가해 주면 되는 방식입니다. 처음부터 과정을 요약하면 다음과 같습니다.

1) 채널톡 가입

2) 초기화면에서 좌측 상단 '튜토리얼' 버튼 클릭

3) 채널톡 버튼 설치 항목 진입

4) 스크립트 코드 복사하기

5) 내 티스토리 블로그 스킨에 추가하기

이렇게 요약할 수 있는데요. 다음 단계인 스킨에 적용하는 방법에 대해서 알아보겠습니다.

1) 티스토리 블로그 관리 진입

2) 왼쪽 메뉴 중 "스킨 편집" 클릭

3) html 편집 클릭

4) 복사한 코드를 </body> 바로 위에 붙여넣기

5) 적용

</body>의 바로 윗줄에 붙여넣기 해 줍니다.

정상적으로 적용이 된 모습입니다.

위의 과정을 잘 진행했다면 내 블로그 오른쪽 하단에 채팅창이 생성되었을 것입니다. 혹여 궁금한 어떤 사람이 저 아이콘을 클릭한 후 채팅을 건다면 어떻게 될까요?

채널톡의 PC화면 또는 모바일 앱으로 전송되며 '알림'이 옵니다. 추가적으로 상담자의 이름이나 기타 세팅도 할 수 있으니 활용해 보세요.

자, 여기까지 티스토리 블로그에 무료 채팅 상담 기능 추가하기 라는 주제로 글을 써 봤습니다.

중요한 기능인데 비해 설정 방법이 간단하죠? 이렇게 나만의 블로그 또는 홈페이지에 채팅창을 무료로 달 수 있다는 것이 흥미롭습니다. 부디, 오랫동안 이 서비스가 지속되었으면 하는 바람입니다.