---
title: "01 – Preheader"
slug: "01-preheader"
updated: 2024-07-11T15:07:34Z
published: 2024-07-11T15:07:34Z
---

> ## 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.

# 01 – Preheader

## Description

The preheader text summarizes the email content as a call to action or as an incentive to encourage recipients to open an email. This feature also contains the View in Browser link. There are a few options to choose from, including hiding or showing the preheader on mobile or hiding it altogether, just leaving it visible in the inbox list view.

When clicked, the View in browser text will open the email message in the recipient's browser of choice.

## Default Block View

**Desktop**

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(520).png)

**Mobile**(Hidden Preheader)

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(521).png)

## **Formatting options**

### Padding

This refers to the space between the block's content and its border. This can be edited in the Details Tab.

| Option | Details | Default |
| --- | --- | --- |
| Padding | Top | 10 |
| Right | 20 |
| Bottom | 10 |
| Left | 20 |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(522).png)

### Hide/Show Preheader Text

Used to hide or show the preheader text in Desktop view.

| Option | Details | Default |
| --- | --- | --- |
| Hide/Show | Desktop | Show |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(523).png)

### Hide/Show Preheader Text for Mobile

**Used to hide or show the preheader text in mobile view.**

| Option | Details | Default |
| --- | --- | --- |
| Hide/Show | Mobile | Show |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(524).png)

### Block Background Color

Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.

| Option | Details | Default |
| --- | --- | --- |
| **Background Color** | **Block Background Color** | **#ffffff** |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(525).png)

### Preheader Text

This is where the preheader text is entered.

| Option | Details | Default |
| --- | --- | --- |
| Preheader | Text | **preheader preheader preheader** |

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(526).png)

## Compatibility

There are no known render issues with this block.