Containers Palette

The Containers palette has containers that you can use to structure your message.

Think of a container like a row on a table. When you add a five column container to your message, you will have a row in your message with five boxes you can place elements in. You can add a container to your message by clicking on it and dragging the container to your canvas.

When you already have containers on your canvas, you can move the new container up or down to choose where it is placed in relation to the other containers. The area the new container will be placed on the canvas is highlighted in blue. Unless you add a border to a container, a contact will only see the content within a container, not the container itself.

Once a container is on your canvas you can:

To Do This
Add elements to the container
  1. Click on the Elements palette.
  2. Click on an element in the palette and drag it to the canvas.
  3. Place the element in a container box and then unclick on the element.
Move the container
  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Move and while still clicking move the container on the canvas.
  3. Drag the container up or down the canvas until it is in the place you want it in relation to the other containers on the canvas and then “unclick” to place it on the canvas.
Edit the container
  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Edit.
  3. Design the container. For more information, see Design (Format) Message Content.

    You can click the Reset button in the editing panel to revert all of the settings back to when you opened the element or container.

Control a container's visibility based on device
  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Edit.
  3. On the Layout tab click
    • Hide on mobile to hide the container when a message is viewed on a phone.
    • Hide on desktop to hide the container when a message is viewed on any device that is larger than a phone.
Keep columns in a container from stacking on a mobile device By default, when an email is viewed on a mobile device columns in a container stack on top of each other to avoiding shrinking the content in the container. However, in some situations you may want the content in the container to shrink so the columns in the container can maintain their vertical alignment.

This only works when the columns in your container are set to equal widths.

  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Edit.
  3. On the Layout tab, select Do not stack on mobile.
Set column width

Sets the width of a box in a container.

Set custom column width for a container box by opening a container's settings and selecting either Equal Column Widths or Custom Column Widths from the Layout tab. If you select Custom Column Widths you can further edit each box width by either:
  • Sliding the bar for a container to the left or right
  • Entering a new number in the px box

The total width of a container must equal 640 px. When you adjust one container box, the other container boxes will be adjusted in order to meet the 640 px requirement.

Make the container dynamic
  1. Mouse over the container.
  2. Click Dynamic.
  3. In the Edit Dynamic Content panel, set up a rule for the container.

    By default, an All Others rule is created. Any contacts who do not fit the rules you define will see the content associated with the All Others rule.

  4. When you are done with the first rule, click New Rule to add another rule.

    When you add a new rule the container content from the previous rule is automatically copied into the new rule.

  5. Step up your new rule and any subsequent rules you would like the container to have.
  6. Click Done.
  7. Mouse over the container and select the rule you would like to work with from the Active Dynamic Rule list.
  8. Add content to the container for this rule, then design it.

    When you are done, the container should look like what you want contacts who fit the rule to see when they receive the message.

  9. Continue to view, add, and design content for each of your rules until the message is how you want it to be.
Copy the container
  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Copy.

A copy of the container is added to the canvas below the current container.

Delete the container from the message
  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Remove.

After you delete a container, you can add the container back to the message by clicking the Undo button. Undo restores the container or element that was most recently deleted. You can click Undo multiple times to restore additional containers and/or elements.

Save a container as a content block
  1. Click on the Content palette.
  2. Mouse over a container.

    A list of options appears above the container.

  3. Click Move and while still clicking move the container on the canvas.
  4. Drag the container to the Content palette and release the container.

    The Save as Content Block window opens.

  5. Select either
    • New Content Block to save the current message as a new content block.
    • Override existing content block to replace a previously saved content block with the new content block.

      If you select this option, you must use the exact same name for the new content block that you did for the old block.

  6. Enter the name for your content block in the Name box.
  7. Click Save Content Block.
See the boundaries of containers while editing a message
  1. Click the Outline Mode toggle located above the subject line.
See the CSS class ID for a container.

Each Container has a unique ID you can use to target it in the CSS. To find the CSS class ID for a Container:

  1. Mouse over a container.

    A list of options appears above the container.

  2. Click Edit.
  3. Scroll to the bottom of the palette.

Here you will find the CSS class for the container. For example: .container-36469004145.