Skip to main content

Enabling Accessibility Features for Ecommerce

How to leverage Google Tag Manager to implement ADA compliant accessibility features for your Treez Ecommerce website

Treez Support avatar
Written by Treez Support
Updated over a week ago

Overview

According to the Americans with Disabilities Act (ADA), modern websites must be ADA compliant. This means that users with disabilities, such as eyesight impairment, can still functionally use your website.

One easy way to incorporate accessibility features into your website is to use accessiBe, which can be added to your Treez Ecommerce site using Google Tag Manager (GTM).

How to Implement accessiBe via GTM

Pre-Requisites

  • Google Tag Manager ID configured in your Treez Ecommerce Admin. See how to set this up here.

Step 1: Obtain the accessiBe Script

  1. Login to accessiBe:

    • Create an accessiBe account, if you haven't already.

    • Go to your accessiBe account and navigate to the dashboard.

    • Locate the JavaScript code snippet provided for your site.

  2. Copy your site-specific accessiBe code.

The script will look something like this:

<script>
(function(d){
var s = d.createElement('script');
s.src = 'https://acsbapp.com/apps/app/path-to-your-site.js';
s.async = true;
s.defer = true;
d.getElementsByTagName('head')[0].appendChild(s);
})(document);
</script>

The above script is just an example. Do not copy or use the code as-is.


Step 2: Configure accessiBe via Google Tag Manager (GTM)

Follow these step by step instructions directly from accessiBe.

Did this answer your question?