About Content Blocks

Our drag-and-drop content blocks make it easy to customize your Mailchimp emails, landing pages, and website. Use content blocks to add or edit text, images, products, promo codes, and more.

In this article, you'll learn about the different types of content blocks and how to use them.

Things to know

Here are a few things to know before you start.

• Custom-coded email templates do not include drag-and-drop content blocks. Use Mailchimp’s template language to add editable regions to your custom-coded emails.
• Our responsive layouts and templates will constrain images that are in an Image, Image Group, Image Card, or Image + Caption content block only. Large images added to a text block may stretch your design when viewed on mobile.

Content block types

Choose from a variety of content blocks to build your layout. The available blocks vary depending on the type of campaign you’re working with.

Type	Description	Use in Email?	Use in Landing Pages?	Use in Websites?
Text	Add text and wrap text around an image.
Boxed Text	Add text in a border and choose a background color.
Divider	Add a horizontal line between content blocks.
Image	Add an image to your content.
Image Group	Add multiple images.
Image Card	Add an image and add a caption in a border. Choose a unique background color to display behind the image and caption.
Image + Caption	Add an image with a caption to the left, right, or bottom.
Social Share	Add social icons to allow recipients or page visitors to share your content on sites such as Facebook or Twitter.
Social Follow	Add social icons so recipients or page visitors can follow you or your company on sites such as Facebook or Twitter.
Button	Add a button that links to a website or file for download.
Video	Add a video, with or without a caption.
Footer	Add our default email footer.
RSS Header	Pull in *|RSSFEED:|* merge tags for your feed automatically. Only available for RSS campaigns.
RSS Items	Pull in *|RSSITEM:|* tags for your feed automatically. Only available for RSS campaigns.
Code	Add custom HTML.
Product Recommendation	Add product recommendations based on your contacts’ past purchases.
Product	Add any product from a connected store.
Payment	Allow the purchase of a product through the Square integration.
Promo Code	Add a promo code from a connected store.
Signup Form	Add a signup form to your layout.

In this video, we'll show you how to use content blocks to design an email.

Insert and move content blocks

To insert a content block into a layout, click and drag the block into your design.

Content blocks can be dragged vertically or horizontally within the layout. To move a block, click and hold the handle in the top left of a content block, drag the block to where you'd like it to go, and release.

When you move a content block, we’ll highlight the Preheader, Header, Body, Column, and Footer sections to indicate where in the layout you're about to drop the block. When you move a block to a different section, it will take on any style preferences for that section.

Set style and settings

Use the Style and Settings tabs to customize the design of individual content blocks. Click a content block in your email, landing page, or website to bring up the editor, and choose the Style or Settings tab to make changes.

Style

The Style tab is where you’ll make changes to font type and color, text alignment, button appearance, and more. Any preferences applied to an individual block will override style preferences for the section as a whole.

Settings

The Settings tab includes additional customization options, like the number of columns, where to place an image caption, or which products to display.

Each content block type has different Style and Settings options, so try a few to see which best achieves the design you're looking for.

View and Edit Section Design

Delete a content block

To permanently delete a content block, follow these steps.

1. In your layout, place your cursor over the block you want to delete. A menu bar will appear at the top of the content block.
   
2. Click the Trash icon.
   
3. In the Are you sure? pop-up modal, click Delete.