Plugins & Integrations

Add WCAG 2.2 compliance to your platform with our official integrations and embed instructions.

WordPress

Full WordPress plugin with Settings page. Uses wp_footer hook. Works with any theme.

  1. Copy plugins/WordPress/ to wp-content/plugins/open-accessible/
  2. Activate in Plugins → Open Accessible
  3. Configure Site ID in Settings → Open Accessible
View Plugin

WooCommerce

WooCommerce extension. Uses WooCommerce Settings → Advanced. Shop-specific help URL.

  1. Requires WooCommerce. Copy plugins/WooCommerce/ to wp-content/plugins/
  2. Activate. Configure in WooCommerce → Settings → Advanced
View Extension

Shopify

Snippet: Add to any store (no app). App extension: For app developers.

  1. Any store: Add snippet open-accessible-widget.liquid, then {% render 'open-accessible-widget' %} in theme.liquid before </body>
  2. App devs: Add extension to your app, deploy. Merchants enable in Theme settings → App embeds
Setup Guide

Wix

Custom Element (Web Component). Add via Embed → Custom Element. Wix Velo–compatible.

  1. Add → Embed & Social → Custom Element
  2. Server URL: https://openaccessible.com/plugins/Wix/open-accessible-element.js
  3. Tag: open-accessible-widget. Set data-site-id
Custom Element (JS)

Moodle

Local plugin for Moodle 4.3+. Uses Hooks API to inject before footer. Admin settings.

  1. Copy local_openaccessible to moodle/local/
  2. Upgrade. Configure in Site admin → Plugins → Open Accessible
View Plugin

Android

WebView injection for Android apps. Kotlin/Java helper to load widget in WebView content.

  1. Add OpenAccessibleInjector.kt to your project
  2. Call OpenAccessibleInjector.inject(webView, siteId) in onPageFinished
View Integration

Apple (iOS / macOS)

WKWebView injection for Swift. Add OpenAccessible.inject(into:webView, siteId:) in didFinish.

  1. Add OpenAccessible.swift to your project
  2. Call inject after webView(_:didFinish:)
View Integration

Squarespace

Manual code block. Add a Code block and paste the embed script.

  1. Add a Code block (footer recommended)
  2. Paste the universal embed code below
Get Site ID

Universal Embed Code

Works on any website. Replace YOUR_SITE_ID with your ID from the dashboard.

<script src="https://openaccessible.com/cdn/open-accessible/1.0.0/widget.min.js" data-site-id="YOUR_SITE_ID" data-api-url="https://openaccessible.com"></script>

Shopify icon by Icons8