Widget customization

The embed script accepts a few data-* attributes to control how the widget looks and behaves.

<script
  src="https://prolifix.com/widget.js"
  data-key="YOUR_KEY"
  data-position="bottom-right"
  data-accent="#00b3ff"
  async
></script>

Attributes

• data-key — required. Identifies your agent.
• data-position — bottom-right (default) or bottom-left.
• data-accent — a hex color used for the launcher button and message bubbles.

Restricting to specific pages

If you only want the widget on certain routes, wrap the script tag in your own conditional render instead of adding it globally — the widget has no built-in page-matching option today.