Overview
This comprehensive guide will walk you through integrating Accesstive with your Shopware store. Accesstive provides an AI-powered accessibility widget that makes your e-commerce site more inclusive and helps meet WCAG compliance standards.
What is Accesstive?
Accesstive is an all-in-one accessibility platform that helps websites become inclusive, compliant, and user-friendly. It combines powerful tools like an Access Assistant, Access AI Audit, Access Monitor, and an intelligent assistant, Access Accy. Designed for businesses, developers, and agencies, Accesstive makes accessibility simple, scalable, and smart.
The Accesstive Assistant provides over 40 accessibility features including:
- Vision & Display: Font resize, color contrast, text magnifier, grayscale
- Reading & Focus: Reading mask, dyslexia-friendly fonts, line spacing
- Navigation & Interaction: Keyboard navigation, voice navigation, virtual keyboard
- AI-Powered Features: Screen-reader optimization, image recognition for alt-text
Installation Methods
For advanced users who prefer manual integration or custom theme modifications:
1. Access Theme Files:
- Navigate to your Shopware installation directory
- Go to custom/plugins/[YourTheme]/src/Resources/views/storefront/
2. Edit Base Template:
- Open base.html.twig or your main layout file
- Add the following script before the closing </body> tag:
<script async src="https://cdn.accesstive.com/assistance.js" type="module"></script>
Pro Tip:
Always test the integration on a staging environment before deploying to production.
Accesstive Configuration
Once integrated, you can customize your accessibility widget through the Accesstive dashboard:
- Start free trial and create an account
- Add your Shopware domain to your Accesstive project
- Customize widget appearance, position, and features
- Configure accessibility profiles for different user needs
Troubleshooting
Common Issues
| Issue | Solution |
|---|---|
| Widget not appearing | Clear cache and check script placement |
| Console errors | Ensure script is loaded with type="module" |
| Styling conflicts | Adjust z-index in widget settings |
Get Started Today
Ready to make your Divi website more accessible? Install Accesstive today and provide all your visitors with the tools they need to browse your site comfortably. With over 40 accessibility features and AI-powered assistance, you'll be taking a significant step toward creating a more inclusive web experience.
Start free trial to learn more about our platform and start your accessibility journey.