You don't say the same thing in every email, of course, so why should each one have the same layout? With the drag & drop editor, it's so easy to rearrange content to create a custom layout on the fly.
And you can change your mind midway: Tweak the look as your email comes together. Keep dragging and dropping until it feels just right.
To change the number of columns in your mailing, click the Columns link atop your template.
Click to select a one-, right-, equal-, three- or left-column layout. The existing content in your mailing will adjust to fit.
Want to see it in action? Let's add a right sidebar to this one-column mailing:
You'll build your layout using 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.
Combo block: a preset image and text area. There's a left-aligned and right-aligned block, but you can also change the alignment of the block once you drag it in.
Text block: a preset box for a block of text.
Image block: a preset box for images you insert from your computer, image library, Facebook or Flickr account. The first image block contains just one single image. The second one contains three image placeholders, which are horizontally aligned by default, but you can make them vertical or delete a placeholder if you don't need it.
Social follow: a block to link to your social accounts.
Video: a block to insert a YouTube or Vimeo link, overlayed with a play button.
Divider: a dividing line between other content blocks.
HTML block: a preset box for adding your own HTML code.
If you want to add some of your own HTML to a mailing you've created using the WYSIWYG editor (perhaps you have an image with distinct clickable areas, or a calendar or other table already built in HTML), simply drag a code content block into your mailing from the menu on the left.
Button block: a clickable button to call attention to your link. (Outlook 2007, 2010 and 2013 only support square buttons.)
You can link a button to a phone number by adding tel: + the phone number in the URL field, like this:
You can link a button to an email address by adding mailto:emailaddress in the URL field, like this:
You can add a subject line to your email link using this format:
Events block: connect with your Eventbrite account to insert invitations and collect RSVPs right from your email.
SurveyMonkey block: quickly and easily link to your active SurveyMonkey surveys from within the editor
This block works similarly to the button block. Once you've connected your accounts, you can select your survey from the dropdown menu within the block editor.
Now that you know a bit about how the content blocks work, you can add them to your mailing.
You can add or move content blocks above or below existing content blocks on the page but not inside an existing block.
If you're working within a two- or three-column layout, you can move content blocks from one column to another within the mailing. Just use the yellow drop spots as a guide.
A row is a full-width drag & drop zone above or below your main content area. Add a row or two to feature special content, like important headlines and banner images. The Rows option in the top toolbar will only appear if you're in a multi-column layout -- right column, equal columns, three column or left column.
In the example below, you'll see that a row is inserted above an equal-column layout:
When you turn on a top row, it adds a text box by default. The bottom row has an image block by default. Both rows allow you to add any combination of content blocks by dragging them over, as many as you want. You can click and drag content between rows and the main content area. Change your mind on placement as often as you'd like.
If you've added content to a row when you're in a multi-column layout and then switch to a single-column layout, your content will be kept intact. If you've added a row, added content and then turned the row off, turning it back on will not remember your content.
It's easy to customize your content blocks with background colors, borders and more. Hover over the content block, and click on the gear icon. The panel that appears lets you change the way the content block looks as a whole. There are two menus, Styles and Settings.
In the Styles menu, you'll see options to:
In the Settings menu, you'll see these options:
Q. I added a combo block to my mailing. The image is on the left, but I'd like to center-align it.
Hover over the content block until it's highlighted in yellow. Click the Options button to make the toolbar appear, and choose the Center option in the dropdown labeled "Position."
Q. Can I add another image next to the one that's already in my combo block?
If you'd like two images side-by-side, add an image block to your mailing instead of a combo block. Or, add a sidebar.
Q. What's the difference between margin and padding?
These two settings are similar, and you probably won't be able to tell the difference unless you've added a background color to your content block. If you have added a background color, however, you'll notice that increasing the margin adds space around the colored area, effectively shrinking the box. If you increase the padding, though, you're maintaining the size of the box but moving the text away from the edges.
Here's a text box with the margin and padding on the default setting:
Increase the margin, and note how space is added around the background color:
But when you increase the padding, the space is added inside the colored area: