Skip to main content

Embed Widget on Your Website

The navable accessibility widget lets you add accessibility features to your website for your visitors. Navigate to Embed Widget in the sidebar to get started.

Choose Your Platform​

The embed page provides platform-specific integration instructions for popular CMS platforms (WordPress, Wix, Squarespace, Joomla) and frameworks (React, Vue.js, Angular, Svelte). Select your platform tab to see the relevant code snippet and installation steps.

For plain HTML sites, use the Vanilla JavaScript option:

<!-- navable Accessibility Widget -->
<script
  src="https://widget.navable.io/widget.js"
  data-org-id="your-org-id"
></script>

Place the snippet before the closing </body> tag on every page where you want the widget to appear.

Test Before Going Live​

You can test the widget locally by adding the testhost query parameter to your local URL and activating test access from the Embed Widget page.

For staging environments, add your staging domain as a Test Domain in Settings → General and deploy the widget code there first.

Need Help?​

Contact support@navable.io for integration support.

Next Steps​

  • Plans & Pricing — See which widget features are included in each plan.
  • Settings — Configure your domain URL and test domain.