On-Page Style

Customize how your MOPO AI Agent appears and behaves when minimized. Whether as an icon with a popup or as a search bar, these settings offer flexibility to match your website’s design and user experience.

Setting	Description
Icon Style	Your minimized agent displays an icon with a popup box containing a configurable image, title, and descriptive text.
Search Style	Your minimized agent displays a search bar, enabling users to enter search terms or ask a question to begin their conversation.
Start agent Minimized	If enabled, your AI agent will initially appear minimized on your web page.
Position agent Bottom Right	If enabled, your minimized AI agent will be located in the bottom right corner of the screen. If disabled, it will appear bottom left of your web page.

Icon Style

Use the Icon Style settings to control how your AI agent appears when minimized as an icon with a popup. You can customize the image, text, and colors to align with your website’s branding.

Setting	Description
Image	A URL to the image you want to appear in the popup.
Header	The text for the title.
Body	The descriptive text for your agent.
Background Color	The background color of the popup.

Search Style

The Search Style settings allow you to customize how your AI agent’s minimized search bar appears and behaves. These options ensure that users can easily start interacting with your agent directly from the minimized state.

Setting	Description
Cycle Conversation Starters	If enabled, your AI agent will automatically display conversation starters within the minimized view.
Search Box Prompt	Enter the placeholder text that you want users to see in your agent’s search bar when it's minimized.