Back to guides

Six Steps to Access Your Unique UserWay Code

So you want to install the UserWay accessibility widget on your website? Great! But first, you’ll need a unique code. This is your key to setting the widget on any website that belongs to you.

Step 1: Register Your Website

First, you’ll want to register your website at UserWay.org. You can sign up using a Google (email) account, or your business email. You’ll also add the website URL for the site that will have the widget. To get started registering, select “Start Your Free Trial” at the top right of the main UserWay webpage: www.userway.org. Don’t forget to click “Agree” to the terms and conditions.

Get your unique code

 

Click on continue - Sign up form

 

Step 2: Choose a Plan

UserWay offers a free, Lite widget, that works based on user-triggered accessibility. We also have our flagship AI-powered widget, a robust Pro widget, starting at $49 per month. The Pro version can help your website get a lot closer to full WCAG and ADA compliance. 

To select the Pro option in the full widget, enter your payment information and click the green button to “Pay Securely.” 

Select your plan

Step 3: Get Your Unique Code

Click next and you will see your unique code. This can be copied and pasted into your website’s back-end code or script. It’s simpler than it sounds.

Your unique code can be copied to your clipboard, or saved as a text file on your computer. It’s just text. We will also include your code in a welcome email you’ll receive when you register.

Copy your unique code

Step 4: Customize Your Button

You can also customize your accessibility button. This is the widget icon that appears on your site’s screen, where users can click and activate accessibility options.

Click the text link here, or on the page: Customize your Widget Now. Here, you can choose your options for size, location, color, and icon type. Or, you’re also fine sticking with the default options.

To customize your button, scroll down the page, select your preferred icon, size, and color, and click “Next”. Next, you can choose where the accessibility button will live on your website. By default, it is set to the top right of the page, but this can be changed.

Choose your preferred icon type

Choose a size for your accessibility button

Choose a color for your accessibility button

Place the accessibility button on your site

Step 5: Choose Widget Language

Select a widget language. The widget can automatically detect the user’s language. Site owners can also pre-select a specific language from the language list.

Choose your widget's language

Step 6: Get Accessibility Statement

Does your website have an accessibility statement? If you aren’t sure, don’t worry! Just select the “No / I don’t know” option, and we can always help you out with this later in the “Update your Accessibility Statement” video. If you do have an accessibility statement, click “Yes” and confirm or re-type your website’s accessibility statement URL.

Accessibility statement question

You’re all set!

Using whichever website building platform you prefer, you can now add UserWay’s accessibility widget to your site. If you ever need to revisit your UserWay widget settings or reaccess your code, they are all available on UserWay.org and in the widget. You can also save your welcome email with the code as well.

 

Ready to Make Your Unique code Website Accessible?

FAQ

Yes! UserWay’s widget is compatible with code used in all website creation platforms.

If you forgot to copy, or have misplaced your unique code, no worries! Your unique code hasn’t gone anywhere. Three places to look first!

  1. Email: check for your welcome email that you received initially from UserWay.
  2. Inside widget settings.
    • Click on the widget on your site.
    • Go to Manage at the bottom left.
    • Log in.
    • Go to Widget Settings, at about the middle of the widget.
    • At the bottom of your options list, you’ll see View the widget’s embed script. Click it. That’s your unique code.
  3. In your UserWay dashboard at manage.userway.org.
    1. At top right, see My Embed Script.
    2. Click it. That’s it.

The UserWay Accessibility Widget presents an easy-to-navigate dashboard interface that helps to get your website accessible and move it towards ADA compliance. Users can individually set options in the widget to customize their experience on your website to best meet their accessibility needs.

ADA and WCAG compliance are high standards that do require human input at various steps along the way in your journey to making your site accessible. UserWay’s widget helps a lot. It can offer many accessibility options without completely overhauling your website’s existing code. You’ll also find alerts in the widget to let you know where you have accessibility obstacles that you need to fix. While some accessibility issues can be fixed automatically, many do require your input. The Lite widget, and the Pro widget, are excellent leaps forward in accessibility for your digital assets.

If you’re using WordPress or Shopify and you’ve manually installed the code, and you then update, your code may be erased. In that case, you’ll want to remove the widget and re-install it. These processes are outlined in step by step detail in our platform-specific installation guides and video tutorials.

Really deleting the widget? We’re sorry to see you go! If you’ve already tried removing the widget using our instructions and are still having trouble, you can contact our support team at ,  and we will be happy to assist you!

You can generate your own accessibility statement for your site using UserWay’s Accessibility Statement Generator.
Simply enter your first and last name, organization or business name, email, website address, and phone number in the fields you’ll see in the generator. You’re good to go!