The install snippet - EasyMate

What the snippet looks like

The snippet EasyMate gives you looks like this, with your own Sales Assistant’s details already filled in:

<script
  src="https://cdn.easymate.ai/widget/script.js"
  defer
  brand-name="Your Assistant Name"
  brand-font="Your Brand Font"
  brand-font-url="https://cdn.easymate.ai/fonts/your-font.woff2"
  application-id="YOUR_APPLICATION_ID"
  agent-id="YOUR_AGENT_ID"
  deployment-type="External"
  primary-color="#3B82F6"
  onload="initializeWidgetOnLoad()"
  onerror="console.error('Failed to load widget script')"
></script>
<script>
  function initializeWidgetOnLoad() {
    if (window.EasyMateWidget) {
      window.EasyMateWidget();
    }
  }
</script>

Your real snippet may carry a slightly different set of branding attributes (a color, a font, or both) depending on how you styled your assistant, and EasyMate may include a few extra attributes it manages for you. That’s normal. Just copy the whole thing as-is and don’t edit it by hand.

Always copy the snippet from the Launch screen rather than from this page. The example above uses placeholder values. Your real snippet contains the IDs that connect the widget to your specific Sales Assistant.

What each part does

Part	What it’s for
`src`	The address of the EasyMate widget program. It’s the same for everyone.
`application-id`	Identifies your EasyMate workspace.
`agent-id`	Identifies which assistant the chat connects to.
`deployment-type`	Set to `External` for website embeds.
`brand-name`	The name shown on the chat widget.
`primary-color`	The accent color of the widget, usually matched to your branding.
`brand-font` / `brand-font-url`	The font the widget uses, matched to your branding.
`onload` / `onerror`	Starts the widget once it loads, and logs an error if it can’t.

The second <script> block is the small bit of code that actually opens the widget after the program finishes loading. Both blocks need to be pasted together, exactly as copied.

Where it goes

The snippet should be added so it loads on every page where you want the chat to appear. On most platforms that means pasting it into a “footer”, “body”, or “custom code” area that applies site-wide, rather than into a single page. Each platform guide tells you exactly where:

Good to know

Paste both script blocks. Copying only the first <script> tag will load the widget program but never open it.
It’s safe to add once, site-wide. The widget loads in an isolated container, so it won’t clash with your site’s own styles or scripts.
Updating later. If you change your Sales Assistant’s name or color in EasyMate, you generally don’t need to re-paste the snippet. If you ever connect a different assistant, copy the new snippet and replace the old one.