Drag & Drop Editor Blocks

Editor blocks are the various blocks available in the Drag & Drop Editor under the ‘Content’ section. This section includes a series of tiles that represent the different kinds of content you can use in your message. More will become available in the future.

To use them, drag one inside a column. It will auto-adjust to the column width. Every content block has its owns settings, such as granular control on padding. The right-side panel automatically switches to a property panel for the selected content element.

Block types

Name Description
Title Allows users to add text with H1, H2, and H3 tags for email.
Text Allows users to enter text into their message. A toolbar helps with font and text editing functionality.
Image Allows you to insert an image from the Media Library.
Button Add a standard button. Properties for this block allow for editing and setting links easily.
Divider Insert a solid, dotted, or dashed line to help with spacing.
HTML Insert raw HTML. Great for advanced Liquid such as Connected Content or conditional statements.
Menu Create a flexible menu for the message you’re designing.

Block type properties

Details for each block type are provided below

Title

Properties Description
Title Select the heading style. H1, H2, or H3 are available only.
Font Family The style to be used for your title
Font Size The size of your text
Text Color Modifies the color of the title
Link Color Modifies the color of the link
Align Moves the title to be either left, center or right oriented
Line Height Modify the distance between lines of text
Line spacing Modify the distance in between each character
Text direction Default left to right, but can be edited to write right-to-left

Text

Properties Description
Text Color Modifies the color of the title
Link Color Modifies the color of the link
Line Height Modify the distance between lines of text
Line spacing Modify the distance in between each character

Image

Properties Description
Auto Width Modifies the px of the image
Align Moves the image to be either left, center or right oriented
URL The hosted address for your image
Alternate text The written copy that appears in place of an image when the image fails to load

Button

Properties Description
Link Type The desired action when clicking the button. Sets the appropriate link protocol
URL Dynamic based on the Link Type chosen.

Divider

Properties Description
Transparent If enabled, ‘line’ and ‘width’ options are removed.
Line The different line formats, whether dotted, spotted, or solid. In addition, you can modify the thickness and color of the divider line
Width Adjusts the spread of the divider in increments of 5
Align Moves the line to be either left, center, or right-oriented

HTML

Properties Description
html editor Enter the raw HTML
Properties Description
Configure menu items Add a menu item
Font Family The style to be used for your menu
Font Size The size of your menu
Text Color Modifies the color of the menu
Link Color Modifies the color of the menu text
Align Moves the menu to be either left, center or right oriented
Letter spacing Modify the distance in between each character
Layout Either horizontal or vertical
Separator Add character(s) in between the menu options
Mobile menu Options to modify the icon size, color, and icon type when shown on a mobile device
Item padding If enabled, you can modify the padding by using either the + or - button or by inputting a specific number
All sides If ‘item padding’ is disabled, set a consistent padding number

Add Liquid Personalization

Name Description
Add Personalization Located on the left menu. Allows you to lookup standard liquid snippets such as default attributes, custom attributes, content blocks etc…
WAS THIS PAGE HELPFUL?
New Stuff!