Back to guides

3 Steps to Installing UserWay’s Duda Accessibility Widget

If you want to increase your Duda website’s accessibility, UserWay’s AI-Powered Accessibility Solution will help. This guide will quickly outline how you can manually install the UserWay Duda accessibility plugin to make your website more accessible to all users.

Install UserWay Using the Duda App Store

Step 1: Install the UserWay App from your Duda Website Editor

In your Duda website editor, on the left menu at the bottom, click “App Store.” You will redirect to a new page, where you will type “UserWay” at the search bar at the top. Click Enter, and wait for the results to appear.

You will see the UserWay App. Click on “Install,” and a pop-up will appear. Next, click “Add,” and you’ll receive a success message.

1 - go to app store, search UserWay and click install

2 - click add then click got it

On the resulting page, you’ll see a notification asking you to verify your email. Go to your inbox, where you should have an email from UserWay that contains your verification code. Copy this code, and paste it to the Duda Website Editor. 

3 - paste code and click verify

Take a look at the left panel. Navigate to Widgets, and move the HTML widget into your site and paste it into your code.

If you’ve verified your email with UserWay, the verification message will not  appear.

If you don’t see the UserWay email, go ahead and check your Spam folder.

Step 2: Preview Your Duda Website for Customization Options

You can now preview your Duda Website to ensure that your UserWay widget is installed and working, as well as to  access customization options for your accessibility icon on the Duda platform.

 To customize your Duda widget, scroll down to change the type, size, color, and position of your icon or button. 

 Once you’ve selected your customization options, click “Save Settings” before you leave the icon customization area.

If you’re looking for more extensive accessibility and compliance options for your Duda website, you may want to consider the more robust UserWay Pro widget.

Step 3: Generate an Accessibility Statement for your Duda Website

Now that you’ve explored your accessibility widget, you can create an accessibility statement. Accessibility statements typically have their own web page, are easy to navigate to, and detail the current status of your website’s accessibility and any accessibility-related efforts of your organization.

To generate an accessibility statement for your Duda website, go back to the top menu (which looks like a long oval-ended bar at the top of the Settings page).

Next, you’ll notice that you’re in the first tab – the “Your Widget” tab. Check the “Accessibility Statement” tab, where you can fill out your details and click the “Generate My Accessibility Statement” button. 

You’re all set! You can now check your email for the accessibility statement sent to your inbox.

The final step is to check your Duda website, preview it, and ensure that your Duda widget is installed and working correctly.

Install UserWay On Duda Manually

Step 1: Register Your Duda Website With UserWay

First, you must register your website at Userway.org by clicking on the blue “Start Free Trial” button at the top right of the homepage.

Next, follow the registration steps to receive your unique code snippet. You can copy the text to your clipboard or save it as a text file. You can also find the code in the welcome email you received when registering your website with UserWay.

If you’ve already registered a website with UserWay, there’s no need to re-register. You can simply add this website to your list and use the same unique code you used with your previous website. 

To find your code, you can check your welcome email or log into your UserWay dashboard and click on “My Embed Script” in the top right menu. Here, you will find your unique code, which you can copy and paste into your site to get your Duda plugin.

If you have trouble signing into your UserWay dashboard, your login credentials can be found in your welcome email sent to you upon registration.

Step 2: Paste Your Unique Code in the Duda Website Editor

After you’ve grabbed your unique code snippet, go to your Duda website editor to paste the code. There are two ways to paste your code:

  • Pasting Your Unique Code via Settings:

On the left menu of your Duda website editor, scroll down to the bottom of the page and click “Settings.” You’ll be prompted to a new page, where you’ll go to the nested navigation menu, mouse down to the middle of the list, and click on “Head HTML.”

On the resulting page, you’ll see the title: “Body end HTML,” where you’ll be able to paste your code in the first text field underneath the title. Next, on the bottom of the page, click “Save,” and then you’re all set.

1 - settings - head html - paste and save

  • Pasting Your Unique Code via Developer:

To paste your unique code via the Developer Mode, go to the top right-hand side of your Duda website editor, where you’ll see a horizontal list of icons. Scroll to find the Developer ‘code” icon, which looks like two pointy brackets with a forward slash inside. Select the code icon. 

You are now in the Developer Mode. To paste your code, scroll to the bottom of the page. On the left-hand menu, click “Site HTML/CSS,” where you’ll be prompted to a dropdown menu. Click “body-end.html.”

Next, you can paste the code in the text editor section on the right. Make sure you click the “Save” checkmark button by scrolling up to the top of the page of your Duda website editor. You’re all set!

2 - In developer mode-click body end-paste code-save

Step 3: Publish, Preview, and Customize Your Duda Widget

Now that you’ve followed all the above steps, you can preview your Duda website to ensure that your UserWay widget is installed and working.

At this point, if you’d like to customize your Duda Widget, you can choose to sign in either directly through your widget, or, you can go to UserWay.org and check your dashboard there. All your widget customization options are available in either place.

If you think your Duda website needs some more extensive accessibility features, consider upgrading to the UserWay Pro Widget.

 

Ready to Make Your Duda Website Accessible?

Frequently Asked Questions (FAQs)

Duda is the leading web design platform for web design companies. Duda platform is designed for customers like freelance web professionals, digital agencies, or large hosting companies and online publishers.

No. You can start a 14-day free trial with the Duda platform, after which you’d have to select  a monthly plan depending on your website’s needs. The “Basic” plan starts at $14 USD/month and covers 1 Site & AWS hosting, and email support.

Yes. Installing UserWay’s accessibility widget into your Duda website means your website’s written content and graphics will be examined for accessibility gaps. All forms of content, including images, audio, video, documents, etc., will be analyzed by UserWay’s accessibility widget so that they’re able to meet accessibility standards.