Branding

Branding settings enable you to customize the appearance of your limit widgets to perfectly match your branding assets

Who can use this feature?

This feature is available for all users.

1. Preset

Select one from our available presets. We have light, basic, and dark theme to choose from. However, you can customize any colors you want anyways.

2. Display options

You have two options for displaying your limit notification: Inline and Popup. Each offers its own advantages depending on how you want to communicate limits to your customers.

2.1. Inline

The inline notification is displayed directly on the page, blending seamlessly with the rest of the content. This is ideal if you want a subtle notification that doesn’t disrupt the customer’s browsing experience. With this type, you can customize:

  • Background color: Adjust the Inline message Background color. Sometimes, you may want to make it transparent.

  • Text color: The color of the text. Make sure use a color that makes a good contrast to the content readability.

2.2. Pop up

The popup notification appears as a separate window when a limit is triggered, making it more noticeable. This is useful if you want to ensure the customer is immediately aware of the limit and needs to take action. With this type, you can customize:

  • Button background color: Adjust the background color for the “Contact Us" button

  • Button message color: Adjust the background color for the “Contact Us" button

The background and text color are kept as black and white for the sake of readability.

3. Font setting up

Font family

By default, we will set the font to `inherit, which means that it will take the store's font to display the inline widget accordingly to be immensely blended into your text. Also, you can change the font as desired in the Font family input.

Bear in mind that using extra font will load more files on your website.

Alignment and font size

  • Text alignment: By default, it is left aligned. You can change it to left, right, and center.

  • Font size: Change the font size by adjusting the Font size bar. If you want a responsive sizing of the text, you can use the Custom CSS in the next section.

4. Custom CSS

If you want further styling beyond what we can offer in our app, you can head to the Custom CSS box.

Any trouble writing your CSS, contact our support team, we can give you a hand.

Last updated