Work with campaign layouts
Learn how to design a layout for your campaign .
If you are designing a campaign from scratch or using a predefined template in the campaign editor, you usually start by designing an overall structure, which might consist of multiple layouts. You do this by dragging and dropping different layouts into the editing area and dividing the blank workspace into different rows. Each row can have different slots where you can add items to build your design.
To be able to add items to a campaign, it must have at least one layout.
Add a layout
To add a layout:
In the left pane of the editor, click the Layouts tab.
Drag and drop a layout into the editing area. You can select and combine these types of layouts:
Full Width Container - a vertical slot which extends to the complete width of your design.
Half Width Container - a row divided into two equally sized vertical slots.
1/3 - 2/3 Container - a row divided into two vertical slots, with the first having half the width of the second.
2/3 - 1/3 Container - a row divided into two vertical slots, with the first having twice the width of the second.
3 X 1/3 Container - a row divided into three equally sized vertical slots.
4 X 1/4 Container - a row divided into four equally sized vertical slots.
Repeat the process to add more layouts.
Move, duplicate, or remove a layout
To move, duplicate, or remove a layout, or to save a custom layout:
In the editing area, hover your mouse over a layout to display the Actions menu:
Click one of the options on the Actions menu:
To move the layout to a different row in the editing area, click Move
. You can move a layout to rearrange the sequence of rows.To edit the settings of a layout, click Settings
.To create a copy of the layout including its items and settings, click Duplicate
.To delete the layout from your design, click Remove
.To save a layout design for future use click Save custom layout
. After you have named and saved it, you can access this layout in the Layouts tab.
Edit the settings of a layout
To edit the layout settings:
In the editing area, hover your mouse over a layout to display the Actions menu and click Settings
.In the Layout settings pane on the right, you can set the following:
Layout padding - enter a number (or click
) to edit the layout height from 0 to 2000.Slot spacing - enter a number (or click
) to edit the distance between the slots.Layout color - select the layout's color. The default color is transparent.
Layout Background Color (Wide) - select the layout's background color. The default color is transparent.
Border Radius - enter a number (or click
) to edit the border's radius from 0 (rectangle) to 2000 (circle).Add Background Image - click to open the image picker and select and upload a background image.
Background Image Repeat - select the option to repeat the background image in the horizontal (x), vertical (y), or both horizontal and vertical axes of the layout.
Change Background Image - click to select a new background image and replace the current one.
Remove Background Image - click to delete the current background image.
Layout type - select a layout type from Normal (default) to different dynamic content blocks.
Unlike normal layouts, dynamic content blocks, indicated by
, are fully customizable and designed to pull information from a website, showing what your customers left in their baskets or looked at on your site, or suggest products that might interest them, based on what they are buying. You can choose for example Cart Abandonment, Product Recommendation, Browse Abandonment, and RSS Campaign blocks.
To change the settings of the layout slots, click the Slot drop-down menu. You can set the background color, vertical alignment, and border radius.
To display the layout's content to a specific audience, click + Add Visibility Condition to select a custom field to set who can view the content.