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 visual 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

Separator Toolbar Options

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

How to transform the separator block

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

How to move the separator block

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

how to change separator alignment

Customization

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

Choose the separator’s background color from the color picker

How to chnange the separator background color

Also, add margin values for better content separation.

Dimensions

On the right menu, select settings (Gear) button

Adjust the separator’s height and width

hoe to adjust the separator dimensions