Email Preview Tool

Email notification mockup

Preview your email on a drawn phone lock screen. In the workshop example, 84 preview characters show on iPhone and 124 on Android, measured 19 October 2026.

The laptop view reads best on a laptop.

Their device
Their phone

Preview text shown before it’s opened, in characters
Gmail appiPhoneAndroidLaptop
See the full check

Example senders and businesses are made up.

Downloads include the site credit. Anyone with a share link can read its email.

Versions New, copy, delete or rename

Only you see this. Handy when you compare versions.

Add preview text And who it’s from and to

Designed emails can set their own preview text, sometimes called a preheader. Plain-text emails show their first words instead.

From
To

Their inbox fills with the kind of emails they’d really get.

Examples on the screens

These are original examples with made-up senders and businesses. Yellow words show; the text after [cut] is hidden in that view.

How we measure: each screen is drawn at its real size (the phone layout is 390 by 844 points; Gmail on a laptop is a 1280-pixel-wide window), and the tool counts how many characters fit before the text is cut off. Reference counts were measured in Chromium on macOS with Apple’s system font and the bundled Roboto font on 19 October 2026. These are drawn-screen measurements, not tests on real phones. Your fonts, phone model and text size settings can move the cut. Live readouts use the fonts in your browser.

Workshop update

The subject states the change. The preview puts the entrance first, so that instruction stays near the start even when the rest is cut.

From: Cedar Studio Classes · Subject: Your pottery workshop has moved

iPhone email notification

Subject: 31 of 31 characters showYour pottery workshop has moved
Preview: 84 of 264 characters showUse the courtyard entrance. The workshop will be in the garden studio. Please come t [cut] hrough the courtyard entrance for your pottery workshop. We'll meet in the garden studio instead of the main room. Your booking details are unchanged. Reply if you need directions.

Android email notification

Subject: 31 of 31 characters showYour pottery workshop has moved
Preview: 124 of 264 characters showUse the courtyard entrance. The workshop will be in the garden studio. Please come through the courtyard entrance for your p [cut] ottery workshop. We'll meet in the garden studio instead of the main room. Your booking details are unchanged. Reply if you need directions.

Gmail app inbox

Subject: 31 of 31 characters showYour pottery workshop has moved
Preview: 41 of 264 characters showUse the courtyard entrance. The workshop [cut] will be in the garden studio. Please come through the courtyard entrance for your pottery workshop. We'll meet in the garden studio instead of the main room. Your booking details are unchanged. Reply if you need directions.

Reference counts measured 19 October 2026. Readouts update for your browser.

Customer reply

With the preview field empty, the email's opening words appear in the notification. The reply answers the paper question before asking a new one.

From: Elena at Reed Paper · Subject: Your paper sample request

iPhone email notification

Subject: 25 of 25 characters showYour paper sample request
Preview: 86 of 141 characters showThe textured cream paper is available. I can send a sample to the address in your emai [cut] l. Would you like the matching envelope included? Elena

Android email notification

Subject: 25 of 25 characters showYour paper sample request
Preview: 122 of 141 characters showThe textured cream paper is available. I can send a sample to the address in your email. Would you like the matching envel [cut] ope included? Elena

Gmail app inbox

Subject: 25 of 25 characters showYour paper sample request
Preview: 43 of 141 characters showThe textured cream paper is available. I ca [cut] n send a sample to the address in your email. Would you like the matching envelope included? Elena

Reference counts measured 19 October 2026. Readouts update for your browser.

Gardening newsletter

The subject gives the topic. The preview names the herbs first. Compare the highlighted words on the lock screen with the Gmail inbox row.

From: The Balcony Grower · Subject: Growing herbs on a shady balcony

iPhone email notification

Subject: 32 of 32 characters showGrowing herbs on a shady balcony
Preview: 82 of 266 characters showStart with mint and parsley. This week's notes cover pots, watering and where to p [cut] ut them. A shady balcony can still have a herb corner. This week's notes look at mint and parsley, with tips for choosing pots and keeping the soil moist. Read the growing notes below.

Android email notification

Subject: 32 of 32 characters showGrowing herbs on a shady balcony
Preview: 122 of 266 characters showStart with mint and parsley. This week's notes cover pots, watering and where to put them. A shady balcony can still have [cut] a herb corner. This week's notes look at mint and parsley, with tips for choosing pots and keeping the soil moist. Read the growing notes below.

Gmail app inbox

Subject: 32 of 32 characters showGrowing herbs on a shady balcony
Preview: 43 of 266 characters showStart with mint and parsley. This week's no [cut] tes cover pots, watering and where to put them. A shady balcony can still have a herb corner. This week's notes look at mint and parsley, with tips for choosing pots and keeping the soil moist. Read the growing notes below.

Reference counts measured 19 October 2026. Readouts update for your browser.

Email on the lock screen

The notification shows the sender, subject and opening text together. Read the visible words without opening the email. Check that the sender is recognisable and the main point makes sense before the cut.

These mockups use email fields. Change your sender name, subject and preview text, or leave preview text empty to use the body's opening.

Notification and inbox previews

The same email has different space on the lock screen and in the Gmail inbox. Switch between them before settling on your wording. A detail visible in the notification can disappear from the inbox preview.

If an instruction matters, move it earlier. In the workshop example, the preview starts with the entrance to use. The room detail follows.

Check your email preview text

Phone settings and visible text

These drawings assume the notification text is visible. A recipient can hide notification content on the lock screen. Their phone settings decide whether the preview appears at all.

The tool does not reproduce grouped alerts or AI notification summaries. Send a test email to your own phone to check the email app and notification settings you use.

Google's guide to Android notification settings

Apple's guide to notification previews and summaries

Save or share an email mockup

Download the selected screen as a PNG with an emailpreviewtool.com credit. The image is made in your browser.

A share link opens a read-only copy. Your email is held in the part of the link after #, which is not sent to the website's server. Anyone you give the link to can read the email.

Make a Gmail inbox or opened-email mockup

More examples and mockups

Check another part of your email