Simple Email Marketing
Home > Have a question? We're here to help. > Account how-to > Customizing your layout

Customizing your layout

Build your own layout

You don't say the same thing in every email, so why should each one have the same layout? With the drag & drop editor, it's easy to rearrange content to create a custom layout on the fly.

Adding and removing columns

To change the number of columns in your mailing, click the Columns link atop your template.Screen Shot 2014-12-18 at 9.14.33 AM.png

Click to select the desired 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:

Before
Screen Shot 2014-12-18 at 9.25.35 AM.png

After
Screen Shot 2014-12-18 at 9.25.57 AM.png

An overview of content blocks

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.
  Screen Shot 2014-12-18 at 9.26.58 AM.png

Text block: a preset box for a block of text.
  Screen Shot 2014-12-18 at 9.27.21 AM.png

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.
 Screen Shot 2014-12-18 at 9.27.41 AM.png
Screen Shot 2019-02-08 at 11.38.10 AM.png

Social follow: a block to link to your social accounts.

Screen Shot 2014-12-18 at 9.28.02 AM.png

Video: a block to insert a YouTube or Vimeo link, overlayed with a play button.

Screen Shot 2014-12-18 at 9.29.29 AM.png

Divider: a dividing line between other content blocks.
 Screen Shot 2014-12-18 at 9.28.22 AM.png

HTML block: a preset box for adding your own HTML code.
 Screen Shot 2014-12-18 at 9.28.44 AM.png

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.

HTML block.png

Then hover over the block and click the Edit HTML tab. Paste in your code and click Save. Avoid adding JavaScript or other code that doesn't perform well in email. Read our HTML for email guide for more details.

 

Button block: a clickable button to call attention to your link. (Outlook 2007, 2010 and 2013 only support square buttons.)

Screen Shot 2015-02-10 at 7.46.45 AM.png

Screen Shot 2019-02-08 at 1.41.48 PM.png

RSS block: quickly and easily import content from an RSS feed into a mailing or landing page

Screen Shot 2019-02-08 at 11.41.20 AM.png

Events block: connect with your Eventbrite account to insert invitations and collect RSVPs right from your email.

events button.png

SurveyMonkey blockquickly 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. 

Adding and arranging content blocks

Now that you know a bit about how the content blocks work, you can add them to your mailing.

  1. Click on a content block to the left of your mailing, drag it over to your mailing and drop it in any drop spot marked in yellow.
  2. The yellow drop spot will turn green as you hover over it, so you know just where the content block will appear in the mailing.
  3. To rearrange the content blocks you've added, hover over the content block to reveal the yellow editor border. Click on the four-way location button atop the block.
    Screen Shot 2014-12-18 at 9.30.57 AM.png
  4. Drag the block to another location in your mailing. You'll see yellow drop spots again – and one will turn green as you initiate the drop!

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.

Changing styles and settings in a content block

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.

gear icon.png

In the Styles menu, you'll see options to:

  • Change the Background color of the content block
  • Adjust the Margin (click the gear for advanced settings)
  • Adjust the Padding (click the gear for advanced settings)
  • Add and customize a Border

Screen Shot 2014-12-18 at 9.33.49 AM.png

In the Settings menu, you'll see these options:

  • Turn off Text to turn a combo block into an image-only block
  • Turn off Wrapping to prevent text from wrapping around an image
  • Turn off Images to turn a combo block into a text-only block
  • Change the Count to adjust the number of images in the content block
  • Turn off Smart Sizing (but we recommend keeping it on). Smart Sizing automatically resizes your images so they're proportionate within the same content block.
  • Turn on Captions below the image(s) in a combo block
  • Change the Position of your image in a combo block to left-aligned, center-aligned or right-aligned

Screen Shot 2014-12-18 at 9.34.20 AM.png

Last modified

Tags

Classifications

This page has no classifications.

Announcements

Emma phone support will be unavailable on November XX, between the hours of XX:XX and XX:XX. You can still contact support using the link above and we will respond as soon as we can.

App status