Embed the Widget
The chat widget is a small JavaScript snippet that adds a chat button to your website. Visitors click it to start a conversation with your agents.
Go to Integration → Install Chat Widget on Your Site.
Generate the embed code
Fill in one field:
Operator’s name — the name shown to visitors when a conversation is escalated to a human. For example: Support Team, John from Sales, or your company name.
Click Show code. The embed snippet is generated using your organization ID automatically.
The embed snippet
The generated code looks like this:
<script
src="https://widget.easy-chat.live/widget.js"
data-api-url="https://api.easy-chat.live"
data-org="YOUR_ORG_ID"
data-bot-name="Operator Name"
defer
></script>Parameters:
| Attribute | Description |
|---|---|
data-org | Your organization ID — filled in automatically |
data-bot-name | The operator name you entered |
defer | Loads the widget after the page — does not affect page load speed |
Installation
Paste the snippet before the closing </body> tag on every page where you want the widget to appear.
HTML sites:
...your content...
<script src="https://widget.easy-chat.live/widget.js" ...></script>
</body>
</html>WordPress: paste into the Appearance → Theme Editor → footer.php file, or use a plugin like Insert Headers and Footers.
Webflow / Framer / Squarespace: use the custom code section in site settings, set to “Before </body>”.
What visitors see
Once installed, a chat button appears in the bottom-right corner of your page. When a visitor clicks it:
- The orchestrator receives their first message
- It routes to the appropriate agent
- The agent searches its knowledge base and responds
- If the agent can’t help and escalation is enabled — it notifies your team with the extracted data
The widget maintains the conversation state for the duration of the browser session. Closing the tab ends the session.
Updating the operator name
If you change the operator name, click Update code to regenerate the snippet and replace the old one on your site.