Your chat widget's look is fully yours to control. From Live Chat Settings → Branding, the “Look & feel” card lets you set the widget's colors, the launcher's shape and label, and its icon — with a live preview that updates as you edit. This guide walks through each control.
How to customize your chat widget's appearance in CornerSpot
Open the Branding tab at /dashboard/chat/settings/branding. The “Look & feel” card sits on the left, and the live preview sits beside it on the right, so you can see every change immediately.
1. Choose your colors
Set the Primary color (the launcher and accent color) and the Secondary color. Use the color swatch or type a hex value directly. The preview re-skins itself as you go.
2. Pick a launcher style
Choose how the launcher button is presented: Bar (an icon-plus-label pill), Circle (a round icon button), or Square (a soft-square icon).
3. Set the launcher label
When you use the Bar style, add a short Launcher label — the text shown next to the icon, for example “Chat with us.” (The label field only appears for the bar style.)
4. Choose an icon
Pick one of the preset icons, or upload your own from your media library — a custom image overrides the preset. Use Choose image from media library… to open the picker, and Remove to fall back to a preset.
5. Position the launcher
Anchor the launcher with Position to the right (on for bottom-right, off for bottom-left), and flip on Use custom offset to nudge it with pixel X/Y offsets.
6. Save your changes
When everything looks right in the preview, click Save changes in the bar at the bottom — or Discard to undo your edits. Saved styling applies immediately.
Where these settings apply
The Look & feel settings mirror the Live Chat panel in the website builder, and they apply on every site that embeds your widget — your CornerSpot website, the Members Portal, and any external site running the embed. All future widget instances pick up the change automatically, with no snippet update required.