Communication

Chat Widget Colors Not Matching Brand? Customization Fix

Fix chat widget color issues in Local Business Pro. Update primary and secondary colors to match your website branding.

beginner 3 min read website-chat colors branding customization
Book a demo Calculate missed-call revenue

Quick Answer: Update chat widget colors in Connect > Website Chat > Edit Style. Enter your brand's hex color codes for primary and secondary colors, then save to apply.

Common Color Issues

  • Default colors showing - Custom colors not saved
  • Wrong shade - Hex code entered incorrectly
  • Cache issue - Browser showing old colors
  • Contrast problems - Secondary color doesn't contrast well with primary

Step-by-Step Fix

  1. Navigate to Connect > Website Chat
  2. Click the Edit Style button
  3. Find the Primary Color picker
  4. Enter your brand's hex code (e.g., #0066CC)
  5. Find the Secondary Color picker
  6. Enter a complementary color for text/accents
  7. Preview the changes in real-time
  8. Click Save to apply
  9. Clear your browser cache and refresh your website

Frequently Asked Questions

Q: Where do I find my brand's hex color code?
A: Check your brand guidelines, ask your web designer, or use a browser extension like ColorZilla to pick colors from your website.

Q: Why are changes not appearing on my website?
A: Clear your browser cache and try viewing in an incognito window. Changes may take a few minutes to propagate.