Skip to main content

Installing AllAccessible on Wix

Step-by-step guide to installing the AllAccessible accessibility widget on your Wix website using Custom Code.

Written by Frank

Installing AllAccessible on Wix

Overview

Install the AllAccessible accessibility widget on your Wix website using the Custom Code feature. This guide walks you through adding the widget to all pages or specific pages of your Wix site.

Who This Is For

  • Wix website owners and editors

  • Small businesses, bloggers, and creatives using Wix

  • Anyone managing a Wix site who needs to add accessibility features

What You'll Learn

  • How to install AllAccessible across your entire Wix site

  • How to install on specific pages only

  • How to verify the widget is working

  • Troubleshooting tips specific to Wix

Before You Start

Requirements:

  • An active AllAccessible account with a Site ID

  • A Wix site with a connected domain (custom code requires a connected domain)

  • Your site must be published

What You'll Need:

Time Required: 2-5 minutes

Step 1: Get Your Installation Code

  1. Log in to your AllAccessible dashboard

  2. Click Sites in the left menu

  3. Find your site and click the Installation or Get Code button

  4. Copy the JavaScript snippet

Your code will look like this:

<script>
    (function(d) {
        var s = d.createElement("script");
        s.setAttribute("data-accessible-account-id", "YOUR_ACCOUNT_ID");
        s.setAttribute("id", "allAccessibleWidget");
        s.async = true;
        s.setAttribute("src", "https://api.allaccessible.org/widget/YOUR_ACCOUNT_ID.js");
        d.head.appendChild(s);
    })(document)
</script>

Replace YOUR_ACCOUNT_ID with your actual Account ID from the dashboard.

Step 2: Add Custom Code in Wix

Option A: All Pages (Recommended)

This adds the AllAccessible widget to every page on your Wix site, including any new pages you create in the future.

  1. Go to your Wix Dashboard (not the Editor)

  2. Click Settings in the left sidebar

  3. Scroll down to the Advanced section and click Custom Code

  4. Click + Add Custom Code in the top right

  5. Paste your AllAccessible script code into the code box

  6. In the Name field, type AllAccessible Widget

  7. Under Add Code to Pages, select All pages

  8. Under Place Code in, select Body - end

  9. Click Apply

Why "Body - end"? This loads the widget after your page content, giving your visitors the fastest page load experience.

Option B: Specific Pages Only

If you only want the widget on certain pages:

  1. Follow steps 1-6 from Option A above

  2. Under Add Code to Pages, select Choose specific pages

  3. Check the boxes next to each page where you want the widget

  4. Under Place Code in, select Body - end

  5. Click Apply

Step 3: Verify Installation

  1. Make sure your site is published (custom code only runs on published sites)

  2. Visit your live website (not the Wix Editor)

  3. Look for the accessibility button — it typically appears in the bottom-right corner

  4. Click the button to open the widget

  5. Test a feature like increasing text size or changing contrast

If You Don't See the Widget

Check 1: Make sure your site is published
Custom code only runs on your live published site, not in the Wix Editor preview.

Check 2: Make sure you have a connected domain
Wix requires a connected domain for custom code to work. Free Wix sites without a custom domain cannot use the Custom Code feature.

Check 3: View Page Source

  1. On your live site, right-click and select View Page Source

  2. Press Ctrl+F (Windows) or Cmd+F (Mac) and search for "allaccessible"

  3. You should see your script code in the source

Check 4: Clear your browser cache

  • Hard refresh: Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac)

  • Or try opening your site in an incognito/private browsing window

Check 5: Verify your domain in AllAccessible

  1. Log in to your AllAccessible dashboard

  2. Go to Sites

  3. Make sure your Wix domain is registered (check both www and non-www versions)

Troubleshooting

Custom Code Option Not Available

The Custom Code feature requires a connected domain. If you don't see the option:

  1. Make sure you have a Wix Premium plan

  2. Connect a custom domain to your site under Settings → Domains

  3. The Custom Code option will then appear under Settings → Advanced

Widget Doesn't Appear After Publishing

Possible Causes:

  • Wrong Account ID — double-check the ID matches your dashboard

  • Domain not registered — add your exact Wix domain in the AllAccessible dashboard under Sites

  • Code placement — make sure you selected Body - end (not Head)

  • Browser cache — try incognito mode or clear cache

  • Ad blocker — temporarily disable any ad blockers and test

Code Snippets Disappeared After Changing Domain

Wix ties custom code snippets to your domain. If you change or disconnect your domain, your custom code snippets may be removed. You'll need to re-add the AllAccessible code after connecting your new domain.

Widget Conflicts with Wix Elements

If the widget button overlaps with Wix elements (like a chat button or back-to-top button):

  1. Log in to your AllAccessible dashboard

  2. Go to your site's Widget Settings

  3. Change the Widget Position to avoid overlap (e.g., bottom-left instead of bottom-right)

Important Notes

  • HTTPS only — AllAccessible requires HTTPS, which Wix provides by default on all sites

  • No Wix support for third-party code — Wix does not provide support for issues related to third-party code. For AllAccessible-specific help, contact us directly

  • GDPR compliance — If your site serves EU visitors, consider categorizing the AllAccessible code appropriately in Wix's cookie consent settings

Frequently Asked Questions

Q: Do I need a Wix Premium plan?
A: You need a connected domain, which requires a Wix Premium plan. The Custom Code feature is not available on free Wix sites.

Q: Will the widget appear in the Wix Editor?
A: No. Custom code only runs on your live published site. You must publish and visit your site to see the widget.

Q: Do I need to add the code to every page?
A: No — if you select All pages when adding the code, it automatically applies to every page, including new pages you create later.

Q: Will the widget slow down my Wix site?
A: No. The widget loads asynchronously with Body - end placement, meaning it loads after your page content. Typical impact is less than 0.1 seconds.

Q: What if I change my Wix domain?
A: You'll need to re-add the AllAccessible code after connecting your new domain, and update the domain in your AllAccessible dashboard.

Q: Can I customize the widget's appearance?
A: Yes! Customize colors, position, language, and branding from your AllAccessible dashboard — no code changes needed.

Q: Should I use "Head" or "Body - end" placement?
A: We recommend Body - end for the best page load performance. The widget works in either location, but Body - end ensures your page content loads first.

Wix Reference

Related Articles

Last Updated: February 2026
​Installation Method: Custom Code
​Difficulty: Beginner
​Time Required: 2-5 minutes
​Platform: Wix

Related Articles
Did this answer your question?