Shopify

Coming soon

A Shopify App Store listing is in development. The theme.liquid method below works today on all Shopify stores and requires no additional apps.

Install via your theme's theme.liquid layout file. Works with any Shopify theme including Dawn and OS 2.0 themes.

Step-by-step

From the Shopify Admin, go to Online Store â†’ Themes
On your active theme, click Actions â†’ Edit code
Under the Layout folder, open theme.liquid
Find the closing </body> tag (near the bottom of the file)
Paste the snippet immediately before it
Click Save

layout/theme.liquid

  <script
    src="https://cdn.angstroma.com/widget.js"
    data-key="ang_live_YOUR_KEY"
    async
  ></script>
</body>
</html>

Warning

Some Shopify plans enforce a Content Security Policy that blocks external scripts. If the widget does not appear, check the browser console for CSP errors. Contact Shopify support to add cdn.angstroma.com to your store's trusted script sources.

Verification

After saving, visit your storefront. The Angstroma accessibility button should appear in the bottom-right corner on all pages â€” homepage, product pages, checkout, and cart.