Template preview
Preview a WhatsApp template message
Writing a WhatsApp Business template for a broadcast or the WhatsApp Business API? Paste in your text, add the header image and buttons, and see exactly how it will read on a customer's phone, then share the screenshot with your team for sign-off.
Open the generatorFree · No sign-up · Runs in your browser
Map your template to the mockup
| Template part | How to build it |
|---|---|
| Header image | Upload a campaign image on the received message |
| Body text | Type it in the message text field, emojis and line breaks included |
| Call-to-action button | Add a link button (for example “SHOP NOW”) |
| Quick reply buttons | Add quick reply buttons (for example “STOP”) |
| Customer reply | Add a sent message below to show the expected response |
Why preview before sending
- Catch text that wraps badly or gets cut behind Read more
- Check that button labels are short and clear on a phone screen
- Get approval from clients or managers with a realistic screenshot instead of a text document
- Reuse the screenshot in reports and case studies
How to make a WhatsApp chat mockup
- Write your messages. Type each message in the editor and set it as received or sent
- Customize the chat. Set the business or contact name, profile photo, wallpaper, ticks, times, buttons and images
- Download the screenshot. Click Download screenshot to export a 1170 × 2532 PNG, the size of a real iPhone screenshot
FAQ
Does this send messages through WhatsApp?
No. It only creates a visual mockup. Nothing is sent and it is not connected to WhatsApp or Meta.
Can I show the Read more link?
Yes. Toggle Read more on a received message to see how long text is truncated.
Is it free?
Yes, free and without sign-up.