Content Blocks

Learn more about the Drag N’ Drop WYSIWYG Editor here. To build your email or template, add content to the Email Body. Below is a breakdown of the Content Blocks.

Columns

  • Each row can have several columns.
  • Change the column background color.
  • Change the row background color or add a background image.
  • Adjust the padding.
  • Determine if you want to stack on mobile.
  • Add content by selecting the Add Content button in the column and drag another Content Block in (text, image, etc)

Button

  • Change the button text by clicking into the button and typing something new.
  • Enter the link URL and determine if you want the link to open in the same tab or a new tab.
  • Change both the color of the tab and the color of the tab when you hover over it.
  • Determine the alignment, line height, and border
  • Adjust the button padding

Divider

  • Add a divider between content blocks to create some space between each section
  • Determine how wide the divider is
  • Decide if it is a solid, dotted, or dashed line
  • Pick the coloring, line size, and the alignment
  • Choose the line padding

Heading

  • Easily add headings to your email body
  • Adjust heading type, font family, font size, color, and more

HTML

  • Add HTML directly in the editor on the right and see it appear in the email body
  • Determine the HTML padding

  • Add a navigation menu to your email
  • Modify menu style, font, menu links, and more

Text

  • Text allows you to freely type anything into your body
  • To add merge variables, select the personalize drop down
  • Change the style of the text
  • Choose the alignment and line height
  • Determine the text padding

Assets

  • Choose an existing picture in your asset manager by selecting the image in the asset manager tab or drop or upload a new picture in the settings tab
    • The image will automatically be added to the asset manager
  • Optionally add a URL link and alternate text
  • Adjust the height and width of the image
  • Determine the alignment
  • Decide the image padding in the general tab

Updated on June 27, 2022

Was this article helpful?

Related Articles