Skip to main content

​
Managing Your Themes

​
Editing

To change the way your offers look, click Edit on the theme you want to change. This opens the theme editor where you can customise and preview changes in real time.

​
Renaming

1

Open the Rename Option

Click Actions on the theme you want to rename.
2

Confirm the New Name

Select Rename, enter the new name, and confirm by clicking Rename.
Renaming a theme via the Actions menu

Renaming a theme via the Actions menu.

​
Duplicating

Click Actions and select Duplicate. This creates a new theme that looks exactly like the original. It will not be assigned to any offers by default.
Duplicating a theme via the Actions menu

Duplicating a theme via the Actions menu.

You can also make changes to a theme in edit mode and view them without making them live. Your progress will be saved.

​
Assigning Themes to Offers

You can assign your theme to multiple offers at once:
1

Open the Assign Option

Click Actions on the theme you want to assign.
2

Filter and Select Offers

Using the filter toolbar, select Campaign, Campaign status, or Experiment status to filter by. Click the checkbox on the offer or offers you want the theme applied to.
3

Confirm the Assignment

Click Assign in the bottom right to confirm.
Assigning a theme to multiple offers at once

Assigning a theme to multiple offers at once.

You can also view the offers using a theme via Show offers using theme under Actions.

​
Theme Editor

​
Edit Controls

Edit mode toggle and publish button in the theme editor

The edit mode toggle and publish button in the theme editor.

Edit mode: must be switched on to make any edits. All edits are autosaved but not put live. If you close the page and return, toggle edit mode back on to see your edits. Publish: clicking Publish pushes your changes live across all offers linked to the theme.

​
Touchpoint Navigation

Touchpoint navigation adjusting based on offer type

Touchpoint navigation adjusting based on the offer type being previewed.

Depending on which offer you’re previewing, the navigation adjusts to show the touchpoints in use. Click the touchpoint you want to edit and the styling controls will update accordingly.

​
Preview Controls

​
Preview Offers

Previewing different offers in the theme editor

Selecting different offers to preview in the theme editor.

Choose which offer to show in the theme editor. The theme must be assigned to the offer for it to appear here.

​
Screen Filters

Screen filters for key screens, all screens, referrer, and referee

Screen filters for key screens, all screens, referrer, and referee views.

Choose between Key screens or All screens to display your designs on. You can further refine by choosing between Referrer or Referee screens.

​
Comment and View Mode

Comment mode and view mode toggle for preview feedback

Comment mode and view mode toggle for leaving feedback on preview screens.

Switching to Comment mode allows you to click anywhere on the screens and leave a comment to request an amend from your design team or leave a note for a colleague. Switching back to View mode hides the comments.

​
Device Views

Mobile and desktop device view toggle

Mobile and desktop device view toggle in the theme editor.

Preview the touchpoint in mobile or desktop view. You can leave comments separately on mobile or desktop for more specific feedback.

​
Styling Controls

Not all settings are the same for each touchpoint. Some are unique to specific touchpoints, and some touchpoints have reduced styling options as they inherit the screen styling for consistency.
The email touchpoint has no styling controls. Email styling must be done via custom CSS. We recommend requesting the Mention Me design team to style this for you.

​
Page and Layout Styling

Page and layout styling controls for background and container

Page and layout styling controls for the background and container of a touchpoint.

Controls the main container or iframe of the selected touchpoint. This most commonly includes background colour styling and master controls which cascade across the touchpoint.

​
Text Styling

Text styling controls for headings, body, and terms

Text styling controls for headings, body copy, and terms and conditions.

Style headings, body copy, and terms and conditions. Where appropriate, you can differentiate between mobile and desktop settings. Terms and conditions inherits most styling and therefore has limited settings.
Link styling controls for colour and underline settings

Link styling controls for colour and underline settings.

By default, all links are underlined and in a contrasting colour to adhere to accessibility criteria. This can be adjusted to suit your design system.

​
Button Styling

Button styling controls for states, types, and width

Button styling controls for states, types, and width.

All buttons for the touchpoint can be styled here. Switch between button types with the tab menu at the top. Different button states can be styled, and you can adjust how the button width sits in the touchpoint.

​
Input Field Styling

Input field styling controls

Input field styling controls for matching the default state of any brand.

Basic input field styling to match the default state of any brand.

​
Custom CSS

Custom CSS editor for touchpoint-specific stylesheets

The custom CSS editor for adding touchpoint-specific stylesheets.

For further customisation, you can add or edit CSS for all touchpoints on separate stylesheets. We recommend only editing this if you are competent in CSS and LESS CSS, as custom CSS can potentially break parts of your journey.
Last modified on July 10, 2026