Skip to main content Skip to footer

How to add the UserWay Accessibility Widget

uSkinned Site Builder is built with accessibility in mind, ensuring that your website meets essential accessibility standards. However, staying ahead of the curve is important, and sometimes utilising a widget like UserWay can further enhance accessibility, offering additional features such as screen reader support, contrast adjustments, and more.

This guide will walk you through the steps to add the UserWay Accessibility Widget to your uSkinned Site Builder for Umbraco CMS website.


Step 1: Sign Up for a UserWay Account

  1. Go to the UserWay website.

  2. Click the Get the Widget button.

  3. Enter your website URL and click Next.

  4. Provide your email address and create a password.

  5. Click Sign Up & Continue.

Once you've signed up, you’ll receive a unique accessibility widget script to embed on your site.


Step 2: Copy Your Unique Widget Code

  1. After signing up, you’ll be redirected to a setup page.

  2. Copy the JavaScript embed code provided by UserWay.

  3. Keep this code handy as you’ll need it in the next step.


Step 3: Add the Widget Code to Your uSkinned Website

  1. Log in to your uSkinned Site Builder website.

  2. Navigate to Global > Content and Settings > Scripts.

  3. Locate the Header opening scripts field.

  4. Paste the copied UserWay script into the field.

  5. Click Save & Publish to apply the changes.


Step 4: Verify the Widget Installation

  1. Go to the front end of your uSkinned website.

  2. The UserWay Accessibility Widget icon should now appear on your site.

  3. Click the icon to open the accessibility menu and explore the options.

If the widget does not appear, double-check that you correctly pasted the script in the Header Scripts section of your site settings.


Step 5: Customise the Widget (Optional)

UserWay allows customisation to match your website’s branding and requirements.

  1. Log in to your UserWay dashboard.

  2. Navigate to the customisation settings.

  3. Adjust widget colours, position, and other preferences.

  4. Save changes, and they will be reflected on your website.

#h5yr

Step 1

Sign up

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Create content with the Visual Editor and utilise built-in eCommerce and integrations.

Step 4

Go Live

You can host on Azure with us or choose your own with the self-hosted  license.