Integrating UX1 with Appcues

You can integrate UX1 with Appcues, for example, to provide your customers with added information such as introductory tours 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 Appcues. Refer to How to Configure Integration with Google Analytics for the instructions.
2. Make sure you have an active Appcues account.
3. Create the following tag in Google Tag Manager:
   • Name: Appcues Init

   • Type: Custom HTML

     <script src="<appcues_script_url>"></script>
     <script>
         if (aps.context.accountType === "RESELLER") {
           Appcues.identify(aps.context.user.userId, {createdAt: aps.context.accountCreatedAt});
         }
     </script>

     Where <appcues_script_url> is the URL to your Appcues script file.

   • Firing Trigger: DOM Ready
4. Create one more tag in Google Tag Manager:
   • Name: Appcues Page Change Event

   • Type: Custom HTML

     <script>
     
       if (aps.context.accountType === "RESELLER") {
         Appcues.page();
       }
     </script>
     

   • In Advanced Settings > Tag Sequencing, complete the following steps:
     • Choose to Fire a tag before Appcues Page Change Event fires and select the Appcues Init in the Setup Tag list.
     • Enable the Don't fire Appcues Page Change Event if Appcues Init fails or is paused option.
   • Firing Trigger: History Changes
5. Now, when you launch Appcues it will be displayed in UX1 for Resellers.