Working with Email Template Contents and Layouts

The Responsys Visual Template Designer uses contents and layouts to help you build your email template.

Contents

Contents are types of elements that you can include in your email. Content types include text, buttons, images, and more. You can add content to sections of a layout. Content added to layouts create a content block in your email. Drag content elements onto the email template.

An image of the content block options

Layouts

Layouts determine where you can place content. Layouts consist of one or more columns that you can add content to. Responsys provides you with several layouts that you can customize with content. Drag layouts onto the email template.

An imae of the email layout options

Learn how to work with these design components:

Adding content or layouts

After you initially choose a layout for your email, you can add contents and layouts to customize the email design.

To add contents or layouts:

  1. With your email template open, drag content or layouts to your email.

An animation showing dragging and dropping content and layouts onto the email canvas

Copying content blocks or layouts

To copy content blocks or layouts:

  1. With your email template open, click the content block or layout you want to copy.
  2. Click An image of the copy icon.

    An image that indicates the copy icon

  3. Move the content block or layout to the location you want it.

Moving content blocks or layouts

You can move a content block vertically or horizontally. You can move a content block to a new layout. You can move a layout vertically.

Note: You cannot move content blocks if you are in the mobile view. You can move a layout in mobile view.

To move content blocks or layouts:

  1. With your email template open, click the content block or layout you want to move.
  2. Click An image of the drag handle icon and drag the content block or layout to the new location.

    An image illustrating the drag handle

Deleting content blocks or layouts

To delete content blocks or layouts:

  1. With your email template open, click the content block or layout you want to delete.
  2. Click An image of the trash icon. You can click An image of the undo icon to undo your change.

    An image that indicates how to delete the layout with the trash icon

Resizing columns

To resize columns in a layout:

  1. With your email template open, click on the layout that contains the columns you want to resize.
  2. Click on or An image of the column resizing arrow to decrease or increase the size of the columns.

    An image showing how the columns are resized

Padding and borders

You can add padding to most content blocks and add borders to both a content block and layout.

An image illustrating the difference between border and padding

Padding

You can adjust the space around a content block using the padding options available from the panel. You cannot adjust the padding for a layout.

An animation showing how to add padding

Borders

Add a border around the content block or layout by turning on borders. For multi-column layouts, you can adjust the borders for each column.

The border goes around the padding.

An animation showing border settings on a content block

Learn more

Email Templates (Visual Template Designer)