Skip to main content

Add and configure a divider in the template designer

Learn how to add a divider block in the template designer, and how to customise its appearance, spacing, and display conditions.

Written by Fernando Fallabrino

Understand the divider block

The divider block is a visual element that adds a horizontal line between sections of your template.

You can customise the divider by any of the following attributes below:

  • Line style: Solid, dotted or dashed.

  • Thickness.

  • Width.

  • Color.

  • Alignment.

  • Spacing.

The divider block does not affect template logic, delivery or how recipients interact with your email or page.

Before you start working with divider blocks

Outlined below are important factors to know before working with the divider block:

  • The divider block must be placed inside a column within a columns row. It cannot be added directly to the canvas.

  • Dividers are visual only and do not impact how the email sends or how recipients interact with it.


Add a divider block

To add a divider block to an email template, follow the steps outlined below:

  1. In the left navigation menu, click Campaign Management Tools.

  2. Click Channels and then click Emails.

  3. Navigate to the template you want to edit, click the downward arrow and click Edit .

  4. Click the Designer .

  5. In the right-side panel, click the Content tab.

  6. Drag the divider block into a column in the canvas.

  7. Click Apply to save changes .

Add a divider to a landing page template

To add a divider to a landing page template, follow the steps outlined below:

  1. In the left navigation menu, click Campaign Management Tools.

  2. Click Components and then click Landing Pages.

  3. Navigate to the template you want to edit, click the downward arrow and click Edit .

  4. Click the Designer .

  5. In the right-side panel, click the Content tab.

  6. Drag the divider block into a column in the canvas.

  7. Click the Blocks to open its settings in the right-side panel.

  8. Click Apply to save changes .


Configure the divider block

Outlined below are the steps on how to configure the divider line in the designer:

  1. In the left navigation menu, click Campaign Management Tools.

  2. Click Channels and then click Emails or click Components and then click Landing Pages.

  3. Navigate to the template you want to edit, click the downward arrow and click Edit .

  4. Click the Divider block in the canvas and in the right-side panel, scroll to line.

  5. To adjust the width, move the slider right to left to increase or decrease the width of the line.

  6. To choose a divider block style, select one of the following options from the dropdown menu: Solid, dotted or dashed.

  7. To adjust the thickness of the divider block click the plus or minus buttons.

  8. To adjust the color of the divider line, choose a color or enter a HEX code

  9. To align the divider line, select left, centre, right or justified.

  10. Click Apply to save changes .

Configure spacing

Outlined below are the steps on how to configure the spacing in the designer:

  1. In the left navigation menu, click Campaign Management Tools.

  2. Click Channels and then click Emails or click Components and then click Landing Pages.

  3. Navigate to the template you want to edit, click the downward arrow and click Edit .

  4. Click the Divider block in the canvas and in the right-side panel, scroll to general.

  5. Click More Options .

  6. To adjust the container padding click the plus or minus buttons for top, right, left or bottom sides adjustments.

πŸ“ŒNote: Container padding is the space around the outside of the divider.

Duplicate or delete a divider

Follow the steps below to learn how to duplicate or delete a divider block:

  1. In the left navigation menu, click Campaign Management Tools.

  2. Click Channels and then click Emails or click Components and then click Landing Pages.

  3. Navigate to the template you want to edit, click the downward arrow and click Edit .

  4. Click the Divider block in the canvas to open the inline block toolbar.

  5. Click on the trash can icon to delete or the duplicate icon to duplicate .

  6. Click Apply to save changes .


Frequently asked questions

Outlined below are a list of frequently asked questions:

Can I make a divider invisible?

Yes. Set the line color to match the background color of the row or column, or reduce the thickness to the minimum value. This can be useful for adding consistent spacing between content blocks without a visible line.

Does a divider affect email deliverability or rendering?

No. Dividers are purely visual HTML elements. They do not affect how the email sends or renders across email clients, beyond standard HTML rendering differences.

Can I use a divider to create spacing between blocks?

Yes. Use the Container Padding setting in the General section to add vertical space above and below the divider, increasing the visual separation between sections without increasing the line width.

Did this answer your question?