WIDGET CUSTOMIZATION by TidySupport
Your chat widget, your brand
Customize your TidySupport chat widget to feel like a natural part of your product. Set your colors, choose a launcher icon, write your welcome message, and configure availability hours — all from the dashboard, no code required.
#your-brand-colorbottom-right or bottom-leftEvery detail, under your control
Make the widget feel like it was built specifically for your product
Brand Colors
Set the widget accent color to match your product. It takes effect instantly — customers see your brand, not a generic blue widget.
Launcher Icon
Choose from 20+ built-in launcher icons or upload your own custom icon. Pick the style that fits your brand best.
Welcome Message
Write a custom greeting that appears before a customer starts a conversation. Set the right tone and let them know what kind of support to expect.
Position and Layout
Place the widget in the bottom-right or bottom-left corner of your page. Choose what works best with your product's UI without any CSS overrides.
Configure your widget in minutes
No developer needed — change any setting from the dashboard and see it live
Install the widget
Paste a single script tag before the closing </body> tag on your site. That's the only code change you'll ever need.
Open Widget Settings
Navigate to Settings → Widget in your TidySupport dashboard. All customization options are available without writing a single line of code.
Choose your color and icon
Pick your brand color from the color picker and select a launcher icon from the built-in library — or upload your own custom icon. Changes preview in real time.
Set your welcome message and hours
Write a greeting message and set your team's availability hours. When you're offline, the widget automatically shows customers when to expect a reply.
Save and go live
Hit save and every visitor on your site immediately sees the updated widget. No redeployment, no cache busting, no developer involvement needed.
Widget design tips
Small choices that make a big difference to your customers
Do
Use your exact brand hex color for instant recognition
Write a welcome message that sets clear expectations
Set honest availability hours so customers aren't left waiting
Choose a launcher position that doesn't overlap your UI
Include your team name so the widget feels human
Don't
Use a color with poor contrast against the white bubble
Leave the default welcome message unchanged
Claim 24/7 availability if your team works set hours
Place the widget over a key action button or form
Use a launcher icon that has no relation to your product
Frequently Asked Questions
Do I need a developer to customize the widget?
No. All customization options are available in the Settings dashboard. Color, icon, position, welcome message, and availability hours can all be changed without touching any code.
Can I upload my own launcher icon?
Yes. In addition to the 20+ built-in icons, you can upload your own custom icon image. SVG and PNG formats are supported.
How quickly do changes take effect on my site?
Immediately. Changes you save in the dashboard are reflected for all visitors within seconds — no redeployment or cache clearing needed.
What happens when I set availability hours and I'm offline?
The widget automatically shows an offline message letting customers know when your team will be back. They can still send a message, and it will be waiting for you when you return.
Can I hide the widget on specific pages?
Yes. You can configure page-specific rules to show or hide the widget based on URL patterns. Useful for hiding it on checkout flows or admin pages.
Make your chat widget feel like part of your product
Set up your custom widget in minutes. Your brand colors, your icon, your message — live on your site today.