Integrating UX1 with Freshchat

You can integrate UX1 for Resellers with Freshchat, for example, to improve customer experience in the panel.

To do this, complete the following steps:

1. Integrate CloudBlue Commerce with Google Analytics. Do this for every brand where you want to add Freshchat. Refer to How to Configure Integration with Google Analytics for the instructions.
2. Make sure you have an active Freshchat account.
3. Create the following tag in Google Tag Manager:
   • Name: Freshchats

   • Type: Custom HTML

     <script>
       function initFreshChat() {
           window.fcWidget.init({
           token: "<your_freshchat_token>",
           host: "https://wchat.freshchat.com",
           externalId: aps.context.user.userId,
           firstName: aps.context.user.givenName,
           lastName: aps.context.user.familyName
           });
       }
       
       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");
       }
     
       if (aps.context.accountType === "RESELLER") {
         initiateCall();
       }
     </script>
     

     Where <your_freshchat_token> is the token provided by Freshchat.

   • Firing Trigger: DOM Ready
4. Now, when you launch Freshchat it will be displayed in UX1 for Resellers.