Working with Content Blocks

Content blocks are the building blocks of your campaign design. Use them to add images, text, buttons, forms, and other elements to the canvas.

To learn how the Design Editor is organized, see Design Editor Overview.

Add a Content Block

To add a content block to your campaign:

Open the Design Editor.
In the Content panel, find the block you want to use.
Drag the block from the Content panel onto the canvas.
Drop it in the desired location.
Select the block on the canvas to configure its settings.

You can add multiple blocks and arrange them to create your desired campaign layout.

For more information about organizing content, see Managing Rows and Layout.

Available Content Blocks

The Content panel includes the following blocks:

Block	Description
Image	Add an image to your campaign, such as a product photo, logo, or promotional banner. See Image Content Properties.
Form Field	Add a form field to collect information from visitors. See Form Field Content Properties.
Email Input	Add an email field for collecting visitor email addresses. See Email Input Content Properties and Email Input Settings.
Counter	Add a countdown or counter element to create urgency around an offer. See Counter Properties.
Text	Add headings, descriptions, labels, or other text content. See Text Content Properties.
Close Button	Add a button that allows visitors to close the popup. See Close Button Content Properties.
Button	Add a call-to-action button, such as Shop Now, Learn More, or Get Offer. See Button Content Properties.
Dismiss	Add a dismiss option that allows visitors to dismiss the campaign. See Dismiss Content Properties.
Coupon Code	Display a coupon or promotional code to visitors. See Coupon Code Content Properties.
Spacer	Add empty space between elements to adjust the layout. See Spacer Properties.
HTML	Add custom HTML content to the campaign. See HTML Content Properties.

Arrange Content Blocks

After adding blocks to the canvas, you can adjust their position and layout to create the desired design.

You can:

Move blocks to different positions on the canvas.
Add multiple blocks to the same row.
Use Spacer blocks to create additional space between elements.
Select a block to access its available settings.
Adjust the styling and layout of individual blocks.

For more information about organizing blocks and columns, see Managing Rows and Layout.

You can also customize the visual appearance of individual elements using Background and Visual Styling and Typography and Text Styling.

Configure Content Block Actions

Some content blocks can be interactive. For example, a button or image can send visitors to a URL, display a sticker, change the campaign step, or end the campaign.

To configure these behaviors, see Configuring Element Actions.

If your campaign contains multiple steps, you can also learn how to organize them in Configuring Campaign Steps.

Remove a Content Block

To remove a block:

Select the block on the canvas.
Use the available delete/remove option.
The block is removed from the campaign layout.

Example Layout

A promotional popup can be created by combining several content blocks:

Image — display the promoted product.
Text — add a headline and short description.
Coupon Code — display the discount code.
Button — add a call to action.
Close Button — allow visitors to close the popup.

For more information about creating and configuring the popup itself, see Popup Design Settings.

If you want to create a multi-step campaign using these elements, see Configuring Campaign Steps and Working with Stickers.

Tip: Keep your campaign layout simple and focused. Use headings, images, and call-to-action buttons to guide visitors toward the desired action.