Customize how Usersnap looks in your product

Configure the appearance of your Usersnap widgets and surveys so they fit naturally into your product experience.

Customize colors, fonts, logos, widget position, size, buttons, and branding directly from the Build → Style settings. These options let you control how Usersnap appears to your users while keeping the experience consistent with your product.

Colors

Match Usersnap to your product's visual identity by customizing the colors used across your widgets.

You can set the widget's primary color, field text color, header text color, and background using HTML color codes.

Font

Use fonts that fit your product experience. Usersnap widgets use Google Fonts by default, or you can disable Google Fonts if you prefer to use your own setup.

Widget position

There are 5 widget positions that you can configure from the drop-down.

Widget size customization

Choose the widget size that works best for your product interface.

Usersnap offers three widget sizes, giving you more control over how much space the widget takes when opened.

Button styling

Customize your Usersnap button to fit your product interface.

In Build → Style, you can configure:

• Shape: rectangle, rounded rectangle, circle, or square
• Size: small, default, or large
• Color: choose the button and widget colors independently
• Icon: select an icon and position it to the left or right of the button text
• Text: customize the button text and its color

Removing Usersnap branding

Keep the Usersnap experience aligned with your own brand.

Premium and Enterprise customers can also remove Usersnap branding from email correspondence.

CSS custom styling

The widget can appear as a blocking or non-blocking widget (floating mode).