To make use of our SmartFix™ feature, you will need to install a JS snippet on your Shopify 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 SmartFix™ Script
After adding your domain to ACE™ Scanner, you will see the option to Set Up SmartFix™.
Here, you’ll find your unique JavaScript snippet.
To locate the script:
Log into your AccessibilityChecker.org account
Click on your domain
Click Set Up SmartFix™
Copy the script snippet provided
Step 2: Log Into Shopify
Log into your Shopify admin dashboard and select the store where you want to install the remediation script.
Step 3: Open Your Theme Settings
In the left-hand menu:
Click Online Store
Select Themes
Locate your active theme
Click the ••• (Actions) button
Select Edit code
Step 4: Open the Theme Layout File
Inside the code editor:
Locate the Layout folder
Open the file called: theme.liquid
Step 5: Find the Closing </body> Tag
Scroll toward the bottom of the theme.liquid file and locate: </body>.
Paste your remediation script immediately before the closing </body> tag.
Click the Save button in the top-right corner of the code editor.
Step 6: Validate the Connection
Return to your ACE™ Scanner dashboard in the SmartFix™ pop-up and click on Validate Connection.