This article explains how to use the Content tab in the drag and drop editor to create and edit content blocks.

Emma’s drag and drop editor is controlled by the three main functions found under the tabs for Content, Rows, and Settings. While working on a campaign draft, the editor tools are located in the panel on the right. When you click on the Content tab, you’ll see the different block options that are available for your campaign.

	In This Article
	Content Blocks Overview Adding Content Blocks Arranging Content Blocks Changing Styles and Settings in a Content Block Additional Resources

Content Blocks Overview

When using the drag and drop editor, you can build or adjust the layout of your mailing with an arrangement of content blocks. Each block has its own properties and formatting options, so what you choose depends upon what you're looking to do. Here's an overview of the different content blocks you can use and what they can do.

Block	Function
Title	The title block is type of text block that is used specifically for heading text.
Paragraph	The paragraph block is a type of text block that is used specifically for body text.
List	The list block is a type of text block that is used specifically for lists.
Image	The image block provides a preset box for an image.
Button	The button block creates a clickable button.
Table	The table block creates an editable table.
Divider	The divider block adds a dividing line between other content blocks.
Spacer	The spacer block adds customizable space between other content blocks.
Social	The social block allows you to add social follow and social sharing icons.
HTML	The HTML block offers a preset box for adding your own HTML code.
Video	The video block allows you to insert a link and thumbnail for a YouTube or Vimeo video.
Icons	The icons block allows you to use images from your library to create clickable icons.
Menu	The menu block allows you to create a navigation menu in your campaign.
RSS	The RSS block allows you to import content from an RSS feed into a mailing.
Events	The events block connects with your Eventbrite account and lets you insert invitations and collect RSVPs right from your email.

Adding Content Blocks

To add a content block to your campaign, follow these steps:

1. Navigate to your Campaigns tab.
2. Open a saved drag and drop draft or click on the Create new campaign button to create a new campaign from scratch.
3. Click on one of the content blocks in the right panel and drag it over to your mailing.
4. As you drag the block over to your campaign, you will see a blue highlight appear labeled "Drag it here". This highlight will follow your cursor as you move it around and indicates where the content block will appear in the campaign when you drop it.
5. Once you release the block, it will appear in the place you designated.

Arranging Content Blocks

When rearranging content blocks in your mailing, you can add or move them above or below existing content blocks on the page, but not inside an existing block. If you want to place multiple blocks side-by-side, you'll need to be working in a row with multiple columns. For more information about rows and columns, please refer to our rows article.

To rearrange existing content blocks, follow these steps:

1. Click on the content block to reveal the blue toolbar options.
2. Click on the four-way arrow icon on the right and drag the block to another location in your mailing.
3. The blue highlight labeled "Drag it here" will appear again to indicate where the block will appear.
4. Once you've chosen a new spot for the block, release it and it will snap into place.

To delete a content block, click on the trashcan icon in the blue toolbar. To duplicate a content block, click on the icon with the two squares on it, next to the trashcan icon.

Changing Styles and Settings in a Content Block

In the drag and drop editor, most content block settings are controlled by the Content Properties panel on the right. When you click on a content block, the Content Properties panel will automatically open.

The settings available in the Content Properties panel vary depending on the type of block you're editing, but most contain options for modifying alignment, URL, padding, width, etc.

Block	Content Properties Settings
Title	Title (heading size), font family, font weight, font size, text color, link color, align, line height, letter spacing, text direction, block padding, hide on mobile / desktop
Paragraph	Font family, font weight, font size, text color, link color, align, spacing, line height, letter spacing, text direction, block padding, hide on mobile / desktop
List	List type, list style, font family, font weight, font size, text color, link color, align, spacing, indent, line height, letter spacing, text direction, block padding, hide on mobile / desktop
Image	Width / auto-width settings, align, apply effects, choose / change image, alt text, image rounded corners, link type, URL, block padding, hide on mobile / desktop
Button	Link type, URL, link file, auto-width, font family, font weight, font size, button color, text color, align, line height, letter spacing, text direction, border radius, content padding, border style, border weight, border color, button hover, block padding, hide on mobile / desktop
Table	Columns, rows, border style, border weight, border color, background color(s), striped rows, header row on / off, header background color, header font weight, header font size, header text color, header align, font family, content font weight, content font size, content text color, link color, content align, content line height, content letter spacing, content text direction, block padding, hide on mobile / desktop
Divider	Transparent toggle, line style, line size, line color, width, align, block padding, hide on mobile / desktop
Spacer	Height, hide on mobile / desktop
Social	Icon collection, icon order, icon title, icon alt text, icon URL, add icons, align, icon spacing, block padding, hide on mobile / desktop
HTML	Enter HTML code, hide on mobile / desktop
Video	URL, title, play icon type, play icon color, play icon size, block padding, hide on mobile / desktop
Icons	Change icon image, apply effects, icon order, icon alt text, icon text, icon link type, icon URL, link target, link title, add icons, font family, font weight, font size, text color, align, letter spacing, icon size, icon spacing, icon padding, block padding, hide on mobile / desktop
Menu	Text, link type, URL, link target, link title, add new item, item order, font family, font weight, font size, text color, link color, align, letter spacing, layout, separator, mobile menu, item padding, block padding, hide on mobile / desktop
RSS	Connect RSS feed, hide on mobile / desktop
Events	Connect to Eventbrite, hide on mobile / desktop

Additional Resources

• Drag and Drop Editor: Frequently Asked Questions
• Drag and Drop Editor: Overview
• Drag and Drop Editor: Resource Hub
• Drag and Drop Editor: Rows Tab
• Drag and Drop Editor: Settings Tab
• Quick How-To Videos on Using the New Drag and Drop Editor

---

In April 2022, Emma's legacy editor was replaced with a new drag and drop editor. Accounts that existed prior to this change still have access to the legacy editor through their previously saved templates and campaigns, however new, from-scratch campaigns can only be created in the new drag and drop editor. Accounts that were created after this change only have access to the new drag and drop editor. Please refer to our new editor FAQ article for more information.