Skip to main content
Wezable

Install the menu on your website

You add two short lines to your website. One proves the website is yours. The other shows the menu. Both lines are on your site page in your dashboard, with your own codes already filled in.

How it works, on every website

  1. Create a free account and add your website's address in the dashboard.
  2. Open your site's page. Copy the two lines it shows. They look like the ones below, but with your own codes.
  3. Paste the verification line into the <head> part of your site, and the embed line just before the closing </body> part. The guides below show where that is on each platform.
  4. Back in the dashboard, press Verify now, then Check my install. If something is wrong, it tells you in plain words.

Verification line (goes in the head)

<meta name="wezable-verify" content="YOUR-VERIFICATION-CODE">

Embed line (goes just before the end of the body)

<script src="https://wezable.com/widget2.js" data-key="YOUR-SITE-KEY" async></script>

Do not copy these two examples. They have no real codes. Copy yours from the dashboard.

At a glance

We ran the menu on a real site for each platform marked "Tried by us" (checked on 26 October 2026). The others use the same two lines and a standard place to put them, but we have not tried them, so we do not say they work.

Platforms and what we have tried
PlatformStatusWhat we tried it on
Shopify Tried by us The Shopify "Dawn" theme demo store.
Squarespace Tried by us A live business store on Squarespace 7.1.
Wix Tried by us A Wix store built with the Wix editor.
Your own HTML site, Grav and similar Tried by us Our own test sites, including a Grav site.
WordPress Not tried yet Nothing yet.
Webflow Not tried yet Nothing yet.
Google Tag Manager Not tried yet Nothing yet.

Shopify Tried by us

We tried it on: The Shopify "Dawn" theme demo store.

  1. In your Shopify admin go to Online Store, then Themes.
  2. Next to your live theme press the three dots (...), then Edit code.
  3. Open the file layout/theme.liquid.
  4. Find <head> near the top. On a new line just after it, paste the verification line.
  5. Scroll down to </body>. On a new line just above it, paste the embed line.
  6. Press Save, then open your store in a new window. If you switch to a different theme later, repeat these steps for it.

Good to know

  • Store pages only. Shopify does not allow outside scripts on the checkout pages, so the menu does not appear there.
  • The menu works on the web address you verified. The yourstore.myshopify.com address is a different address, so it is not covered unless you add it as its own site.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

Squarespace Tried by us

We tried it on: A live business store on Squarespace 7.1.

  1. Open your site's Settings, then Developer Tools (older sites call it Advanced), then Code Injection.
  2. In the Header box paste the verification line.
  3. In the Footer box paste the embed line.
  4. Press Save and open your site in a new window.

Good to know

  • Needs a Squarespace plan that includes Code Injection. Squarespace decides which plans these are, so check its plan page.
  • The yourname.squarespace.com address is a different address from your own domain, so it is not covered unless you add it as its own site.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

Wix Tried by us

We tried it on: A Wix store built with the Wix editor.

  1. In your Wix dashboard open Settings, then Custom code (under Advanced), then Add custom code.
  2. Paste the verification line. Name it "Verification". Choose All pages and place it in Head. Press Apply.
  3. Add custom code again. Paste the embed line. Name it "Accessibility menu". Choose All pages and place it in Body - end. Press Apply.
  4. Publish your site. Custom code does not show in the editor, only on the published site.

Good to know

  • Needs a paid Wix plan with your own domain connected before custom code can be added.
  • We did not test Wix Studio. It has the same Custom code area, but we have not tried it.
  • Wix does not let a site's own scripts change some of its internal parts, which is fine for the menu, but the free yourname.wixsite.com address is not covered unless you add it as its own site.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

Your own HTML site, Grav and similar Tried by us

We tried it on: Our own test sites, including a Grav site.

  1. Open the template or layout file that is used on every page (on Grav this is usually base.html.twig in your theme).
  2. Paste the verification line inside <head>.
  3. Paste the embed line just before </body>.
  4. Save and upload. You can also verify with a small text file instead of the head line: the dashboard shows the exact address and the text to put in it.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

WordPress Not tried yet

  1. Install a plugin that adds code to the header and footer of every page (search the plugin directory for "header footer code"). This is safer than editing theme files.
  2. Paste the verification line in its Header box and the embed line in its Footer box. Save.
  3. Open your site in a new window. If you use a caching plugin, clear its cache.

Good to know

  • Themes and page builders differ a lot, so we cannot say how it behaves on yours until we try. A plugin for WordPress is not built yet.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

Webflow Not tried yet

  1. In Webflow open Project settings, then Custom code.
  2. Paste the verification line in Head code and the embed line in Footer code. Save.
  3. Publish the site.

Good to know

  • Custom code in the footer needs a paid Webflow site plan.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

Google Tag Manager Not tried yet

  1. In Google Tag Manager create a new tag of type Custom HTML. Paste the embed line. Set the trigger to All Pages. Save and publish the container.
  2. The verification line cannot go through Tag Manager. Put it in your site's head yourself, or use the text-file way of verifying if you host your own files.

Good to know

  • If you use a cookie banner that blocks tags until people accept, the menu will wait too, so visitors who decline will not see it.

Each platform renames its menus from time to time. If you cannot find a step, search that platform's help for "custom code" or "code injection".

If the menu does not show

  1. Press Check my install on your site page. It reads your page and tells you what is wrong in plain words.
  2. Make sure you published or saved the change, and look at the live site in a new window. Clear any caching.
  3. Make sure the site is verified and switched on in the dashboard.
  4. Open the site on the same address you added in the dashboard. Preview links and copies on another address will not show the menu.

Things that stop the menu on any platform

  • Pages shown inside another page (a frame) do not get the menu.
  • Pages that load from a different address than the one you verified (preview links, staging copies, a second domain) need to be added as their own site, and your plan limits how many sites you can have.
  • A site with a strict content security policy must allow https://wezable.com. "Check my install" tells you exactly what to allow.
  • We have tried a small number of themes on each platform. A theme we have not tried can behave differently, so look at your own site after you install the menu.

What we tested, and what we did not

For each platform marked "Tried by us" we opened a real site on that platform and checked:

  • The menu loaded from our server, with no blocks from the site's own security settings.
  • The round button was visible and not covered by anything, on a computer and at phone width.
  • Text size went up 50% on every kind of text, text added after the page loaded was enlarged too, and Reset all put everything back.
  • Dark mode kept headers and buttons that stay fixed on screen in place, and text stayed easy to read.
  • Saved choices were applied again on the next page.

We loaded the menu into those sites in our own browser. We did not use a paid account on each platform, so we could not try the exact paste steps above. They follow what each platform documents, and we will update them if one of them turns out to be wrong. Tell us if a step does not work for you.

Wezable helps visitors adjust how your site looks. It does not replace fixing your site's source code, and it does not make a site meet any accessibility law or standard on its own.