Difficulty: Beginner | Time: 10 min | Tier: All Plans
Make the chat widget look and feel like a natural part of your website. DreamFlow gives you full control over colors, positioning, messaging, and behavior — so the widget matches your brand perfectly.
Appearance Settings
- Navigate to Communicate > Chat and click the Widget tab.
- Customize the following:
- Primary color: The main color of the chat bubble and header. Enter a hex code or use the color picker.
- Widget position: Bottom-left or bottom-right of the page.
- Welcome message: The greeting visitors see when they first open the widget.
- Offline message: What visitors see when your team is not available.
- Click Save Changes to apply.
Proactive Triggers
Proactive triggers automatically open the widget to engage visitors who might need help.
- Go to the Settings tab in Chat.
- Toggle Proactive Trigger on.
- Configure the trigger conditions:
- Time delay: Open the widget after X seconds on the page.
- Scroll depth: Open the widget after the visitor scrolls X% of the page.
- Write a custom trigger message — something friendly and contextual like "Have questions about our pricing?"
Tip
Test your widget appearance on both desktop and mobile. The widget automatically adapts to mobile screens, but it is worth confirming the colors and position look right on smaller devices.
Related Articles
Need more help? Ask Sally in the chat bubble!
Was this helpful?
Have more questions? Get instant answers.
Related Articles
Still need help? Our support team is here for you.
Contact Support