Editable examples · PNG export
Chat Mockups for Teaching and training material
A short conversation on a phone screen is something every learner recognizes. Use one to practice a language, discuss how to spot a suspicious link, rehearse a support reply or show what clear team communication looks like, then place the PNG on a worksheet or a slide.
WhatsApp, iMessage & Instagram: free PNG with watermark. Other exports require Pro. Updated .
Details
Make the example fit the lesson
Language practice
Write a dialogue at the right level, export it, then blank out a reply for students to complete. Change a few words and you have the next exercise.
Online safety discussions
Show an unexpected parcel message or an odd link and ask the class what they would do next. A clearly fictional example keeps the discussion about the pattern, not a person.
Customer service role-play
Draft a support exchange, then a better version. Comparing two screens side by side makes tone and clarity easy to talk about.
Workplace communication
Slack and Teams mockups show a standup update or a handover the way people actually see them, without screenshots of a real workspace.
Templates
Lesson-ready conversation templates
Fictional conversations you can adapt for a class or a workshop. Open one to edit it, or expand the script to check the wording first.
Language, safety, service and teamwork
One starting point for each kind of lesson. Replace names and details to match your learners.
Language exchange
Telegram · Pro PNG export
5 messages · one-to-one · light mode
Use this template› Show the script
Ana: Hola! Ready for our Spanish practice? Me: Sí! Estoy listo Ana: Muy bien 👏 What did you do this weekend? Me: Fui a la playa con mis amigos Ana: Perfect sentence. You're improving fast
Parcel link check
iMessage · Free PNG with watermark
5 messages · one-to-one · dark mode
Use this template› Show the script
Me: Got a text saying my parcel is held and I need to pay a fee Ava: Did you order anything? Me: No… and the link looks weird Ava: Don't open it. Check the courier's own app instead Me: Deleted and reported. Thanks!
Support chat
Messenger · Pro PNG export
5 messages · one-to-one · light 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?
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 ☕
How to
How to prepare a chat example for class
- 01
Choose the scenario
Pick a template below or start empty in the editor and choose the app your learners know best.
- 02
Write at the right level
Edit the messages for vocabulary and length. Keep names invented so the example stays about the situation.
- 03
Make variations
Export one version, then change a reply and export again for a before/after comparison or a fill-in exercise.
- 04
Place it in your material
Download the PNG and drop it into slides or a worksheet. iMessage, WhatsApp and Instagram are free with a watermark; Pro covers the other apps.
See pricing and export options for the Free and Pro plans.
FAQ
Questions about teaching & training
Yes. The editor is free and plain PNG export is free with a watermark on iMessage, WhatsApp and Instagram. Telegram, Messenger, Teams and the other apps need Pro to export.
No. Anyone can open the editor in a browser and build a chat without signing in. Drafts stay in that browser, which suits a quick classroom exercise.
It works well for discussing warning signs in a made-up message. Keep examples generic, avoid real brands or people, and present them clearly as teaching illustrations.
Yes. Messages accept any text and emoji, so you can write dialogues in the language you teach. The app interface around the chat stays in English.
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.
Chat templates
Browse editable chat mockup templates for group plans, customer support, creator messages and work. Preview each script and open the conversation in the editor.
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.
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.