Can I customize the chat widget appearance?

Absolutely. Your widget, your brand. Everything's included—no upgrade required.

Quick Customization

Head to Settings > Widget and make it yours:

• Primary color - Match your brand
• Position - Bottom left or right (your call)
• Welcome message - First impression matters
• Logo - Show your brand, not ours
• Chat icon - Custom icons welcome

Don't overthink it. You can always change it later.

CSS Customization

Want more control? Add custom CSS:

/* Widget button */
.cstar-widget-button {
  background: #your-color;
  border-radius: 50%;
}

/* Chat header */
.cstar-widget-header {
  background: linear-gradient(to right, #color1, #color2);
}

/* Message bubbles */
.cstar-message-agent {
  background: #your-brand-color;
}

Add your CSS in Settings > Widget > Advanced > Custom CSS.

JavaScript Customization

Control widget behavior programmatically:

// Open widget automatically after 30 seconds
setTimeout(() => {
  CStarWidget.open();
}, 30000);

// Open with pre-filled message
CStarWidget.open({
  message: 'Hi, I need help with...'
});

// Hide on certain pages
if (location.pathname === '/checkout') {
  CStarWidget.hide();
}

What's Included?

Everything. Colors, logo, custom CSS, JavaScript API, multiple widget configurations. $15/seat. That's it. No feature gates. No "upgrade to unlock." Just full customization from day one.

We don't do the "Powered by cStar" watermark thing either. Your customers see YOUR brand.