Editable examples · PNG export
Chat Mockup Templates for conversations you can edit
Choose a ready-made conversation for a group plan, product demo, creator message or work discussion. Read the script, open it in the editor, then change the people and messages. These are illustrative conversations you can adapt for your own project.
WhatsApp, iMessage & Instagram: free PNG with watermark. Other exports require Pro. Updated .
Templates
Find a conversation to start from
Browse by use case, read the example dialogue and open the template you want to edit. Each card names its platform and PNG export availability. The conversations are examples, not records of real messages.
Groups and plans
Start a multi-person conversation with a named group and several speakers already in place. Adapt the trip, hiking or reunion plans to your own fictional event.
Family trip planning
WhatsApp · Free PNG with watermark
6 messages · group chat · light mode
Use this template› Show the script
Mum: Flights are booked for the 14th ✈️ Jonas: Finally!! Window seat is mine Me: Found a flat in the old town with a rooftop Mum: Send the link 😍 Jonas: Rooftop means sunset dinners every night Me: Already planning the menu 🍝
Hiking group
Telegram · Pro PNG export
5 messages · group chat · dark mode
Use this template› Show the script
Erik: Forecast says sun on Sunday ☀️ Mara: Ridge trail? It's 14 km Me: I'm in, bringing the good sandwiches Erik: Meet at the station 8:00 Mara: 🥾🥾
Cousins planning a reunion
Messenger · Pro PNG export
5 messages · group chat · light mode
Use this template› Show the script
Rosa: Grandma turns 90 in June!! Mateo: We HAVE to do something big Me: Garden party at the lake house? Rosa: She'd love that Mateo: I'll make the photo slideshow 📸
Product and support
Use a pickup notice, support question or reminder to illustrate a proposed customer journey. Edit the example to match the flow you want to explain in a demo or presentation.
Order ready for pickup
WhatsApp · Free PNG with watermark
5 messages · one-to-one · light mode
Use this template› Show the script
Crumb & Co. Bakery: Hi! Your sourdough order is ready 🍞 Me: Amazing, can I come by at 5? Crumb & Co. Bakery: Of course, we'll keep it warm for you Me: You're the best Crumb & Co. Bakery: See you at 5 👋
Support chat
Messenger · Pro PNG export
5 messages · one-to-one · dark mode
Use this template› Show the script
Me: Hi! Can I still change my delivery address? Bloom Support: Of course. Your order hasn't shipped yet Bloom Support: Just reply with the new address 📦 Me: Perfect, thank you! Bloom Support: Done! Anything else we can help with?
Reminder bot
Telegram · Pro PNG export
5 messages · one-to-one · light mode
Use this template› Show the script
Me: Remind me to water the plants every Sunday Remind Bot: Got it ✅ Every Sunday at 10:00 Me: And call Grandma on Friday Remind Bot: Friday at 18:00 — I'll ping you Me: Life saver
Work and presentations
Show a design discussion, a standup or a launch announcement. Keep the relevant exchange short enough to read when you place its exported PNG on a slide.
Design review
Slack · Pro PNG export
5 messages · group chat · light mode
Use this template› Show the script
Ines: New onboarding mocks are in the shared file Me: The progress bar is so much clearer Jon: Can we try the illustration in color too? Ines: On it, v2 by lunch Me: Love this direction
Morning standup
Microsoft Teams · Pro PNG export
5 messages · group chat · dark mode
Use this template› Show the script
Hannah: Morning all! Quick standup in chat today Me: Yesterday wrapped the export feature, today QA Oskar: Working on the pricing page copy Hannah: Great. Any blockers? Oskar: None, coffee is working ☕
Launch day
Discord · Pro PNG export
5 messages · group chat · light mode
Use this template› Show the script
Pixel: Servers are up, patch 2.0 is LIVE 🎉 Nyx: Downloading at 40 MB/s let's goooo Me: The new map is gorgeous Pixel: Bug reports in #feedback please Nyx: Already found a secret room 👀
Details
What you can do with a template
Choose by scenario
The collection groups conversations by what you want to show. A group plan starts with several speakers; a support exchange starts with a question and response. Open Show the script on a card to read the example before choosing it.
Make the conversation yours
Change names in People, edit messages and timestamps, and set a title or subtitle in Chat settings. You can also switch the platform while keeping the conversation. Choose iOS or Android and light or dark in the editor.
Keep control of your draft
Loading a template replaces the current conversation. Use Undo if you want the previous draft back. The editor keeps a draft in your browser; Pro cloud projects let you save and reopen separate mockups.
Check the export label
All examples below open without an account. WhatsApp, iMessage and Instagram allow a free PNG with a watermark. Other platforms can be edited and previewed for free, but their PNG export requires Pro.
How to
How to use a chat mockup template
- 01
Read an example
Choose a scenario below and open Show the script. The preview and script show the conversation that the template loads.
- 02
Open the template
Select Use this template. The editor loads its platform, people, messages and any template title or subtitle.
- 03
Edit the details
Rewrite the messages, rename the people and choose your device and appearance. Use Quick script to replace the dialogue or append more lines.
- 04
Export a still image
Check the phone preview, then choose Export → PNG. Keep the exchange within the visible screen; PNG export captures the phone viewport.
See pricing and export options for the Free and Pro plans.
FAQ
Questions about chat templates
Yes. Each Use this template link loads a conversation into MockupChat. You can edit the names, messages, times and header, or switch to another supported platform.
No account is needed for the examples in this collection. Individual platform generator pages also have extra members’ templates that require a free account. Template access and Pro export are separate.
Yes. Loading a template replaces the conversation in the editor. Use Undo to restore the previous draft. If you want to keep multiple separate mockups, cloud projects are available with Pro.
The link loads the platform and conversation. Your editor’s device and appearance settings stay in place. Use the iOS or Android and Light or Dark controls to choose the look you want.
The current export is a static PNG. Free PNG export with a watermark is available for WhatsApp, iMessage and Instagram. Pro adds other platforms, watermark removal, device frames and social PNG formats; MP4 export is not available yet.
Explore
Find the right starting point
Group chats
Create group chat mockups with names, photos and messages. Start with a public template, edit the conversation and export a PNG of the phone screen.
Marketing mockups
Create chat mockups for marketing, product demos and presentations. Adapt an existing conversation template and export a static PNG for your creative.
Text stories
Write fictional text stories as chat screenshots. Pick an app, give your characters names and photos, and export each scene of the story as a PNG.
Funny texts
Write funny text conversations for memes, posts and group chats. Start with a silly template, change the punchline and export a PNG of the phone screen.
Teaching & training
Create chat examples for lessons, workshops and training slides: language practice, online safety, customer service and team communication.
Explore the platform generators
Use it responsibly
MockupChat makes mockups for content, ads, memes, storytelling, app demos and presentations. Don't pass a mockup off as a real conversation, put words in the mouth of a real person or customer, or use it to mislead anyone. Where a screenshot could be taken for real, label it as an illustration. The details are in our Terms.