Widget Customization

Make the widget truly yours with 35+ customization options

Colors, gradients, fonts, bubble styles, and more. Match your brand perfectly.

Widget Customization

Primary Color

Widget Position

Preview

The Problem

Generic widgets look out of place

Default chat widgets stick out like a sore thumb on your beautifully designed website. They use their own colors, fonts, and style that clash with your brand. Visitors notice, and it feels unprofessional.

Widget colors clash with your brand
Generic look reduces trust
CSS conflicts break layouts
How it works

Make it yours in minutes

1

Choose your colors

Pick a primary color that matches your brand. The widget header, buttons, and accents all update instantly in the live preview.

Primary Color

2

Customize the launcher

Choose icon style, position (left or right), add a greeting bubble, and set whether it opens on hover or click.

Position
3

Add your branding

Upload your logo, set a custom welcome message, and choose fonts that match your site. The widget feels native to your brand.

Company Logo

Uploaded

Welcome message

"Hi! How can we help you today?"

4

Preview and publish

See your changes in real-time before going live. Toggle between light and dark mode, test on mobile, then publish with one click.

Preview Mode
Capabilities

Every detail, your way

Color Customization

Primary, background, text colors. Supports dark and light modes.

Aurora Gradients

Beautiful animated gradients for a modern, premium look.

Custom Fonts

Use system fonts or load your own custom web fonts.

Bubble Styles

Round, square, pill, or custom border radius for the launcher.

Theme Presets

Start with 5 pre-built themes and customize from there.

Custom CSS

Full CSS override for pixel-perfect customization.

35+

options

5

presets

Live

preview

CSS

override

From generic to on-brand

Without Resply

  • Default blue that clashes with your site
  • Generic chat bubble icon
  • "Powered by X" footer
  • CSS conflicts with your site
  • No idea how it looks until deployed

With Resply

  • Your brand colors everywhere
  • Custom launcher with your style
  • White-label on Scale plan
  • Shadow DOM isolation
  • Live preview before publish
Benefits

Why teams love this feature

Built for teams who want to deliver exceptional support without the overhead.

  • Match your brand identity perfectly
  • No design skills required with presets
  • See changes in real-time with live preview
  • Full control with custom CSS
  • Dark mode support built-in
  • Consistent experience across all pages
FAQ

Common questions

Over 35 options including colors, fonts, launcher style, position, greeting messages, avatar, and more. You can also inject custom CSS for pixel-perfect control.

Yes! The customization panel includes a live preview that updates as you make changes. Test on desktop and mobile views before publishing.

Yes, you can set the widget to light mode, dark mode, or auto-detect based on the visitor's system preference. Colors adapt automatically.

Yes, on the Scale plan you can white-label the widget completely. Remove all Resply branding and make it 100% yours.

You can inject custom CSS that applies to the widget. The widget uses Shadow DOM, so your site's CSS won't affect it (and vice versa), but you can override specific styles.

14-day free trial

Ready to automate your support?

Join hundreds of teams using Resply to resolve 80% of tickets automatically.

No credit card required