accessiBe is a fully-automated web accessibility solution to make your site ADA and WCAG compliant. Their Widget provides the ability for visitors to adapt the display of your site for their needs.
To integrate accessiBe with your Volusion store, you'll first want to confirm whether your store is configured to use our Site Designer feature or is using our Legacy Design features.
You can learn more about Site Designer feature and how to gain access to it in our "Upgrading to Site Designer" article.
Store's with Site Designer:
In order to setup accessiBee, you'll first need to connect your store to Google Tag Manager. You can learn how by following our setup guide: Google Tag Manager on Site Designer.
Once you have connected your store to Google Tag Manager, you are ready to begin setting up Accessebi for your site.
1. Visit accessiBe's site and click the 'Start Free Trial' button at the top right, then fill out your information to set up an account.
2. After you setup your accessiBe account click the 'Start a 7-Day trial' button and confirm your domain name.
3. On the next page you will see your Quick Installation Script.
4. Now that you have that code, you can follow the information in accessiBe's guide here on how to add that script to your Google Tag Manager account.
After following these steps, you'll see the accessiBe Widget button appear in the lower right corner of your site.
Stores without Site Designer:
1. Visit accessiBe site and click the 'Start Free Trial' button at the top right, then fill out your information to set up an account.
2. After you setup your accessiBe account click the 'Start a 7-Day trial' button and confirm your domain name.
3. On the next page you will see your Quick Installation Script.
2. Once you have created your account access your Volution site's admin dashboard and navigate to ' Design > File Editor '.
3. On the right hand side of the page, click the .html file under the ' Themes Files ' section.
4. accessiBe will work wherever you place the code in your template, however, we suggest putting it right before the closing of the body tag, which is always the second line from the end of the file.
To finalize your changes and save your code, click the blue ' Save ' button at the top right of the HTML file window.
Then the accessiBe AI kicks in and starts analyzing your website to optimize it for blind people's screen-readers and keyboard navigation for the motor-impaired. All-in-all, you can sit back and relax, Accessibe is now doing all the heavy lifting of the accessibility requirements.