Add customized blocks to your email designs. Custom blocks are a great way to build layouts and designs that are tailored to meet specific design requirements.
In this article, you will learn:
- How to Create Custom Block Layouts
- How to Customize Block Layouts
Create Custom Block Layouts
A block layout is a frame of columns that allows you to insert different content (text, images, videos, etc.) in the form of elements. The block layout can be found on the left side of the screen in the email designer.
Once you’ve found the desired block layout, you can add it to your design by dragging and dropping it onto the desired location within your design.
Customizing Your Block Layouts
Customize your blocks, and engage your audience. You can customize your blocks to allow for your content to be placed in a way that is most meaningful.
When you have added the desired block layouts to your design, you can add elements from the Elements section on the left side of the screen.
Elements are the different kinds of content that you can add to your design. This includes text, images, videos, buttons, surveys, spacers, and social links.
To add an element, click on the desired element and drag the element onto your design.
After your desired elements have been added to the design, you can add rows to your block layouts. Rows are a way to create and add multiple elements within the same column. A common use case we see is when a user wants to add three columns, each column having an image element, a text element and a button.
To add rows to your columns, select the desired element and drag it over top of an existing element in a column.
Elements can be automatically added to your columns with the cloning feature. This feature will automatically clone your element and insert it in a row underneath your current element.
The cloning feature can be used by clicking on the element you wish to clone, and then clicking on the icon that is displayed on the upper-right side of the icon. This will clone the element and insert it below your current element.
The delete feature will delete an element in a row. This can be used by clicking on an element and then clicking on the icon that appears on the upper-right side of the element. This will delete the element you have selected.
If there are any elements below the deleted element, they will be moved up one row so that the top row of the block has an element.