Need some help with installing WebAbility?
Find your answers here
How to Install WebAbility with Google Tag Manager
Before You Begin
Installing WebAbility using Google Tag Manager (GTM) is quick and code-free. Whether you're managing a single site or hundreds of domains, GTM makes deploying WebAbility efficient and scalable. Let's make your website accessible in just a few clicks.
What you'll need:
- Access to your Google Tag Manager account
- Your WebAbility account credentials (or site-specific script)
- 5–10 minutes to set everything up
Compatibility:
WebAbility via GTM works seamlessly with:
- All major CMS platforms (WordPress, Shopify, Wix, Webflow, custom sites)
- Single-page applications (React, Vue, Angular)
- eCommerce systems (WooCommerce, Magento, Shopify, BigCommerce)
- Multi-domain and multi-container GTM setups
- Consent Management Platforms (we'll show you how to integrate them)
Why GTM Users Need Accessibility
GTM is one of the most popular ways to manage scripts across the web — but accessibility often gets left behind in the analytics and marketing rush. Here's why it matters.
The GTM Accessibility Challenge:
- Sites managed through GTM often rely heavily on third-party scripts that ignore accessibility
- Tag-based injections (pop-ups, chat widgets, cookie banners) can create ARIA and focus issues
- Developers rarely test GTM-driven content with screen readers
- Lazy-loaded or dynamic elements can disrupt keyboard navigation and reading order
Legal & Business Impact:
- GTM-managed sites are not exempt from ADA or WCAG 2.1 AA compliance
- Public sector and enterprise clients require accessibility compliance in vendor contracts
- Better accessibility enhances SEO, performance, and user engagement — a win-win
Step-by-Step Installation
- Log in to your Google Tag Manager account at tagmanager.google.com
- In the menu, go to Tags and click New
- Change the tag name to "WebAbility - Pixel" (or similar) and click Tag Configuration
- Scroll down and click Custom HTML
- In the blank HTML field, paste your WebAbility installation code. If you don't have the code:
- Go to your WebAbility account
- Click Installation
- Copy the installation code (you can customize it in the Customized Installation section)
- Scroll down to the Triggering block and click it
- In the trigger window, select All Pages
- Tag Manager will return you to the previous window. Click Save
- Click Submit
- Click Publish
Success! You've successfully installed the WebAbility widget via Google Tag Manager, making your site accessible to all visitors.
Note: Whichever installation method you use, make sure to read ourWebsite Onboarding Guideand follow the instructions carefully to get WebAbility Widget set up right and running smoothly.
