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 solopreneurs 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.

Get the free
Course Launch Planner & Checklist

It'll help you create a plan, stop wasting time googling and avoid missing any of the million moving pieces so you can feel prepared & confident about your launch!

Course Launch Planner & Checklist

Everything you need to do for a launch – without burning yourself out before enrollment opens

Prepare for your course launch using my free Course Launch Planner & Checklist.

It'll help you create a plan, stop wasting time googling, and avoid missing any of the million moving pieces so you can feel prepared & confident about your launch.