Widgets lets you deploy AI agents on your website or application, providing real-time AI-powered help for your users through an embeddable widget.

​
The Support Widget

A chat widget embedded on your website via a single script tag. All configuration — appearance, behavior, and interaction modes — is managed through the Marketrix dashboard. Key features:
  • Three interaction modes — Tell (answer questions), Show (step-by-step guidance with UI highlighting), and Do (browser automation)
  • Shadow DOM isolation — widget CSS never conflicts with your site
  • Real-time streaming with your AI agent
  • Responsive design — works on desktop and mobile
  • Quick action chips — configurable shortcut buttons for common tasks
  • Session recording via rrweb for analytics
Browser support: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+

​
How It Works

  1. Configure the widget in the Marketrix dashboard — set appearance, modes, and behavior
  2. Copy the script tag from the dashboard
  3. Paste it into your website before the closing </body> tag
  4. Users interact with your agent through the widget on your site
The widget fetches its full configuration from the Marketrix API using your mtx-id and mtx-key, so there is nothing to configure in code.

​
Prerequisites

Before setting up Widgets, ensure you have:
  • At least one application configured
  • At least one agent created and tested
  • Knowledge uploaded to your application
  • Your agent tested in the playground

​
Next Steps

Widget Setup

Step-by-step guide to deploying the widget on your site.

Widget Customization

Configure appearance and behavior through the dashboard.