Skip to main content

⚙️How to Install AI-Assisted Remediation on WooCommerce

Steps to following to add our AI-remediation script to your WooCommerce site.

To make use of our AI-assisted remediation feature, you will need to install a JS snippet on your WooCommerce website.

The snippet needs to be added to your site’s global template, right before </body> tag.

Once installed, the remediation script will automatically run across your website and enable AI-assisted accessibility fixes.

Here are the steps you’ll need to follow to get set up.

Step 1: Locate Your AI Remediation Script

After adding your domain to AccessibilityChecker.org, you will see the option to Set Up AI Remediation.

Here, you’ll find your unique JavaScript snippet.

To locate the script:

  1. Log into your AccessibilityChecker.org account

  2. Click on your domain

  3. Click Set Up AI Remediation

  4. Copy the script snippet provided

Step 2: Install the Script on WordPress

There are two common ways to install the script on WordPress:

  1. Using a plugin (recommended for most users)

  2. Adding the script directly to your theme files

The plugin method is the easiest and safest option.

Option 1 (Recommended): Install Using a Header & Footer Plugin

  • Log Into WordPress

  • From the WordPress dashboard:

    • Go to Plugins

    • Click Add New Plugin

  • Search for: WPCode - Insert Headers and Footers

  • Install and activate the plugin

  • After activation, go to the plugin settings and locate the Footer or Scripts in Footer section

  • Paste the copied AccessibilityChecker.org script into the footer scripts field and click Save.

  • Return to AccessibilityChecker.org and click Validate Connection. If the script has been installed correctly, the connection status will update automatically.

Option 2: Add the Script Directly to Your Theme

This option is recommended for developers or advanced WordPress users.

  • Open the Theme File Editor by going to to Appearance and selecting Theme File Editor

  • Open the footer.php file

  • Scroll to the bottom of the file and locate:

</body>

  • Add the script immediately before the closing tag.

Example:

<script src="cdn.accessibilitychecker.com/client-id/remediate.js"></script>

</body>

  • Click Update File to apply your changes.

You can now click Validate Connection on your AccessibilityChecker.org dashboard to confirm the connection.

Did this answer your question?