Adding a Divider line in an email
This guide will walk you through the process of adding a divider line in an email template. Divider lines can significantly improve the visual organization and readability of your emails, allowing you to separate different sections or elements clearly. Whether you want to distinguish between text, images, or other content, a divider line can be an effective tool for enhancing your email design. Please follow the step-by-step instructions below to add a divider line in your email template.
Proceed with the steps below to incorporate a divider line:
Step 1: Access the Email Template:
Open the email template you wish to edit.
Step 2: Add Divider Line Element:
From the left side content options, select the Divider element.

Step 3: Drag and Drop Divider:
Once you've selected the Divider element, simply drag and drop it to your desired location within your email template.

Congratulations, you've successfully added a divider line! Now, let's adjust its width, height, color, and alignment:
Step 4: Adjust Divider Width:
To change the width, click on the Divider line in your template. Then, from the right side panel, in dimension enter the width your liking.


Step 5: Change Divider Height:
You can alter the height by changing the Line Height value. Enter the desired pixel (px) value in the provided field.

Step 6: Select Divider Color:
Pick a new color for your divider from the color picker.


Step 6: Align Divider:
Choose the alignment for your divider line. Options typically include left, center or right.

Step 7: Save Template:
Finally, make sure to save your template to apply all changes. Click on the Save button located in the top right corner of the editor.

With these steps, you can customize divider lines to suit your email's style and layout. Remember, the key to great email design is a balance of content and visual appeal.
Adding a Divider Line in Your Email Template
Proceed with the steps below to incorporate a divider line:
Step 1: Access the Email Template:
Open the email template you wish to edit.
Step 2: Add Divider Line Element:
From the left side content options, select the Divider element.

Step 3: Drag and Drop Divider:
Once you've selected the Divider element, simply drag and drop it to your desired location within your email template.

Congratulations, you've successfully added a divider line! Now, let's adjust its width, height, color, and alignment:
Step 4: Adjust Divider Width:
To change the width, click on the Divider line in your template. Then, from the right side panel, in dimension enter the width your liking.


Step 5: Change Divider Height:
You can alter the height by changing the Line Height value. Enter the desired pixel (px) value in the provided field.

Step 6: Select Divider Color:
Pick a new color for your divider from the color picker.


Step 6: Align Divider:
Choose the alignment for your divider line. Options typically include left, center or right.

Step 7: Save Template:
Finally, make sure to save your template to apply all changes. Click on the Save button located in the top right corner of the editor.

With these steps, you can customize divider lines to suit your email's style and layout. Remember, the key to great email design is a balance of content and visual appeal.
Updated on: 22/02/2024
Thank you!