Navigating your Design Page

We often update the Design section to add more features and ease of use. Here are a few tips on how the current interface works and where to find all of the features you had before, and then some!

Add Elements

In the Design section of your campaign, you can add a number of different elements to any page of your campaign. To do so, select the page you want to add a component to, click Elements in the left navigation, then select the element you would like to add to the page.

Design section - Elements

How to edit your options

Each element can be adjusted and customized. Simply click on the element to open the menu on the left (selected elements will be highlighted in blue):

Click on element
Gallery element settings

Layout and alignment

Text customizations such as font, size, color, and alignment are now located in the toolbar that appears at the top of your screen after selecting a text element:

Text toolbar - customize section

This toolbar is also where you can adjust the position of the element (the arrow icons) or delete the element with the trash-can icon. You can also re-position the element by clicking and dragging it to the desired location on the page.

Delete element icon

To cycle through the display options for a voucher in a Coupon or Instant Win campaign, use the dropdown menu in the Styles tab after selecting the voucher element:

Voucher element - styles tab

Form fields

For each campaign, you are able to fully customize the entry form. To do so, click to select the Form Element on the Entry page to open the menu on the left:

Form element settings

From here you can add a form field by selecting the button labeled + Add Form Field.” You can click on the “pencil-and-paper” icon next to a form field to manage the label or other options for that field.


Clicking the “BGROUND” tab will allow you to choose from and edit one of the pre-loaded Patterns or Backdrops, choose from an extensive online Photo Library, or upload your own background image. 

Doing this on the Page level will apply the background to the entire campaign, and clicking the BGROUND tab with an element selected will apply the background just to that element. 

Backgrounds tab

Clicking the small box under the “patterns” will allow you to adjust solid colors and transparency, or add a specific hex code.

Background color editor

Styles tab

Click the Styles tab in the left navigation (with no elements selected) to edit the default font for the campaign, the font color, link styling, form field styles and colors, button styles, and access advanced display options where you can adjust the background width, max width of the promotion’s pages, etc. These settings will affect the entire campaign.

Styles tab

Clicking on a particular element will change the Styles tab and the settings will affect only that element.

Form element styles tab

Custom Coding

Update 10/2018: CSS and HTML are now available on the Advanced and Power plans. If you are on the Basic or Standard plans, you will need to upgrade to use custom CSS or HTML.

Click Code to access the CSS and Javascript sections to add custom code (Javascript is available on the Power plan).

Customize - Code

Clicking Code with an element selected will allow you to edit the HTML for that element.

Element in custom HTML mode

Updated on July 19, 2021

Was this article helpful?

Related Articles