How to create a product mockup graphic in Canva

Reading Time: 2 minutes

How to create a product mockup graphic in Canva

You’re working on a sales page and want to create a mockup graphic showing your digital product or online course? In this tutorial, I’m going to show you how to do that in Canva.

Start by logging in to your Canva account and click to create a new design, or choose one of the options from the default image sizes. You can choose any size you want.

First off, you’ll need to take a screenshot of the page you want to show in your mockup. I recommend using the Chrome extension GoFullPage to take a full-page screenshot.

How to create a mockup graphic using Canva’s Elements

When you’re in the image editor, click Elements and scroll down to Frames, then click “See all”. Here, you can choose the iMac, iPad, and iPhone frames.

Drag the frame you want onto your image, and if you add multiple frames make sure to resize them so that the sizes are correctly proportioned.

Upload your screenshot and drag it over to the frame until you see the outline inside the frame, and drop it in. To reposition your screenshot, double-click and drag the image up or down.

Once you’re ready, you can download your image to use it on your sales page.

How to create a mockup graphic in Canva using stock photos

Used photo from Social Squares

You can also create a mockup using a stock photo. I love Social Squares and Styled Stock Society for desktop stock photos.

Position the photo the way you want to use it. Drag your screenshot over to the photo, resize it and position it in the correct place. Crop it to fit the screen in your photo. Then download your image and use it on your sales page.

anouska-hi

I'm Anouska

I help life and wellness coaches to stop struggling with code and Canva. You can spend your time and energy showing up for your clients and promoting your offers. Learn more.

Planning to launch soon?
Get my free Sales Page Blueprint!

Walk away knowing what to include on your sales page and how to structure it so your ideal clients can't help but click that buy button!

Learn what to include on your sales page and how to structure it

salespageblueprint-preview

Planning to launch soon? Get my free Sales Page Blueprint and learn what to include on your sales page and how to structure it so your ideal clients can't help but click that buy button!

Just click the button below to get it, free!