While editing your design in Employee Email, block controls allow you to select an entire block, edit it, and re-order it amongst the other blocks. This article will provide an overview of the Block Settings menu that allows you to apply formatting to the block itself.
In This Article
Add and Move Blocks
Designing your emails is easy with these simple block controls.
There are two types of blocks that you can add to your email designs:
- Block Layouts are empty block designs where you can add elements of your choice.
- Quick Blocks are predesigned blocks that allow you to quickly design your email.

To add a block to your email:
- Click and drag the block type into your email design.
- If adding from Block Layouts, you will also need to drag and drop one or more elements into the layout.
Before you can control an entire block, you first have to ensure that the block itself is selected. Click on the block to select it.
The easiest way to ensure you always click on the block itself is to click on the empty block space on the far right or the far left side of the block. Even with four columns of elements in a design, this space will always be present for you to click and select the block itself.
Once you have selected the block, you can now access the Block Layout menu that you will see in the upper right corner of the block.
To select all the blocks within your design, click the Select All checkbox found in the upper right-hand corner of the screen below Block Settings.
From here, you can lock all of the blocks, adjust all of their colors, adjust all of their spacing, and delete them all.
Click the icon on the block you would like to delete and the block will be deleted. Any blocks below the deleted block will be moved up into its place.
Similar to the swapping elements feature, this feature will swap blocks with the blocks either above or below them.
Click either the or
icons and the selected block will be swapped with either the block above or the block below it.
Blocks can be rearranged by dragging and dropping them in different locations. This can be done by clicking on a block once it is selected, holding the mouse button down, and dragging it to the desired location in the email design.
Similar to the elements cloning feature, this feature will clone the block and insert it below the selected block. A cloned block will contain all the same elements as the block it was cloned from.
To clone a block, click the icon and you will see it appear below the selected block.
Edit Block Design and Settings
Once the block has been selected, the Block Settings menu will appear on the right side of the Email Designer. This menu will allow you to edit several settings within your block and within your entire design.
Block Color
In the Block Settings menu, there are two fields that will allow you to change the color of the block.
- The Outer Color field will allow you to change the color of the area of the block where no elements will reside.
- The Inner Color field will allow you to change the color of the area of the block where there the elements reside.
For both fields, you can change the colors by selecting a color in the field, by inputting a hex code, or by inputting RGB color values.
Block Spacing
The Block Spacing setting will let you adjust the spacing between the selected block and any blocks above or below it.
In the Block Spacing setting, there are two fields that can be adjusted.
- The top field will control the spacing between the selected block and the block above it.
- The bottom field will control the spacing between the selected block and the block below it.
In each field, clicking on the or
icons will increase or decrease the spacing between the blocks.
To adjust the spacing equally, click on the lock icon in between the two Block Spacing fields. Then, increase or decrease the spacing in either field and the spacing adjustment will be mirrored in the opposite field.
Locking Blocks
At the top of the Block Settings menu, you will see a lock icon. This feature will allow you to lock the block and prevent it from being edited until it is unlocked.
Locking is a best practice to use when editing a design with multiple collaborators, as it makes it difficult to accidentally change blocks that have already been edited by others.
Comments
0 comments
Please sign in to leave a comment.