Accessing Widget Settings
- Log into your account at the Marketrix dashboard
- Navigate to Widgets in the left sidebar
- Click on your widget integration to open its settings
Appearance Settings
Colors
| Setting | Description |
|---|---|
| Background color | Widget background |
| Text color | All text in the widget |
| Border color | Widget border |
| Accent color | Primary buttons and highlights |
| Secondary color | Secondary UI elements |
Layout
| Setting | Description |
|---|---|
| Position | bottom_right, bottom_left, top_right, or top_left |
| Width | Widget width in pixels |
| Height | Widget height in pixels |
| Border radius | Corner rounding in pixels |
| Shadow | Drop shadow around the widget |
| Font size | Text size throughout the widget |
Animation
| Setting | Description |
|---|---|
| Animation duration | How long open/close transitions take |
| Fade duration | Fade-in/fade-out timing |
| Bounce effect | Enable or disable bounce animation on the widget button |
Content Settings
Text
| Setting | Description |
|---|---|
| Header text | Main title shown in the widget header |
| Body text | Descriptive text below the header |
| Greeting message | Initial message displayed when the widget opens |
Quick Action Chips
Quick action chips are shortcut buttons displayed in the widget that users can click for common tasks. Configure these in the dashboard with a label and associated action for each chip (e.g., “Track my order”, “Pricing info”, “Talk to a human”).Behavior Settings
Interaction Modes
Enable or disable each mode independently:- Tell — The agent answers questions using your knowledge base
- Show — The agent provides step-by-step guidance with UI element highlighting
- Do — The agent performs browser automation on behalf of the user
Human Handoff
Enable or disable the ability for conversations to be escalated to a human agent.Device Visibility
Control which devices the widget appears on:- Desktop only
- Mobile only
- Both desktop and mobile
Best Practices
- Match your brand — use your brand colors, keep the tone consistent with your site
- Keep text concise — short, clear header and greeting messages work best
- Use quick action chips — they reduce friction and guide users to common tasks
- Test on both desktop and mobile — verify the widget looks and works well on all devices
- Start with Tell mode enabled — add Show and Do modes as needed for your use case
Next Steps
- Test your integration — verify everything works
- Troubleshoot issues — common problems and solutions