Shared styling options
Many blocks share a common set of styling controls in their settings panel:| Property | Description |
|---|---|
| Padding | Horizontal and vertical spacing inside the block. |
| Border radius | Rounding applied to the block’s corners. |
| Border | Toggle to show or hide a border around the block. |
| Border color | The colour of the border. |
| Border width | The thickness of the border in pixels. |
Block types
Section
Section
Sections are the structural containers of your email. All other blocks sit inside sections.Columns: Sections can be configured with between 1 and 4 columns, letting you stack blocks horizontally. Any number of blocks can be stacked vertically within a column.
You cannot nest a section inside another section. For complex layouts that require such behaviour, use an HTML block.
| Property | Description |
|---|---|
| Background | Background colour for the section. |
| Alignment | Align column contents to the top, middle, or bottom. |
| Mobile stacking | When enabled, multi-column sections stack vertically on mobile devices rather than appearing side by side. |
Heading
Heading
Headings can be added at any of four levels: Heading 1, 2, 3, or 4.
| Property | Description |
|---|---|
| Heading type | Select H1 through H4. |
| Color | Override the default heading colour set in the Theme panel. |
| Font family | Override the default font. |
| Font size | Override the default size. |
| Line height | Control vertical spacing between lines. |
| Align | Left, centre, or right. |
Text
Text
Add a body text block for paragraph content.
| Property | Description |
|---|---|
| Color | Override the default text colour set in the Theme panel. |
| Font family | Override the default font. |
| Font size | Override the default size. |
| Line height | Control vertical spacing between lines. |
| Align | Left, centre, or right. |
Image
Image
Add an image to your email. Images can also act as clickable links.
| Property | Description |
|---|---|
| Image | Upload from your local computer, or choose from images already stored in your Conversion workspace. |
| Alt text | A text description of the image, displayed when the image cannot be loaded and read by screen readers. Improves accessibility even if images are blocked by the email client. |
| Link | Attach a URL so the image becomes clickable. |
| Scale | Adjust the display size of the image. |
Logo
Logo
Add your brand logo to the email. The Logo block gives you control over height and positioning independently of the image scale.
| Property | Description |
|---|---|
| Image | Upload from your local computer, or choose from images stored in your Conversion workspace. |
| Alt text | A text description of the logo for accessibility. |
| Link | Make the logo clickable. Commonly used to link back to your website homepage. |
| Height | Set the display height of the logo in pixels. |
| Position | Align the logo to the left, centre, or right of its container. |
Button
Button
Socials
Socials
HTML
HTML
Insert a custom HTML block for advanced layouts and interactions that the standard blocks don’t support. The HTML editor supports Liquid templating.Common use cases include: hover state colour changes, section-within-section layouts, custom animations, etc.
Divider
Divider
Add a horizontal rule to visually separate sections of your email.
Unsubscribe
Unsubscribe
Add an unsubscribe link to your email, allowing recipients to opt out of future marketing emails. Conversion automatically adds an Unsubscribe block to the bottom of every new email. If you attempt to delete it, you will receive a warning.