They say a picture is worth a thousand words. And indeed, nothing captures attention like a short, personal video. Which is why, rather than just having modals filled with copy, embedding Loom videos directly inside your flow helps you guide users visually, explain features faster, and humanize onboarding.
This quick workflow shows you how to bring that dynamic touch into your in-app experience with just a few clicks.
Why It's Useful to Embed Videos In Your Flows
- Makes onboarding more engaging and personalized.
- Reduces confusion with visual walkthroughs instead of text-heavy modals.
- Accelerates feature adoption by showing, not telling.
- Builds trust by adding a human face (your team) inside your product.
Step-by-Step: How It Works
1. Create a modal for your video demo
Start by creating a new modal in Userflow. This will serve as the popup where your video will live.
Why this matters: A dedicated modal focuses user attention on the video message without distraction.
2. Add a clear heading
Write a simple headline like “Find out what Userflow can do in the video below.”
Why this matters: Users instantly understand what they’re about to see and why it’s worth watching.
3. Insert an embed block
Click the plus (+) icon inside your modal and choose the Embed option.
Why this matters: The embed block lets you pull in external media seamlessly within the flow editor.
4. Paste your Loom embed link
Copy the Loom embed URL, paste it into the embed field, and hit Load.
Why this matters: Loading ensures the video renders properly, giving users a clean, professional playback experience.
5. Adjust your display width
Set your embed display width to 100% so it fills the modal perfectly.
Why this matters: Full-width videos look polished and adapt to different screen sizes.
6. Preview your flow
Hit Preview to test how it looks in your live modal—then watch your video come to life.
Why this matters: A quick preview ensures everything fits smoothly before you publish.
Pro Tips
There's way more you can do than just putting the video in the pop up. Here are some other things you can do to make it better.
- Keep Loom videos under 60 seconds for maximum engagement.
- Use captions to ensure accessibility and silent playback usability.
- Match your modal color scheme to your brand for a cohesive in-app feel.
- Reuse video modals across multiple flows for consistent education touchpoints.
- Track engagement metrics to identify which videos drive activation.
Try It Yourself
Bring your onboarding to life with short, embedded videos that educate users in seconds. Start creating your own video modals today and drive more engagement and adoption.
CONTENTS
About the author
