Easy 2-Minute Setup • Universal CMS & Framework Support

A11yGo Toolbar Integration Guide

Deploy fully WCAG-compliant accessibility features on WordPress, Shopify, React, Next.js, or any custom website with a single asynchronous script.

Quick Start (3 Steps) Platform Guides Configuration Codes Plans & Pricing

Fast Track

Get Started in 3 Simple Steps

No complex dependencies or server-side installs required

Get License Key

Start with a 30-day Demo (all features unlocked) or choose a Professional/Business license key.

Copy Embed Snippet

Select your preferred floating launcher position, customize your brand color, and copy the embed loader snippet.

Open License Encoder

Paste in <head>

Insert the script tag before the closing </head> or </body> tag on your website templates.

Test Live Toolbar

Platform Guides

Integrate With Any Platform or CMS

Choose your tech stack below for exact implementation instructions

HTML / Universal

Standard Static & Dynamic Sites

Paste the script tag directly before </head>:

index.html

<!-- A11yGo Toolbar Embed -->
<script>
window.accessibilityToolbarConfig = {
    licenseKey: "YOUR_LICENSE_KEY",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a",
    showToolbarOnLoad: true,
    enableAnalytics: true
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

WordPress

Via functions.php or Header Plugin

Add hook to your theme's functions.php:

functions.php

add_action('wp_head', function() {
    ?>
    <script>
    window.accessibilityToolbarConfig = {
        licenseKey: "YOUR_LICENSE_KEY",
        floatIconPosition: "top-right",
        brandColor: "#1e3a8a"
    };
    (function() {
        var s = document.createElement("script");
        s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
        s.async = true;
        document.head.appendChild(s);
    })();
    </script>
    <?php
}, 99);

Shopify

Online Store → Theme.liquid

Paste into your active theme.liquid:

theme.liquid

<!-- A11yGo Accessibility Toolbar -->
<script>
window.accessibilityToolbarConfig = {
    licenseKey: "{{ shop.metafields.a11ygo.license_key | default: 'YOUR_LICENSE_KEY' }}",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a"
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

React / Next.js

Client Component / SPA Hook

Load cleanly in a React useEffect hook:

AccessibilityToolbar.jsx

import { useEffect } from 'react';

export default function AccessibilityToolbar() {
  useEffect(() => {
    window.accessibilityToolbarConfig = {
      licenseKey: process.env.NEXT_PUBLIC_A11YGO_KEY,
      floatIconPosition: "top-right",
      brandColor: "#1e3a8a"
    };
    const s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
  }, []);

  return null;
}

PHP / Laravel / CI4

Layout View / Blade Template

Include in your master layout or header view:

app.blade.php

<!-- A11yGo Toolbar in Blade / PHP -->
<script>
window.accessibilityToolbarConfig = {
    licenseKey: "{{ config('services.a11ygo.key') }}",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a"
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Google Tag Manager

Custom HTML Tag • All Pages

Create a Custom HTML Tag with "All Pages" trigger:

GTM Custom HTML

<script>
window.accessibilityToolbarConfig = {
    licenseKey: "YOUR_LICENSE_KEY",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a",
    enableAnalytics: true
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Configurations

Configuration Profiles by Plan Tier

Choose the configuration snippet matching your active A11yGo license

Demo Plan (30-Day Evaluation)

Full professional feature set unlocked with DEMO badge on launcher

demo-snippet.html

<script>
// A11yGo Toolbar - 30-Day Demo Profile
window.accessibilityToolbarConfig = {
    licenseKey: "YOUR_DEMO_LICENSE_KEY",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a",
    showToolbarOnLoad: true,
    enableAnalytics: true
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Note: After 30 days, this license automatically transitions to the Free Plan without breaking your website.

Free Plan (Always Free Forever)

Includes Zoom (In / Out / Reset), Dark Mode, High Contrast and Reset All

free-plan.html

<script>
// A11yGo Toolbar - Free Plan (Works with or without license key)
window.accessibilityToolbarConfig = {
    floatIconPosition: "bottom-right",
    brandColor: "#3157D5",
    showToolbarOnLoad: false
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Professional Plan (₹24,900 / Year)

1 Domain, full core accessibility tools, custom brand color, and standard analytics

professional-snippet.html

<script>
// A11yGo Toolbar - Professional Plan (₹24,900/year)
window.accessibilityToolbarConfig = {
    licenseKey: "PROFESSIONAL_LICENSE_KEY_HERE",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a",
    showToolbarOnLoad: false,
    enableAnalytics: true,
    debug: false,
    strictLicenseMode: false
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Business Plan (₹49,900 / Year)

3 Domains, advanced analytics, API access, priority support, and implementation assistance

business-snippet.html

<script>
// A11yGo Toolbar - Business Plan (₹49,900/year)
window.accessibilityToolbarConfig = {
    licenseKey: "BUSINESS_LICENSE_KEY_HERE",
    floatIconPosition: "top-right",
    brandColor: "#1e3a8a",
    showToolbarOnLoad: true,
    enableAnalytics: true,
    strictLicenseMode: false
};
(function() {
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Method 3: Full Cryptographic Secure Config

Obfuscates the entire configuration object with salt and domain locking

Generate with Encoder Tool

encrypted-v3.html

<!-- A11yGo Method 3: Secure Encrypted Token -->
<script>
(function() {
    const _k = String.fromCharCode(97,99,99,51,115,115,49,98,49,108,49,116,121,95,116,48,48,108,98,64,114,95,115,64,108,116,95,50,48,50,52,95,118,51);
    const payload = "ENCRYPTED_BASE64_PAYLOAD_HERE";
    try {
        const decoded = atob(payload);
        const parts = decoded.split("::");
        if (parts.length === 3 && parts[1] === _k) {
            window.accessibilityToolbarConfig = JSON.parse(parts[0]);
        }
    } catch(e) { console.error("A11yGo config initialization error", e); }
    
    var s = document.createElement("script");
    s.src = "https://a11ygo.com/atb1en/atb1en-loader.min.js";
    s.async = true;
    document.head.appendChild(s);
})();
</script>

Plans & Pricing

Transparent Pricing Aligned to Your Scale

Start with our 30-day Demo or choose a license for your organization

DEMO 30-DAYS

DEMO PLAN

Full features • 30 days free evaluation

₹0 / 30 days

All professional features unlocked
DEMO badge shown on the toolbar
30-day validity — no credit card required
Standard analytics included
Auto-downgrades to Free Plan after 30 days
Standard support

No credit card required

FEATURED

PROFESSIONAL

For individual websites and small businesses

₹24,900 / year

1 website allowance
All core accessibility features
Brand color & launcher customization
Standard analytics dashboard
Standard email support
Regular feature updates

Choose Professional Instant license activation

BUSINESS

For growing organizations & multi-site portals

₹49,900 / year

3 websites allowance
Everything in Professional
Advanced analytics & reporting
Developer API access
Priority support queue
Implementation assistance

Choose Business 3 Domains included

Comprehensive Feature Matrix

Capability / Feature	Free Plan	Demo (30 Days)	Professional	Business	Enterprise
Website Allowance	1 Domain	1 Domain	1 Domain	3 Domains	Multiple
Color Modes (Normal, Dark, High Contrast)
Text Size Zoom & Dyslexic Font
Text-to-Speech & Speak Hover
Big Cursor & Reduce Motion
Analytics & Usage Tracking		Standard	Standard	Advanced	Enterprise Custom
White-label Branding & Custom CSS				Optional	Included
Support & SLA	Community	Standard	Email Support	Priority Support	Dedicated SLA (24/7)
Annual Price	₹0 Forever	₹0 (30 Days)	₹24,900 / yr	₹49,900 / yr	Let's Talk

Technical Documentation

API reference, event handlers & configuration manual

Browse our complete technical reference covering keyboard navigation shortcuts, programmatic API control, and compliance mappings.

Read Documentation

Interactive Live Sandbox

Test every feature with real web elements

Visit our dedicated interactive demo playground to test dark mode, dyslexic font, line height, image hiding, and speech synthesis live.

Launch Demo Sandbox