Skip to main content
When you launch your Sales Assistant, EasyMate generates an install snippet for you. You copy it from the Launch screen and paste it into your website. You never have to write or edit it by hand. This page explains what the snippet looks like and what each part does, in case you’re curious or need to troubleshoot.

​
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

PartWhat it’s for
srcThe address of the EasyMate widget program. It’s the same for everyone.
application-idIdentifies your EasyMate workspace.
agent-idIdentifies which assistant the chat connects to.
deployment-typeSet to External for website embeds.
brand-nameThe name shown on the chat widget.
primary-colorThe accent color of the widget, usually matched to your branding.
brand-font / brand-font-urlThe font the widget uses, matched to your branding.
onload / onerrorStarts 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.