Brand Settings

Colors

Add your brand colors to Triggerbee to make them easily accessible in the Onsite Campaign editor. 

  1. Navigate to My Triggerbee --> Customization
  2. Scroll down to Colors and add your Colors according to:
    Color: The color code, in HEX, RGB or RGBA code. You can also use the color picker on the right.
    Name: The name of your color. The color will get a default name, but you can change it to your own if you like.
    Note: If you have multiple accounts in Triggerbee and want to use the same colors in all of them, make sure to have the same color+name combination in order to automatically apply the right colors when copying campaigns between accounts. 
  3. Click "Create" to save your color. Edit the color by clicking the color row.
  4. Done! Your colors can now be found in the Campaign Editor:

Fonts

Want to make your campaign even more personal, add some customization with fonts! You can add your own fonts and google fonts, all you need is the CSS link to the font!

  1. Navigate to Settings --> Customization
  2. Add your Font according to:

    Family Name: The family name of your font, eg. what will be used to apply your font to the text. 
    Note: The name needs to be exactly the same as what you use on the webpage, in order for Triggerbee to be able to render it correctly.

    CSS Link
    : Add a link to your font file, eg. https://www.triggerbee.com/static/fonts/OpenSans-Regular.woff
    Note: You need to add a link to where the font can be found on your webpage, you can not upload the font in Triggerbee. Font links usually end with .woffYou can also select any of Triggerbee's built-in fonts as your default font.

    Note: The font also needs to be installed on your webpage in order to work.

  3. Save your font. Edit your font by clicking the font row. You can also choose your font to be used as a default font when creating new campaigns all components in Onsite campaigns will automatically get the font. 
  4. Done! Your font can now be found in the Campaign Editor:

    Note: Your custom font will not be displayed in the widget editor, but will be applied once previewed or published on your webpage.

Still need help? Contact Us Contact Us