Preview generators

WhatsApp preview generator

Build realistic WhatsApp business message mockups: sender profile, verified badge, message bubbles, and timestamps, exported as a PNG.

Conversation
Preview
Background
12:34
C
Courier✓
Today
Your order 4821 has shipped and arrives Thursday.12:34 PM
Track it anytime: crr.to/4h2k912:34 PM
Can I change the delivery address?12:34 PM
Yes. Tap the link and choose Change address before 6 PM today.12:34 PM
Message

Instructions

How to use this tool

  1. 01Enter your business name and optionally upload the profile photo recipients see.
  2. 02Toggle the verified badge to match your WhatsApp Business account status.
  3. 03Add each message as its own row, mark who sent it, and set the timestamp.
  4. 04Toggle iPhone or Android, then click Download PNG to export the mockup.

Background

How WhatsApp business messaging works

Businesses message customers through the WhatsApp Business Platform, and conversations follow strict rules: outside a 24-hour window after the customer's last message, you can only send pre-approved message templates. Templates are reviewed by Meta for category (utility, authentication, or marketing) and formatting, so knowing exactly how a message will render before submitting it for approval saves review cycles.

That approval loop is what makes mockups genuinely useful here: unlike SMS, you cannot freely iterate copy in production.

Background

Formatting that fits the channel

WhatsApp renders basic formatting (bold with asterisks, italics with underscores) and supports interactive buttons on templates, but the fundamentals of chat UX dominate: short bubbles read better than paragraphs, and each bubble should carry one idea. The green checkmark badge appears only on accounts Meta has verified as an official business, which measurably improves reply rates.

Because conversations are threaded and persistent, tone carries further than in SMS. Write like a person in a chat, not like an email blast.

FAQ

Frequently asked questions

What is the 24-hour window in WhatsApp business messaging?

After a customer's last message, a business has 24 hours to reply freely. Outside that window, only pre-approved template messages can be sent. Transactional notifications almost always ship as templates for this reason.

What does the green verified badge mean?

Meta grants it to business accounts it has confirmed as authentic notable brands. It cannot be purchased directly, and it appears next to the business name in chats, which this mockup replicates.

Does WhatsApp support formatting and buttons?

Yes. Bold, italics, strikethrough, and monospace work in message text, and approved templates can include up to three quick-reply buttons or call-to-action buttons that open a URL or dial a number.

Why mock up a WhatsApp message before sending?

Because template messages require Meta approval before use, catching layout and copy problems pre-submission avoids a rejection and resubmission cycle that can take days.

More tools

Browse more free tools

Preview generatorsSMS previewCreate realistic text message mockups for iPhone and Android: sender number, message bubbles, and live SMS segment counts, exported as a PNG.Preview generatorsPush notification previewBuild realistic push notification mockups for iOS and Android lock screens: your app icon, title, subtitle, and body, exported as a PNG.Preview generatorsEmail inbox previewPreview how your sender name, subject line, and preheader render in the Gmail app on a phone, where truncation is tightest, with best-practice checks.

Add WhatsApp to your notification stack

Courier sends WhatsApp messages through the Business Platform alongside SMS fallback, so customers get the message in the channel they actually read.

Explore the WhatsApp integration

Multichannel Notifications Platform for SaaS