Widget Styles
Configure widget frame, positioning, and welcome messages. Set borders, shadows, responsive behavior, and bubble placement.
What you'll learn
- Frame Settings
- Responsive Settings
- Bubble Position
- Bubble Messages
Frame Settings
Customize the widget frame appearance. Set Border Size (0-16px) and Border Color. Choose a Shadow preset: None, Small, Medium, or Large. Larger shadows make the widget stand out more from the page.
Frame Settings
Preview
💡Pro Tip
- A subtle border with medium shadow works well on most websites. Adjust based on your site's design.
Responsive Settings
Control how the widget appears on different devices. Set Desktop Width (280-640px) for how wide the widget opens. Enable Mobile Fullscreen to make the chat take the full screen on mobile devices for a better experience.
Responsive Settings
Range: 280px - 640px
Bubble Position
Position the chat launcher bubble. Choose Horizontal (Left or Right) and Vertical (Top or Bottom) alignment. Fine-tune with X Offset and Y Offset values in pixels. Most sites use bottom-right.
Bubble Position
Position Preview
💡Pro Tip
- Bottom-right is standard, but left may work better if you have other widgets on the right side.
Bubble Messages
Add attention-grabbing messages that appear near the chat bubble. Great for encouraging visitors to start conversations. Add up to 4 messages (max 40 characters each). Set a Delay (ms) for when each message appears.
Bubble Messages
Add attention-grabbing messages that appear near the chat bubble to encourage visitors to start a conversation.
Preview
Ready to get started?
Create your free account and start building your chatbot today.
Start Free Trial