Learn how to share your agent with others using different UI options
iframe
inherits 100%
of its parent container by default. Configure your container’s dimensions carefully to ensure the iframe displays correctly within your page layout without causing layout issues..relevanceai-chat-bubble-app
class to style the chat bubble. Adjust its z-index
property to position the bubble above or below other UI elements such as cookie popups and toast messages.URL parameter | Type | Values | Description | Examples |
---|---|---|---|---|
primary_color | string | A valid CSS color for your form. | #685fff | |
bubble_style | enum | agent, icon | Use an agents avatar or the bubble_icon . | agent |
bubble_icon | enum | pd/ai-agent, notebook/deploy, pencil, star, sparkle, sparkles, pd/lightning-filled, pd/chat, pd/send-diagonal, stack, duration, pd/check, pd/play, arrow-r, pd/search, share, plus, pd/question-filled | The icon to use if bubble_style is set to icon . | |
input_placeholder_text | string | Set the message input placeholder text. | Type your question here… | |
hide_file_uploads | boolean | Toggle file uploads. | true | |
hide_conversation_list | boolean | Toggle tool steps. | true | |
hide_tool_steps | boolean | Toggle multiple conversations. | true | |
starting_message_prompts | string | Add starting prompts. | ["I need help with my billing", "Write me an email"] | |
hide_logo | boolean | Toggle Relevance AI branding. | false | |
hide_description | boolean | Toggle agent description. | true |