UserWay Logo UserWay Logo Mobile

Before installing the UserWay widget on your site, first, go get your unique code. The most important preparatory step is to visit userway.org and select “Start a free trial”! From there we move forward to the installation.

Start the free trial

Step 1: Sign Up

You can sign up with Google or fill in your work email and website URL. The following step will appear on your screen by clicking on the ‘Next’ button. Before you move on, tick the UserWay “Terms of Use” box.

Step 1: Sign up

Step 2: Choose the Plan

You can customize your free light widget. We call this user-triggered enhancement. You can also choose our robust AI-powered accessibility widget, the path to full ADA and WCAG compliance for your site, starting at $49/month. With the full widget, you’ll fill in your payment details and click on the green button to “Pay Securely”.

Step 2 Choose the plan

If you choose fully ADA and WCAG compliant package, enter your payment details. Then click on ‘Next’ to step number three.

Add Payment details step in installation guide

Step 3: Get the Unique Code

This little code snippet can easily be dropped into the back-end code on your site. We also call this unique code – a script. You’ll see a small block of text that starts with angle brackets and the word “script”. The end of the script has the word “noscript” in angle brackets. Now you can click on ‘Copy.’ We’ve also just emailed this script to you.

Step 4 Get the script

In case you need assistance type in you can directly email your admin or agency. Then you can proceed with configuring the UserWay widget by clicking on ‘Configure.’

Email in case of assistence needed

Step 4: Choose the Icon

This leads to step three which is the step where you choose the icon that you want to display. 

 

Step 4: Choose the Icon

Step 5: Select the Size

From here you move on to select the size. Disclaimer: Size will differ on the mobile devices and appear smaller, no matter the size you choose. 

Step 5: Select the Size

Step 6: Pick the Color of Your Button

Next, you can pick the color of your button with this color picker. 

Step 6: Pick the Color of Your Button

Step 7: Select the Position of the Button

This is followed by selecting the position by clicking over the one you prefer. There are eight different positions. 

Step 6: Pick the Color of Your Button

Step 8: Language Settings

Step seven deals with language. If you want the widget to automatically detect the language of your visitors, then you should leave this default option to auto-detect language. If you want to force the widget to display in a specific language, then select your preferred language. 

Step 8: Language Settings

Step 9: Accessibility Statement

The next step is to set an accessibility statement leaving the “No”‘ option selected. Following the statement, you can add advanced custom options for this widget, choose the ‘I’d like to learn more’ option or more information.

Step 9: Accessibility Statement

Add the address of your site`s accessibility statement.

Email the accessibility statement

Step 10: Access the Widget

You are all set! Now, copy your unique code and go back to your platform of choice to install the widget.

Step 10: Access the Widget