Onboarding
      Back to home
      1. BLAZE US Knowledge Center
      2. BLAZE ECOM
      3. Onboarding

      ECOM | How to install the accessiBe ADA Compliance Widget in your GTM

      This article will explain how to install the accessiBe ADA Compliance Widget html code into your ECOM menu's GTM to activate the widget.

       

      We at BLAZE are able to integrate your BLAZE Dashboard with the accessiBe widget. For any detailed questions on the accessiBe feature, please connect with the accessiBe Support: accessiBe Support

      For an explanation of the accessiBe ADA compliant widget, please click here.

      Once you have signed up and activated an account with accessiBe, you're ready to install it on your menu. Please refer to the steps below on how to install the widget.

      • Please note that the accessiBe widget is provided for your convenience and as a courtesy only. While we have made efforts to provide the widget on the menu when the accessiBe account is activated, we cannot guarantee that the accessiBe widget will meet all of your needs for ADA compliance. We cannot be held liable for any issues related to the use of the accessiBe widget or its effectiveness in ensuring ADA compliance.

      You can view the accessiBe GTM install article here.

       

      1. Log into your Google Tag Manager account and click on Tags.
      2. Click New and create a Custom HTML tag. Paste the following 
        HTML code or click here to download the HTML tag file.

      <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#3d3d3d', triggerColor : '#3b3b3b', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people2', triggerSize : 'small', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script>

      3. Set Triggering to All Pages and click Save

      4. Confirm the code is firing correctly by clearing your browser cache and reloading the menu.

      5. Visual settings are configured inside of the accessiBe platform dashboard.