Skip to main content

Themes

Updated over 5 months ago

Ever dreamed about creating a unified look for all your campaigns within just a few clicks? Tired of editing all the pages of your campaign one by one to match your brand identity? Then start using Themes immediately! 🔥

1.png

1. What are Themes?

Design is often the greatest challenge when it comes to scaling personalized messages efficiently. Marketers spend significant time and effort on designing campaigns and making sure they match the brand identity flawlessly.

With Themes, you’ll have a template ready for all possible campaign goals right when you need it. What’s more, OptiMonk Themes allow you to create a unified look for all your campaigns effortlessly by defining key elements of your brand identity - called Saved Styles - and re-using them in your future campaigns.


3 reasons to create your own Theme:

💪 Access several pre-built templates that match your brand

💪 Create new campaigns from scratch in a matter of minutes

💪 Create your own custom theme for each brand you manage



2. How to create your own on-brand Theme with Theme Kit?

To create your own on-brand Theme, you need to define elements of your brand identity first. This is exactly what Theme Kit is for.

3.gif


Theme Kit is the place where you can set your:

  • Brand Colors,

  • Primary and Secondary Fonts,

  • Preferred Border Style.

In other words, the Theme Kit tab in the Editor allows you to create a unified look for all your (future) campaigns. And what’s the best part of it? Once you customize your Theme Kit elements to match your brand flawlessly, you will have access to your own custom, auto-generated templates that match your brand! ⚡️

How to access Theme Kit

Theme Kit settings can be accessed from the Editor when you create a new campaign. Simply select the Theme Kit tab from the top of the left sidebar to display your setting options.


Once you define your brand identity elements, your settings will be saved as your custom Theme, so every time you are to create a new campaign from the same Theme, OptiMonk will remember your Theme Kit settings, saving you significant time on designing every page of the campaign (main page, teasers and thank you page) to match your brand. This way, you can create new campaigns 5 times faster compared to building them up from scratch.



3. Which templates can you use Theme Kit with?

OptiMonk’s Themes-compatible templates can be modified to reflect your design settings across future campaigns. Thus, predefined Theme Kit settings will be automatically applied to future campaigns when you pick a template from the same (custom) Theme family.


Please note that Theme Kit is only available for the following themes:

  • Essential

  • Photographic

  • Modern

  • Botanic

  • Midnight

  • Spark

  • Black

  • Inverse

  • Pure

  • Groundy

  • Edge

  • Monochrome

In case you cannot see this tab in Editor, you’re probably using a theme unsupported by this feature.



4. What elements can be defined in Theme Kit?

Main color

You have the option to select a single main color. Our Theme Kit-compatible templates rely on multiple shades of your main color. OptiMonk automatically calculates 4 matching shades of the main color, which are darker and lighter versions of the given color. The exact tone depends on the darkness/lightness of the original color to make sure that the colors on your personalized templates will be in harmony.


Secondary colors

You can choose up to 4 other secondary colors according to your brand book. Secondary colors must be defined in Hex color codes such as #ED5A29 or #272727.


Logo

Add your logo directly to your Theme settings, and OptiMonk will automatically display it on all your popup pages.


Main Fonts & Secondary Fonts

To pre-set the main and secondary font types used across your popup campaigns, you have two options:

  • Either select a font supported by OptiMonk from the list,

  • Or upload any custom font family.


Corners

Theme Kits offers 4 options for corner style:

  • None

  • Small

  • Medium

  • Large

The selected corner style will be used for various form elements including, the corner of your popups, button elements, and teasers.



5. What to keep in mind when changing Theme Kit settings

  • Theme Kit will always remember your set of brand element settings and offer those to you by default when you create a new Theme Kit-compatible campaign.

  • If you change any default Theme Kit settings while you’re creating a new campaign, your settings will be saved as a new custom Theme.

  • Changing the Theme Kit settings - by saving a new campaign with a different main color, font, or corner setting - will NOT affect any previously saved campaign.

  • As for older campaigns, your settings won’t change once you make modifications to your Theme Kit. If you wish to update your older campaigns with new Theme Kit settings, you’ll have to do that one by one for every campaign for cautionary reasons.


6. What are Saved Styles?

Design elements once, and reuse them forever with Saved Styles!

7.gif


Saves Styles allow you to supercharge your productivity. Stop wasting time on designing a button the same way for every campaign. Choose from several predefined styles for any element or save your own styles that you can reuse over and over again.

  • Choose from primary, secondary, responsive, or link button options

  • Pick the right heading or text style for each text element or save your own

  • Create your own style for discount codes, countdowns, or product elements


7. How to save your own styles and reuse them in your campaigns?

Your Theme offers you several predefined styles for customizable elements, but if you prefer to create a different style and want to reuse it in future campaigns, you can save it as your custom Saved Style.

Step 1: Access Your OptiMonk Account

Log in to your OptiMonk account at https://app.optimonk.com/

Step 2: Navigate to Campaigns

Select Campaigns from the navigation bar.

Step 3: Choose Your Campaign

Select the campaign you want to edit, or create a new campaign.

Step 4: Open Campaign Editor

Click on the campaign variant you want to edit to open the Campaign Editor.

Step 5: Access Saved Style Options

  1. Select the element you want to save styling for

  2. In the right panel, expand the Advanced dropdown

  3. Click the three-dot menu (⋮) next to Saved style

Step 6: Name and Save Your Style

Enter a descriptive name for your custom style (e.g., "Primary CTA Button" or "Header Text Style"), then click Save.

Step 7: Apply Your Saved Style

Your custom style now appears in the Saved style dropdown menu. You can apply it to any compatible element in this campaign or future campaigns.

Need Help?

If you have questions or need assistance with Saved Styles, contact us at [email protected] or via chat—we're here to help.

Did this answer your question?