Installing the widget on your website

The basic snippet

Open Apps → Access Widget → Installation and copy the snippet. It looks like this:

<script
  src="https://cdn.hellocivic.com/widget/v1/loader.js"
  data-key="YOUR_WIDGET_KEY"
  defer
></script>

Paste it just before </body> on every page where you want the widget to appear (usually a global layout file).

React / Next.js

Same snippet — drop it into <Layout> or _document.tsx. The loader handles SPA route changes automatically.

WordPress

Use a code-snippets plugin (or your theme's "Custom HTML in footer" setting). Paste the snippet, save, and it'll appear on all pages.

Verifying it works

After saving, refresh your site. You should see a small accessibility icon in the bottom-right corner within a second or two. Click it to confirm the panel opens.

Trouble?

See troubleshooting widget installation.