<script>
  function initFreshChat() {
    window.fcWidget.init({
      token: "WEB_CHAT_TOKEN,
      host: "https://wchat.freshchat.com"
    });
  }
  function initialize(i,t){var e;i.getElementById(t)?initFreshChat():((e=i.createElement("script")).id=t,e.async=!0,e.src="https://wchat.freshchat.com/js/widget.js",e.onload=initFreshChat,i.head.appendChild(e))}function initiateCall(){initialize(document,"freshchat-js-sdk")}window.addEventListener?window.addEventListener("load",initiateCall,!1):window.attachEvent("load",initiateCall,!1);
</script>

Freshchat 대화 위젯(웹 메신저)을 표시하고자 하는 웹사이트의 모든 페이지에 코드 스니펫을 붙여넣으세요.

웹 앱에 Freshchat 설치 및 대화 복원 (로그인된 사용자)

웹 앱에 Freshchat을 설치하는 데 몇 분이면 충분하며, 웹사이트의 로그인된 사용자와 소통을 시작할 수 있습니다.

웹 앱에서 로그인된 사용자가 다른 기기나 브라우저에서 대화를 시작할 때마다 사용자 대화를 복원할 수 있습니다. 이를 위해 각 사용자에게 고유한 외부 ID와 복원 ID를 설정해야 합니다. 

다음 코드 스니펫을 사용하여 로그인된 사용자를 식별하고 브라우저 및 기기 간 대화를 복원하세요.

<!--Body-->
function initFreshChat() {
 window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "WEB_CHAT_URL",
  externalId: '1234567',
  restoredId: restoreId? restoreId : null,
   onInit: function() {
     window.fcWidget.on('widget:loaded', function() { 
       window.fcWidget.user.get(function(resp) {
	 var status = resp && resp.status,
	 data = resp && resp.data;
	 if (status !== 200) {
	   window.fcWidget.user.setProperties({
	   firstName: "John", //user's first name
	   lastName: "Doe", //user's last name
	   email: "john.doe@gmail.com", //user's email address
	   phone: "8668323090", //phone number without country code
	   phoneCountryCode: "+1",  // phone's country code
	   plan: "Estate",  // user's meta property 1
	   status: "Active", // user's meta property 2
	  "Last Payment": "12th August" // user's meta property 3
	});
	window.fcWidget.on('user:created', function(resp) {
	  var status = resp && resp.status,
	  data = resp && resp.data;
	  if (status === 200) {
	    if (data.restoreId) {
		// Update restoreId in your database
	       }
              }
            });
           }
        });
     });
   }
 });
}
function initialize(i,t){var e;i.getElementById(t)?initFreshChat():((e=i.createElement("script")).id=t,e.async=!0,e.src="WEB_CHAT_URL/js/widget.js",e.onload=initFreshChat,i.head.appendChild(e))}function initiateCall(){initialize(document,"freshchat-js-sdk")}window.addEventListener?window.addEventListener("load",initiateCall,!1):window.attachEvent("load",initiateCall,!1);
<!--Body-->

• 외부 ID - 각 로그인된 사용자에게 고유해야 합니다. 이 정보는 귀하의 측에서 Freshchat으로 전달되어야 합니다. 예를 들어, 사용자의 이메일 ID가 외부 ID가 될 수 있습니다.
• 복원 ID - 로그인된 사용자가 Freshchat에서 처음으로 대화를 시작할 때 Freshchat에서 생성됩니다. 복원 ID도 각 사용자에게 고유합니다. 이 ID는 사용자 생성 콜백 함수에서 Freshchat으로부터 귀하의 웹사이트로 전달됩니다. 이 ID를 데이터베이스에 저장해야 합니다. 

Freshchat 웹 메신저를 브랜드에 맞게 사용자 정의

1단계: 비즈니스 로고 및 이름 추가

관리자 > 계정 설정> 사이트/앱 설정으로 이동하세요.

여기에서 비즈니스 로고를 업로드하고, 비즈니스(앱) 이름 및 웹 알림 도메인 이름을 추가할 수 있습니다.

'선호 웹 알림 도메인 이름'은 사용자가 브라우저 알림을 활성화할 때 유용합니다.

2단계: 메신저 테마 선택

관리자 > 웹 메신저 > 외관 사용자 정의로 이동하세요.

여기에서 브랜드 로고, 색상, 메신저 헤더 스타일, 배경 및 Freshchat 대화 위젯(웹 메신저)의 크기를 추가할 수 있습니다. 또한 토글을 활성화하여 입력 표시기를 표시할 수 있습니다. 

메신저 가시성 옵션을 사용하여 항상 보이도록, 숨기도록 또는 업무 시간 내에만 보이도록 설정할 수 있습니다(기본 업무 시간). 모든 구성의 미리보기를 오른쪽에서 볼 수 있습니다.

팀원을 Freshchat에 초대하기

관리자 > 상담원으로 이동하여 팀원을 Freshchat에 초대하고 추가할 수 있습니다.