Embed (per-assistant)

The Embed tab inside an assistant is the simplest way to ship the widget. It carries the snippet pre-filled with your data-assistant-id plus copy-paste install steps for the most common platforms.

Open the tab

From the dashboard, click an assistant card → sidebar → Embed. The page shows your assistant ID, the install snippet, and a row of platform tabs.

The snippet

The generic form looks like this:

<script
  src="https://github.com/pavelsima/zupport-embed/releases/latest/download/embed.js"
  data-assistant-id="YOUR_ASSISTANT_ID"
  defer
></script>

Hit the copy button on the dashboard to grab the version that already has your assistant ID filled in.

Platform walkthroughs

Generic HTML / static site

1. Copy the snippet.
2. Open your page (or template / partial / footer include).
3. Paste just before the closing </body> tag.
4. Save and reload — the launcher appears in the bottom corner.

Shopify

1. Copy the snippet.
2. Shopify admin → Online Store → Themes.
3. Click Actions → Edit code on your active theme.
4. Open layout/theme.liquid.
5. Paste before </body> and save.

WordPress

1. Copy the snippet.
2. Easiest: install a header/footer code plugin (e.g. WPCode) and paste into the “Footer” box.
3. Or, in Appearance → Theme File Editor, open footer.php and paste before </body>.

Webflow

1. Copy the snippet.
2. Project settings → Custom code → Before </body> tag.
3. Paste, save, and publish the site.

Where to find your assistant ID

The ID is the suffix of the URL while you're inside an assistant: /dashboard/assistants/{id}. It also appears at the top of the Embed tab. Treat it as semi-public — anyone with the ID can load your assistant on their site, but they cannot edit it without your account.

Going further

Need fine-grained control (frameworks, overrides, events)? Switch tracks to the embed-script reference:

• Installation
• Configuration
• Frameworks