Brand Settings help you keep your onsite experiences consistent with your website's look and feel. By defining your brand's fonts, colors, and default styles, you can create new experiences faster without having to adjust every design element manually.

Your Brand Settings are automatically applied when creating new onsite experiences, helping you maintain a consistent design across your experiences. You can customize everything from headlines and buttons to form fields, manage your brand colors, and add custom fonts to match your website's design.

You can find your Brand Settings under My Triggerbee → Customization → Brand Settings.

Start in the Brand design tab, where you can define the default appearance of your onsite experiences, including colors and fonts.

When editing colors in your experience, you will always have your brand colors to select from and your most recently used colors. It is also common to have some additional accent colors. You can add these as custom colors, which will then appear in the color picker:

​

To add a custom color, navigate to Customaztion --> Brand Settings --> Color Palette. Add a new color by selecting one from the color picker or adding its HEX code. It is optional to give your color a name, but recommended. Save your color for it to appear in the color picker.
​

Uploading your custom fonts is a great way to make your campaigns look consistent with your website. You can upload custom fonts via a CSS reference link or by uploading font files.

Custom Fonts is found under Customization --> Brand Settings --> Fonts.

Press +ADD to add a new font.

Give your font a name and then choose Alt 1 or 2 (we recommend nr 2)
​
​Alt. 2
Add the font files (approved file types: otf, woff, ttf). You can add multiple font files for one font.

For each font file, we will automatically identify the weight and font type. This means, when using this font in your experience - we will apply the corresponding font file when changing between bold, italic etc.

Save your font. It will now appear in the font selector in Brand Settings and the onsite experience editor.

Give your font a name and use Alt. 1 to add the CSS reference link, eg.
​https://fonts.googleapis.com/css2?family=Mukta:wght@300;500;600

The name needs to be exactly the same as what you use on your website, so Triggerbee can render it correctly. The font also needs to be installed on your webpage to work.

Save your font. It will now appear in the font selector in Brand Settings and the onsite experience editor.

In this view, you will choose the default look of your experiences canvas, headline, text and button. These will automatically apply when you create or edit an experience, so you don’t have to start from scratch every time.

Customize the appearance of your form elements, such as input fields and labels.
​

If you are working with many experiences that share the same text component, such as disclaimers or discounts, you can use Text Variables to quickly update these components. They consist of one key and one value, where the key is the name of the variable and the value is the dynamic part that can be changed.
​
For instance, you could have the member signup page as a variable - where the key would be "disclaimer" and the value is the disclaimer text. The key is what is selected in your campaign, which refers to the given value.

The text variables you create can be added as text to your text fields from the tiny editor. Select the variable you want, and it will be added to the text within curly brackets. Do not remove these. {disclaimer} will be replaced with the value of that key whenever the experience is published (or previewed).

​

Once you're happy with your settings, click Save. Your Brand Settings will now be available when creating new onsite experiences, including those based on templates!

You can update your Brand Settings at any time to reflect changes to your brand's design, such as new colors, fonts, or button styles.

Simply return to Brand Settings, make your adjustments, and click Save.

Your updated settings will be available when creating new onsite experiences. However, existing experiences will not automatically change when you update your Brand Settings.

If you want an existing experience to reflect your new brand styles, you'll need to open it in the editor and apply the updated settings:

The new extended capabilities of brand settings (such as background color, button appearance etc) was introduced in April 2025. Any older experiences will not support these new design settings. But there is a way to modify your older experience to support them.

First of all, this prompt will appear in the editor. Click YES to activate the Brand Settings for this widget.

For all other components that have matching Brand Variables, this button will appear underneath. Simply press it to apply the brand setting value. So go through each component in your experience and go through all the settings and click the button where applicable.
​

Once you’ve gone through all components of your experience and adjust according to above instructions, your older experience will be compatible with the new Brand Settings.

If you manage multiple accounts in Triggerbee, you can easily copy your Brand Settings from one account to another. This saves time and helps maintain a consistent design across websites or markets that share the same visual identity.

To copy your Brand Settings:

Once copied, you can open Brand Settings in the destination account to review or customize them further.