How to create a product mockup graphic in Canva
Reading Time: 2 minutes
This blog post contains affiliate links. This means that I may receive a commission – at no extra cost to you – if you click on a link and make a purchase. I only recommend products and services that I use & love - whether an affiliate relationship is in place or not.
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
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.
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!
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.
Leave a Comment