Accessora
Installation

Install the widget

Every install comes down to one line of code with your domain ID in it. Pick how you want to add it, and the rest happens on its own.

Updated

On this page

The script tag

This is the whole install. Your dashboard’s Installation page shows it with your own domain ID filled in, so copy it from there.

Before </body>, on every page
<!-- Accessora widget -->
<script async src="https://cdn.accessora.io/embeds/js/latest/autoload.js?domainId=YOUR_DOMAIN_ID"></script>

The domainId in the address tells the widget which site’s settings to load. Each site in your account has its own ID. If you copy the tag from one site and paste it on another, the widget shows the first site’s settings and the second site fails verification.

Choose a method

MethodUse it when
Script tagYou can edit your site’s HTML or theme, or your builder has a code box.
Next.jsYour site is a Next.js app. Use the next/script component.
Google Tag ManagerYou already manage scripts in GTM and don’t want to touch the code.
Shopify appYour store runs on Shopify. No code, settings live in your Shopify admin.

Platform guides

Each guide shows where the script tag goes on that platform, step by step.

What the script loads

  1. Step 1: Your pageyour-site.comThe script tag loads with async, so your content never waits for it.
    autoload.js?domainId=…
  2. Step 2: Autoloadcdn.accessora.ioReads your domain ID from its own address and fetches the widget bundle.
    accessora.browser.js
  3. Step 3: Your settingsdash.accessora.ioReturns your theme, features and which plugins your plan turns on.
    /api/widget-config
  4. Step 4: The widgetyour-site.comDraws the launcher and panel inside a shadow DOM, so your styles and ours never mix.
    AnalyticsAI alt textFixes
Steps 2 and 3 run at the same time, so the widget usually appears a moment after your page. Settings are cached for 60 seconds, which is why a change in the dashboard can take up to a minute to show.

The script is small and loads with async, so the browser keeps building your page while it downloads. The widget then draws its launcher and panel inside a shadow DOM. Your site’s CSS can’t restyle the panel, and the panel’s CSS can’t leak into your pages.

Before you go live

If your site sends a Content Security Policy header, allow the Accessora hosts first or the widget won’t load. The exact list is in troubleshooting.

After you install

Click Verify installation on the Installation page. It loads your site the way a visitor would and checks for the script and your domain ID. Here’s what it checks.

Still stuck?Send us your site address and what you see, and we will look into it.
Contact us

Try the widget