Drag & Drop Editor (New) - Part 2: Layouts vs content blocks

Now that you have gone through the editor overview, we will show you how to use the layout and content blocks to start designing your email.

❗️ Important
Please note that the Drag & Drop Editor (New) featured in this article is still in beta. We can activate it on demand for your account.

To start with take a look at our detailed video on how to use the Drag & Drop Editor (New) 🚀. Layouts and content blocks are explained at the beginning of the video!

What is a layout block ?

A layout block is a structural block consisting of one or more columns to which content blocks can be added.

In the example below, the Layout (in blue) contains 4 content blocks (in yellow): 2 images and 2 text blocks.Layout_and_blocks.png

You can either create your own layout by drag and dropping the content blocks or use one of our 3 predefined layouts of one, two and three columns:

blobid0.png

Layout settings

These settings are visible in the left navigation when a layout block is selected.

Layout_settings.png

  1. Row settings: You can change the column layout from the row settings. We allow up to five columns in a layout.
    blobid1.png
  2. Background: You can set the background type, color and even add a background image.
  3. Spacing: Use the padding property to adjust the space around the block. The margin property lets you adjust top and bottom space between blocks.

Layout actions

You can move a layout block vertically. To move a block, click the layout block and hold it while you move the it to the desired location. The blue line will show you where the block will be moved to.

There are certain actions available on the bottom-left corner on a layout block when selected:

Layout_actions.png

  1. Personalize: Hide or show a block by adding conditions. Learn more about conditional display
  2. Duplicate: Once you have chosen all the settings for your block, you can duplicate it. This is a real time saver when it comes to designing your campaign or template.
  3. Save: Save a block to reuse it again in other campaigns. Your blocks will appear in the tab My Content in the left panel.
  4. Delete: You can delete a layout block using this option.

What is a content block ?

Content blocks are different content types that you can add in your email. You can drag & drop the content blocks into the layout blocks.

The available content blocks are text, image, button, social media, html, divider, header and footer:

blobid5.pngblobid6.png

Each content block has its own setting that can be customised as needed which will override the default template settings in the Theme.

Like the layout blocks, you can also move, personalize, duplicate, save, and delete content blocks.

The extra-actions (link, preview, replace image, etc.) will differ according to the type of block you're editing. Example below with the actions for Image block (in yellow) and a text block (in blue):

Block_actions.png

⏩ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.