이 문서는 Freshchat 제품을 활용하여 10분 만에 홈페이지 라이브채팅을 만드는 방법에 대한 정보를 공유하기 위해 작성되었다.
Freshchat 가입하기
Freshchat을 가입하기 위해 다음을 freshworks 사이트에 접속합니다.
다음 절차에 따라 Freshchat 가입을 수행합니다.
- Google 계정이 있다면, Sign up with Google 버튼을 클릭하여 가입합니다.
- Google 계정이 없다면, 이메일로 가입을 수행합니다.
Freshchat 초기 설정
가입이 안되면 다음과 같이 간단한 설문을 진행합니다.
Freshchat은 한국어를 지원함으로 상위 언어 선택 메뉴에서 "한국어"를 선택합니다.
업종 선택 - Freshchat을 사용할 업종을 선택합니다.
사용자 설명 - 고객 서비스 소프트웨어 사용 여부를 선택합니다.
설정이 완료되면, 아래와 같이 샘플 채팅 창이 나타납니다.
웹 채팅 코드 확인
이제 홈페이지에 웹 라이브채팅을 달기 위해 다음을 수행합니다.
- 관리자 설정 > 채널 > 웹 채팅 선택
다음과 같이 웹 위젯 화면이 나타나면 아래 그림 처럼 복사 버튼을 클릭하여 복사 후 코드를 보관합니다.
웹 위젯 꾸미기
웹 위젯을 복사 후 사용 용도에 맞게 만들기 위해 웹 위젯을 꾸밀 수 있습니다. 이를 위해 상단 그림에서 "→ 사용자 정의 시작" 버튼을 클릭합니다.
디자인
Web Widget의 디자인 탭에서는 다음을 설정할 수 있습니다. 설정을 변경해보고 실시간이 채팅 창이 변화되는 것을 확인하시기 바랍니다.
- 로고 넣기
- 환영 메시지
- 환영 하위 메시지
- 대화 제목
- 브랜드 색상
- 채팅 배경
- 위젯 런처 아이콘
- 위젯 크기
- 위젯 위치
- 맞춤형 CSS
모든 설정이 완료되었으면 "저장" 버튼을 클릭합니다.
홈페이지에 위젯 달기
이제 마지막으로 홈페이지에 상단 복사한 코드를 다음과 같이 head와 body 사이에 삽입합니다.
<head></head> <script src='//fw-cdn.com/11947123837/4532080212.js' chat='true'> </script> <body></body>
아래와 같이 홈페이지에 라이브 채팅이 만들어진 것을 확인할 수 있습니다.
