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