Freshchat에서 사전 채팅 양식 설정하기

Freshchat의 사전 채팅 양식을 사용하여 고객에게 필요한 세부 정보를 수집할 수 있는 양식을 제공하여 Freshchat에서 훌륭한 고객 서비스 경험을 제공합니다. 사전 채팅 양식을 통해 채팅이 시작되기 전에도 방문자로부터 정보를 수집할 수 있습니다. 

사전 채팅 양식을 사용하는 대신 봇을 사용하여 정보를 수집할 수도 있습니다. 봇은 참여도가 높고 상호작용이 가능하여 방문자와 고객이 사전 채팅 양식을 수동으로 작성하는 번거로움을 덜어줍니다. 봇에 대해 더 알아보려면 여기를 클릭하세요.

여전히 비즈니스에 봇보다 전통적인 사전 채팅 양식을 선호한다면, 다음 코드 스니펫을 사용할 수 있습니다. 이 코드 스니펫을 body 태그 안에 추가하세요.

이것은 샘플 스니펫입니다. 요구 사항에 따라 필드를 수정할 수 있습니다.

<script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.min.js"></script>
<script>
  var preChatTemplate = {
    //Form header color and Submit button color.
    mainbgColor: '#0aa4db',
    //Form Header Text and Submit button text color.
    maintxColor: '#fff',
    //Chat Form Title
    heading: 'GadgetGod',
    //Chat form Welcome Message
    textBanner: 'We can\'t wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself.',
    //Submit Button Label.
    SubmitLabel: 'Start Chat',
    //Fields List - Maximum is 5
    //All the values are mandatory and the script will not work if not available.
    fields : {
      field1 : {
        //Type can be either text or title
        type: "title",
        //Label for Field Title, can be in any language
        label: "Title",
        //Field ID for Title
        fieldId: "title",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Title"
      },
      field2 : {
        //Type for Name - Do not Change
        type: "name",
        //Label for Field Name, can be in any language
        label: "Name",
        //Default - Field ID for Name - Do Not Change
        fieldId: "name",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid name"
      },
      field3 : {
        //Type for Email - Do Not Change
        type: "email",
        //Label for Field Email, can be in any language
        label: "Email",
        //Default - Field ID for Email - Do Not Change
        fieldId: "email",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Email"
      },
      field4 : {
        //Type for Phone - Do Not Change
        type: "phone",
        //Label for Field Phone, can be in any language
        label: "Phone",
        //Default - Field ID for Phone - Do Not Change
        fieldId: "phone",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please Enter a valid Phone Number"
      },
      field5 : {
        //Type for Dropdown
        type: "dropdown",
        //Label for Field Dropdown, can be in any language
        label: "Plan",
        //Field ID for Plan Dropdown
        fieldId: "plan",
        //Required "yes" or "no"
        required: "yes",
        //Error text to be displayed
        error: "Please select an option",
        //Options for the Dropdown field
        options: ['Sprout','Blossom','Garden','Estate','Forest']
      }
    }
  };
  window.fcSettings = {
    token: "WEB_CHAT_TOKEN",
    host: "https://wchat.freshchat.com",
    config: {
      cssNames: {
        //The below element is mandatory. Please add any custom class or leave the default.
        widget: 'custom_fc_frame',
        //The below element is mandatory. Please add any custom class or leave the default.
        expanded: 'custom_fc_expanded'
      }
    },
    onInit: function() {
      console.log('widget init');
      fcPreChatform.fcWidgetInit(preChatTemplate);
    }
  };
</script>
<script src="https://wchat.freshchat.com/js/widget.js" async></script>

위 코드에서 "WEB_CHAT_TOKEN"을 web.freshchat.com 계정의 관리자 > 계정 설정 > 통합 설정에서 Freshchat 대화 위젯(웹 메신저) 토큰으로 교체하세요.

질문이 있거나 더 많은 맞춤 설정이 필요한 경우 support@freshchat.com으로 문의하세요