Add the widget to Shopify in 4 steps.

Step 1

Open your theme’s code editor

From your Shopify admin, go to Online Store → Themes. On your current theme, click the … button and choose Edit code.

Step 2

Create the snippet

Under Snippets, click Add a new snippet and name it:

Paste the code below into the new file and save.

{%- liquid
  assign aww_position = position | default: 'bottom-right'
  assign aww_size = size | default: 44
  assign aww_lang = lang | default: blank
-%}

<div
  data-acc-position="{{ aww_position | escape }}"
  data-acc-size="{{ aww_size | escape }}"
  {%- if aww_lang != blank %} data-acc-lang="{{ aww_lang | escape }}"{% endif -%}
></div>
<script
  src="https://cdn.jsdelivr.net/gh/ifrederico/accessible-web-widget@1.5.4/dist/accessible-web-widget.min.js"
  defer
></script>

Step 3

Render it in your layout

Open layout/theme.liquid and paste this line just before the closing </body> tag, then save.

Step 4

Check your store

Visit your storefront. You should see the accessibility button in the bottom-right corner.

Not showing? Make sure both files were saved and that the render line sits above </body> in layout/theme.liquid.