A WhatsApp screenshot is the universal prop of internet storytelling. It shows up in YouTube skits, TikTok voiceover series, product demos, classroom exercises and UX presentations — anywhere a conversation needs to be shown rather than described. And because the audience sees the real interface every day, the bar for looking real is high: a wrong green, a missing tick or a bubble at the wrong width gets noticed within seconds.
This guide walks through making one properly, using the free WhatsApp chat generator — no signup, no watermark, everything rendered in your own browser. The same principles apply whichever tool you use, so it is worth reading even if you end up building the mockup by hand in Figma. If you would rather start from a finished scene, the chat screenshot examples gallery shows complete conversations you can borrow structure from.
Step 1: Start from the scene, not the screen
The most common mistake is opening the generator first and improvising. Work out the scene before touching any tool: who is talking, what do they want, and what does the viewer need to understand from this screenshot in five seconds? A staged conversation that exists to deliver one clear beat — the reveal, the excuse, the awkward double-text — needs four to eight messages, not twenty. Short conversations are also easier to make look natural, because real chats are full of abbreviations, typos and uneven reply times.
Step 2: Set the contact the way the app would
In the real app, the header shows the saved contact name, a status line, and a profile photo. The details matter: an online subtitle implies the person is in the app right now; last seen today at 20:14 implies they went quiet — which can be the entire point of your scene. If you leave the avatar empty, a neutral grey initial circle appears, which is what the real app shows for contacts without photos. That is usually more believable than a too-perfect stock photo.
Step 3: Write messages that read like typing, not writing
Real conversations have texture. Reply lengths are uneven. Punctuation is inconsistent. Someone sends three short messages where a formal writer would send one paragraph. A few concrete habits:
- Match register: close friends compress (“u up?”), colleagues expand.
- Let one side dominate. Most real chats have a texter and a replier.
- Group consecutive messages: three bubbles in a row from one person is the single most natural rhythm in WhatsApp.
- Put the beat in the last message of the exchange — that is where the eye lands.
Step 4: Sweat the receipts
Read receipts are where fake screenshots go to die. WhatsApp has exactly three states: one grey tick (sent), two grey ticks (delivered), two blue ticks (read). A conversation where every outgoing message is blue-read looks staged, because in real life most messages sit at two grey ticks for hours. Set the last one or two to blue, leave the rest grey, and the screenshot instantly feels lived-in.
Step 5: Export at the right resolution
Export at 2x for thumbnails and presentations (780px wide), 3x for print or when the image will be zoomed. Exports skip the phone frame by default — a real screenshot never contains the phone body. Keep it off when compositing into a video frame or a design: an entire phone inside a scene that already has a phone looks redundant.
What makes viewers smell a fake
Three tells cover almost every bad mockup. Wrong colours — the outgoing bubble is #d9fdd3, not the green of the header. Bubbles too wide — real ones cap around three-quarters of the screen. And timestamps — they belong inside the bubble next to the ticks, never floating outside. The generator handles all three by default, which is the point: the tool should make the correct thing the easy thing.
Where the line is
A fabricated conversation used to illustrate, parody or teach is a creative device as old as fiction. The same image used to deceive someone — fake evidence, impersonation, harassment — is something else entirely, and it is the reason ChatMock publishes an Acceptable Use Policy and refuses to build templates for fake bank, government or legal notices. Make things people will recognise as staged; do not make things designed to be mistaken for evidence.