Weebly accessibility widget installation

Weebly WCAG widget

Plugin installation

Step 1: Register your site and obtain a token

If you already have an account, log in to DockWCAG, go to your account and copy the generated token.

WCAG Token copy

 

If you are installing the plugin for the first time, register using Google, Facebook or use your own email address and password.

After creating an account, go to the “My Tokens” tab, and then click the button “Add new”.

Tokens dropdown

In the form for adding a new token, enter the addresses of the websites where you want to apply the token. If your site runs on a domain such as example .com and www.example.com then it is necessary to add both addresses. Read more about this in the documentation.

When creating the token and later when editing, you can check the option to have an accessibility declaration generated for your website. An accessibility declaration is a required document for public institutions in the European Union. If it applies to your site, then enable the accessibility declaration and complete the required fields. Read more about it in the documentation.

Finally, click the “Save” button and copy the generated token.

Step 2: Adding the DockWCAG widget in Weebly

To add a widget in Weebly, go to edit the page and then go to the “Settings” tab.

Weebly Widget WCAG settings

Then go to the “SEO” tab and in the “Footer Code” field paste the following code:

<script>
    (function (w, d, s, l, t, c = {}) {
        w[l] = c;
        w[l].token = t;
        var f = d.getElementsByTagName(s)[0], 
        j = d.createElement(s), 
        a = new Date().getTime();
        j.async = true;
        j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js?t=' + a;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'accessibility', '***', {
        widget: true,
    });
</script>

Paste code and replace *** with your unique token that was generated in the previous step.



Weebly Widżet WCAG ustawienia SEO

For more on how to configure the widget, see the documentation.

Step 3: Preview the site

After adding the script, test your site to make sure the widget is properly installed and works as expected. Check all the widget’s functions to verify that the installation was successful.

 

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.