WanderSouls Creative

View Original

How to create scrolling website mockup in Canva (video & photo)


Hey Friends, 

In this video, I'm showing you how to create a website mockup in photo and in video.

This will help you showcase your beautiful website in an aesthetic way for your social media and online presence. 

So, let’s get started!!

How to create scrolling website mockup in Canva (video & photo)

First, Go to Canva.com and select to create an Instagram Post.

  • Once you have the blank canva, go to elements and choose between a laptop, iPhones, tablet elements, or your favorite one (I chose the laptop one).

  • Personalize it. Change the color of the background, the color, and the size of your element, and add anything that you like to keep it on-brand.

  • Now that you have your laptop (or the element that you chose) ready, go to Upload and upload your website screenshot. (Watch How to create a website screenshot HERE). Then, drag and drop it on the frame of the element.

There you have a beautiful website mockup. But, if you leave it like that, you’re only going to show the first part of your website. So, if you want to add more sauce to it and make it a scrolling website mockup, keep reading: 

  • Go to Loom.com (You need to download it, but don’t worry, it’s FREE and handy to any type of business.)

  • Next, use this tool to record your website. Make sure that you’re on the website that you want to record, and that the video recording is the to screen only.

  • Start recording your website scrolling down slowly to record every aspect of the website, and hit stop once you’re done.

  • Download the video.

  • Go to Canva.com and upload your video. Next, drag and drop the video to the frame of the element, and watch it move.

There you go!! Now, you can showcase your beautiful website on Social Media uniquely and aesthetically. 

Please let me know if this was useful …or if you have any questions just comment below or send me an email.

Thank you for watching and I’ll see you on the next one.

P.S. I have already created some graphics for you to showcase your website mockup on my fully customizable Instagram Templates. It consists of 75 Canva Templates ready for you to use. With mockups, testimonial graphics, blog posts, graphics, quotes graphics, your Instagram strategy will be done and ready to schedule in no-time. Make sure to check them out HERE. And, if you’re wondering whether this is beneficial for you, you can always download my FREE Canva Templates first.



You’ll Also Love💕

Pin this blog for later👇

See this gallery in the original post