How to Install the UserWay Widget on Squarespace (Website ADA Compliance Tutorial)

Website Widget Userway

Share:

Table of Contents

Ensuring your website is ADA-compliant isn’t just about meeting legal standards—it’s about making your site accessible to everyone. If you have a Squarespace website, adding the UserWay Accessibility Widget is one of the easiest ways to improve accessibility for visitors with disabilities. This guide will walk you through how to install and customize the UserWay widget on Squarespace step by step. Whether you’re new to website accessibility or looking for a quick solution, this tutorial will make the process easy. 

 

Why Website Accessibility Matters

Making your website accessible improves user experience and ensures that everyone, including people with disabilities, can navigate your site. Accessibility also helps with:

Legal Compliance – Avoid lawsuits related to ADA (Americans with Disabilities Act) and WCAG (Web Content Accessibility Guidelines).

Better SEO Rankings – Google favors websites that offer a better user experience for all visitors.

Increased Audience Reach – Over 15% of the global population has some form of disability.

Stronger Brand Reputation – Demonstrating inclusivity builds trust with your audience.

Adding UserWay to your Squarespace website is a fast and effective way to enhance accessibility without complex coding.

 

For a visual walkthrough, check out our full step-by-step video tutorial:

 

Step 1: Register for a Free UserWay Account

To get started, you need to sign up for a free account on UserWay.

How to Register:

  1. Sign up with UserWay
    userway_logo
    Starting from $490/year
    Key Features

    AI-powered accessibility widget for websites
    Ensures compliance with ADA, WCAG, and other accessibility standards
    Customizable tools for improving website usability

    UserWay makes websites more accessible for everyone by automatically fixing accessibility issues. It’s a simple way to stay compliant and improve the user experience without coding.

  2. Click “Get Started” – Enter your email and website URL.
  3. Confirm Your Registration – Check your email for confirmation.

Once you sign up, UserWay will generate a unique code snippet that you’ll need to install on your site.

 

Step 2: Copy Your UserWay Code Snippet

After registering, UserWay provides a unique code that activates the accessibility widget.

Where to Find Your Code:

  • On the confirmation screen after signing up.
  • In your email inbox from UserWay.
  • Inside the UserWay dashboard, under “Manage Widgets.”

Copy this code snippet, as you’ll need it for the next step.

 

Step 3: Add the UserWay Widget to Squarespace

Now, let’s install the widget on your Squarespace website.

How to Add the Code in Squarespace:

  1. Log in to Squarespace and open your website dashboard.
  2. Go to “Settings” → “Advanced” → “Code Injection.”
  3. Scroll down to the Footer Section.
  4. Paste the UserWay Code Snippet into the footer box.
  5. Click “Save” and Publish.

This ensures the UserWay widget loads on every page of your website.

 

Step 4: Customize the UserWay Widget

Now that the widget is installed, you can customize its appearance to match your website’s branding.

Customization Options:

Change the Widget Size – Adjust the scale for better visibility.

Modify Colors & Contrast – Match the widget to your brand’s color scheme.

Choose the Widget Position – Move the accessibility icon to the best location on your site.

Enable Specific Features – Turn on keyboard navigation, text scaling, color contrast adjustments, and more.

UserWay makes it easy to fine-tune the widget settings so that it blends seamlessly with your site design.

 

Step 5: Verify Installation & Test Accessibility

Once the widget is installed and customized, it’s important to test your website to ensure the widget is working correctly.

How to Check If UserWay Is Installed Correctly:

Visit your website and look for the UserWay accessibility icon (usually a small accessibility button in the corner).

Click the widget to see if the accessibility options appear.

Test different accessibility features, such as increasing text size or adjusting contrast.

If everything works, your website is now more accessible and ADA-compliant!

 

Step 6: Add an Accessibility Statement to Your Website

An accessibility statement informs visitors about your commitment to website accessibility and provides a way to report issues.

How to Add an Accessibility Statement on Squarespace:

  1. Go to Pages → Click “Add New Page.”
  2. Title the Page “Accessibility Statement.”
  3. Write a short statement explaining:
    • Your commitment to accessibility.
    • Features you’ve implemented (like UserWay).
    • Contact information for accessibility support.
  4. Publish the page and link it in your website footer.

This small step helps you stay compliant with accessibility laws and enhances user trust.

 

Troubleshooting Common Issues

If the widget isn’t showing up after installation, try these fixes:

  • Clear Cache & Refresh – Sometimes, changes take a few minutes to appear.
  • Check for Conflicting Code – Ensure there’s no other accessibility widget conflicting with UserWay.
  • Reinstall the Code Snippet – Double-check that you pasted the code in the footer section.
  • Use a Different Browser – Sometimes, browser extensions can block scripts.

If you’re still having issues, UserWay’s support team can help troubleshoot.

 

Why Use UserWay for Website Accessibility?

The UserWay widget is one of the best accessibility solutions available because:

  • It’s Easy to Install – No coding skills required.
  • Customizable – Adjust colors, placement, and settings.
  • Improves ADA Compliance – Helps meet WCAG and ADA guidelines.
  • Enhances SEO – Google favors accessible websites.
  • Affordable – Free and premium versions are available.

With just a few clicks, your website becomes more inclusive and legally compliant.

 

Final Thoughts: Improve Website Accessibility with UserWay

Making your website ADA-compliant doesn’t have to be complicated. With UserWay, you can install an accessibility widget in minutes and provide a better experience for all users.

Quick Recap:

  • Sign up for a free UserWay account and copy your code snippet.
  • Add the code to the footer section of your Squarespace website.
  • Customize the widget to match your website’s branding.
  • Test and verify that the widget is working properly.
  • Create an accessibility statement to show your commitment to inclusivity.

If you’re ready to make your website more accessible, sign up for UserWay today using our affiliate link in the description to get started.

Follow us on Social Media

Related Articles:

Best Platforms for Automation & Supplier Integration for Selling Online in 2025
make money online
How to Sell Digital Products on Your Website in 2025 (Easy Step-by-Step Guide)
Near Me
How to Rank for “Near Me: Searches and Get More Local Customers (2025 Guide)

Web Setup Form

Web Setup Order Form

Maximum file size: 67.11MB

Checkboxes