---
title: "Email CMS Blocks: User Manual"
slug: "cms2-blocks-user-manual"
updated: 2026-02-04T10:37:42Z
published: 2026-02-04T10:37:42Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Email CMS Blocks: User Manual

## Blocks

There are 27 unique blocks available, each designed exclusively for use with the **CMS 2.0 Framework**. The details of each block are explained on the following pages. All the blocks are in the "**CMS 2.0**" folder.

| Block | Description |
| --- | --- |
| [01 – Preheader](/v1/docs/01-preheader) | Preheader text - used to summarize the email content, a call-to-action, or an incentive to encourage recipients to open an email. |
| [02 – Logo Header](/v1/docs/02-logo-header) | Add a brand logo, and set its alignment and size on desktop and mobile. |
| [03 – Navigation](/v1/docs/03-navigation) | This navigation block, also known interchangeably as a menu, can have up to eight editable links. |
| [04 – Navigation with Hamburger](/v1/docs/04-navigation-with-hamburger) | The Hamburger-style navigation looks the same as the standard navigation mentioned above in desktop view, but for mobile, it offers three horizontal lines resembling a hamburger (which is where the name came from). |
| [05 – Title or Heading](/v1/docs/05-title-or-heading) | This simple title/heading block offers the usual styling options and text alignment but with the additional option to add a link to the text. |
| [06 – Text Block](/v1/docs/06-text-block) | A text block with options to hide/show the different elements within the block – Subtitle & text area. |
| [07 – Hero Image](/v1/docs/07-hero-image) | A hero image is a prominent section, typically filling the opening screen, used to grab the recipient’s attention. |
| [08 – Hero Image with Overlay](/v1/docs/08-hero-image-with-overlay) | An image block with overlaid elements such as a heading, text area, and button can be hidden or shown. |
| [09 – Spacer](/v1/docs/09-spacer) | The simple Spacer block. |
| [10 – Image Left/Right with text](/v1/docs/10-image-leftright-with-text) | A 50/50 width split view between an image and text area with the option to swap the image or text to the left or right sides. |
| [11 – Voucher/Coupon](/v1/docs/11-vouchercoupon) | This block has the same features as block 10 but with the added option of including a voucher code or discount code in conjunction with uploading coupon codes to Engage or a single manual generic code. |
| [12 – 2 images](/v1/docs/12-2-images) | Two images side by side on desktop and mobile and the option to stack them on mobile. |
| [13 – 1 or 2 Products](/v1/docs/13-1-or-2-products) | This block can display 1 or 2 products with text and a button under each image tile. |
| [14 – 3 or 6 Products](/v1/docs/14-3-or-6-products) | The same as the [13 – 1 or 2 Products](/v1/docs/13-1-or-2-products) block, but the options are to display 3 or 6 product tiles. |
| [15 – 4 or 8 Product](/v1/docs/15-4-or-8-product) | Product block with up to 4 or 8 products with various editable parameters. |
| [16 – Text and CTA](/v1/docs/16-text-and-cta) | Simple full-width text and button block. |
| [17 – CTA](/v1/docs/17-cta) | A stand-alone CTA (call-to-action) block. |
| [18 – Video block](/v1/docs/18-video-block) | Video block with a GIF image fallback support. |
| [19 – Carousel](/v1/docs/19-carousel) | This block consists of a carousel of images that can display up to 4 images and apply thumbnails or different slide tabbing options. |
| [20 – Image Hotspot](/v1/docs/20-image-hotspot) | This is a unique block that can only be used once per message. It is an interactive Hotspot block allowing the recipient to interact with the feature directly within the email. |
| [21 – Image Reveal](/v1/docs/21-image-reveal) | Interactive Image Reveal block. Images can be clicked to reveal up to five underlying images, tap each image to reveal the next, and so on. |
| [22 – Signature Block](/v1/docs/22-signature-block) | A basic Signature block |
| [23 – Social Icon Block](/v1/docs/23-social-icon-block) | This is a stand-alone Social Icon block that can display up to six social media images and their respective text and links. |
| [24 – Footer Block](/v1/docs/24-footer-block) | All social media, legal, unsubscribe links, and company information are held here. |
| [25 – Countdown](/v1/docs/25-countdown) | A countdown timer block with lots of editable features. An extremely useful tool in terms of call-to-action. This is now compatible across all known email clients, with a slight exception for some desktop Outlook versions. |
| [26 – Ordered or Unordered list](/v1/docs/26-ordered-or-unordered-list) | This block can be used to create up to 4 rows of an ordered or unordered list with various style choices. |
| [27 – Tabbed Effect](/v1/docs/27-tabbed-effect) | An interactive block where the recipient is able to click tabs within the email, displaying selected text relevant to each tab. |