Skip to main content
The widget shows a floating button on your site that opens a chat with the firm’s agent. Visitors type, the agent replies in real time, and the conversation lands in your Conversations inbox like any other channel.

​
1. Get your key

In the platform, go to Settings → Integrations → Channels and add a channel of type Widget (API). This generates a publishable key with the format pk_live_…. The key identifies your firm: it is designed to be visible in your page’s source.

​
2. Add the script

Paste this line before the closing </body> tag on your site: 
<script
  src="https://widget.juryo.ai/embed.js"
  data-key="pk_live_YOUR_KEY"
  defer
></script>
That’s it — the chat button appears in the bottom-right corner.

​
Customization

Every attribute is optional except data-key:
AttributeDescriptionDefault
data-keyThe channel’s publishable key (required)—
data-nameFirm name, shown in the chat header—
data-titleAccessible title for the paneldata-name or “Chat”
data-colorThe widget’s primary color, in hex#053531
data-privacy-urlThe firm’s privacy policy, linked in the welcome disclaimer (must be https://)—
data-positionSide of the screen: right or leftright
Full example: 
<script
  src="https://widget.juryo.ai/embed.js"
  data-key="pk_live_YOUR_KEY"
  data-name="García Law"
  data-color="#1a4d47"
  data-privacy-url="https://garcialaw.es/privacy"
  defer
></script>

​
Behavior

  • The chat only loads when a visitor first opens it — the script adds no weight to your page load.
  • The Escape key closes the panel.
  • On screens narrower than 480px the chat goes full-screen.
  • If the script is accidentally included twice, it initializes only once.
  • Visitors are anonymous until they identify themselves during the conversation.