Join the VIP List!

Join the Launch in Style VIP list to be the first to know about new collection releases, discounts & promos before anyone else!

How to Create A Scrolling Mockup in Canva

How to Create A Scrolling Mockup in Canva

Offer mockups are a great way to show off what you’re selling and give your customers a more tangible way of experiencing your digital products.

Wanna get even fancier? Let’s try your hand at a scrolling mockup to make it more fun and engaging.

In this tutorial, I’m going to be showing you how to create this scrolling mockup:

These are super eye-catching and easy to make! Just follow the steps below (or skip right to the end for a video walkthrough)!

Step One

Pull up the page you’d like to record (sales page, membership area, or something else) and use the Window Resizer extension on Chrome to resize your window for the device mockup you’ll be using.

Step Two

Using Loom or another screen recording software of your choice, record a video clip of you scrolling through the page you want to feature. Save the video to your computer.

Step Three

Open a new document in Canva (any size is fine, choose whichever you’re designing for).

Step Four

Select a mockup frame or tech mockup scene in Canva, or bring in a template you’ve purchased. We love the Basil & Bark Tech Mockup Builder.

Step Five

Upload your video to Canva and drag and drop it into your tech frame.

Step Six

Crop and position it to have the correct dimensions and look realistic.

Step Seven

Download as a GIF (preferred) or an MP4 video and upload it wherever you’d like to share!


Video Tutorial


Save For Later

Share This Post:

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on twitter
Twitter
Share on email
Email

Join the VIP List

Sign up to be the first to know about new collection releases,
discounts & promos before anyone else!

More to explore

Design Tips

How to Easily Change the Look of any Launch in Style Template

It’s no secret that we’re a big fan of templates over here at Launch in Style. There are a million reasons to use a template (save time, save money, professional look, etc), but there’s definitely one downside… When you’re using

How to Use Additional Google Fonts on Your Kajabi Pages
Design Tips

How to Use Additional Google Fonts on Your Kajabi Pages

Have you ever felt constrained by the font options pre-loaded into Kajabi? Kajabi is amazing in so many different ways, but I don’t think it comes as a shock to anyone that one of their key lacking areas is the

free quiz

What's Your
Sales Funnel Style?

This website uses cookies for analytical purposes. By choosing to continue browsing this site, you agree with our privacy policy.