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.

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 = ''; 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.