Separator Block

The separator block in Noptin visual email editor creates a break between two blocks of content with a horizontal line.

This helps create a separation between ideas or sections in your content or email

Adding a Separator Block

Open the visual email editor in Noptin

On the left panel, Select Separator to add the separator block in the email editor

Adding the separator block in Noptin visual email editor

Alternatively, in the email editor, click the add (+) button, then choose the Separator icon

Transform

You can transform a Separator block into a Columns or a Sections block.

Click on the Separator button in the task bar to reveal the other options

Block-moving tools

Drag and drop the Separator Block to reposition it within the editor.

Use the arrows on the task bar to move the block vertically across the editor

Change alignment

Align the block (e.g., None, Wide width, Full width, Align center).

Click the alignment tool on the task bar to switch between alignments

Customization

On the right menu, select the Styles (Moon) button

Choose the separator’s background color from the color picker

Also, add margin values for better content separation.

Dimensions

On the right menu, select settings (Gear) button

Adjust the separator’s height and width

Related Guides

Columns Block
The Columns Block allows you to add different types of columns to your email Adding Columns Select Columns: In the block, select the type of column you want to use. Add Content: Click within each column to add content. You can insert other blocks (like images, headings, or paragraphs) into each column. Increase/Decrease Columns Column…
Read More
Spacer Block
The spacer block in visual email editor in Noptin allows you to create space between two blocks. To add a horizontal space (between blocks in a row), the spacer block has you covered. Adding a Spacer Block Block Toolbar Options Transform Convert the Spacer block into a Columns or Sections block. Click on the Spacer button on the tool bar to…
Read More
Heading Block
The heading block helps you structure your email content into sections.
Read More
Paragraph Block
Besides adding text, the Paragraph block offers various formatting options to customize text content. It lets you make the text bold, italics, and strikethrough.
Read More
Image Block
Use the image block to display images in your email newsletter.
Read More
List Block
The list block helps you create ordered (numbered) and unordered (bullet) lists in your emails.
Read More
Button Block
The button block displays eye-catching calls to action in your emails.
Read More
Custom HTML Block
The custom HTML block lets you add custom HTML code directly to your emails.
Read More
Social Icons Block
The social icons block helps you add social media links to your emails.
Read More
Table Block
The table block lets you organize content into rows and columns.
Read More

Separator Block

In this article

Adding a Separator Block

Customization

Related Guides

Columns Block

Spacer Block

Heading Block

Paragraph Block

Image Block

List Block

Button Block

Custom HTML Block

Social Icons Block

Table Block

Leave a Reply Cancel reply