In this post I’m going to go over the exact design process I use to create a beautiful product mockup template that can be used over and over again to cut your design time in half! Product mockup templates are essential for any niche because they’ll boost your email sign-ups and increase product sales!
If you’re looking for free Canva templates and business resources, check out my free design library now! Just click the button below to get instant access!
Designing a product mockup doesn’t have to be hard, yet it’s one of the most requested template designs we get!
Showcasing your product in a mockup-style format helps keep your designs consistent.
But, it also helps your audience see exactly what they’re getting and that can make people feel a lot more confident when putting in their information – even if it’s just handing over their email address.
I’ve noticed a significant increase in both email signups and product sales as soon as I started adding product mockups to my blog.
Truth be told, I use product mockups everywhere.
Blog posts, sales pages, social media graphics, landing pages, and even Pinterest pins!
Product mockups are a MUST. And, it’s super easy to create your own product mockup template to help you save a ton of design time and keep your brand consistent.
Remember this post later! Save it to your favorite Pinterest board! 📌 ⬇
I make all of my product mockups right inside of Canva whether it’s for a freebie or paid product (to include bonus offers).
Canva makes it so easy to create mockups for almost (if not) every product type and niche.
That’s where your creativity comes into play!
Side note: If you’d rather have NEW Canva product mockup templates delivered every single month, be sure to check out our DiyDesign Creators Vault by clicking here.
If you have your product image already created and ready to go, let’s jump right in!
SEARCH FOR A PRODUCT STOCK PHOTO
Once you’re inside Canva, choose your design size. I like to use an Instagram Post, preferably 1080px by 1080px.
I found this to be the most versatile size that looks great wherever you use it!
Another popular choice is the Facebook ad size, which is 1200px by 628px.
Now, the first thing I’m going to do is find a product stock photo.
I love Depositphotos because I think they’re the best bang for your buck. The quality of stock photos is really great for the price, too.
To start, search any kind of workspace – colorful workspace, makeup workspace, tool workspace, whatever your overall blog theme is about.
TIP: Choose a photo with a lot of bright, white space. You want the focus on your mockup image and text, not the stock photo itself. Plus, it’s easier to match your brand colors!
When I first started Simplifying DIY Design, I went with flatlay-style stock photos instead of angled so I wasn’t spending extra money on creating 3D cover designs.
If you have a design budget, definitely check out myecovermaker to create a cover design to make your product mockup template really pop!
You can also search for a product stock photo right inside Canva. But, just know you’ll have a much bigger selection if you upgrade to Canva Pro.
Once you find your stock image, head on over to Canva to start designing your product mockup template!
DESIGN YOUR PRODUCT MOCKUP TEMPLATE IN CANVA
We’re now ready to add the cover of our product to our mockup template.
If your photo has a notebook, iPad, or any other kind of device, you can simply add a grid right on top of it which will allow you to drag and drop your cover image right into it!
If you’d like a demonstration of this, be sure to check out the video at the end of this post!
I recommend zooming in as much as you can to make sure you line it up to the notebook edges perfectly.
If your stock photo doesn’t have a device on it already, you can search for design elements like an iPad to add to the space in your photo (or on top of undesired objects like a notebook). It all depends on the product and how you want to showcase it.
Side note: The Canva design templates shown throughout this post are from our DiyDesignCreators Vault!
Like I said earlier, you can get as creative as want when designing your own product mockup template!
Once I have the grid added to my stock image, I’ll add my product. In this case, it’s the cover page of one of our page design templates!
And that’s it!
You now have a product mockup template that can be used over and over again, saving you a TON of design time and helps keep your brand consistent.
Product mockup templates are also an essential piece to launching your digital products!
Don’t forget to name this product mockup (to include ‘template’) so all you have to do is click ‘Make a copy’ whenever you want to create a new mockup.
Seriously, it’s that easy! Once you make a new copy, just swap out your cover for your new design and you’re all set.
BRANDING YOUR PRODUCT MOCKUP TEMPLATE
Another thing I like to do for my product mockup templates is to add a phone that has my logo on it.
It’s just an easy way to show where this product is coming from without having an awkward logo that just never seems to fit!
First, I created a new design using the size 540px by 960px. I found this to be the best size for cell phones.
Then, I added my logo at the top and then placed the screenshot of my website in another grid to form one long image.
This design definitely requires a few modifications to make it just right but it looks so good once it’s done!
Now, this feature is only available with Canva Pro, but you’ll checkmark ‘Transparent background’ before you click ‘Download’.
You can use many different types of programs to remove the background of a graphic if you don’t have Canva Pro. If you have a Mac, you can use Preview.
Another option I recommend is Pixlr.com which is a free option that anyone can use regardless of what type of computer they’re operating.
Once that’s finished, you can head back to the product mockup template, upload the iPhone image, and then try a few different placement variations to give your website a little shout-out.
Your Canva-designed product mockup template is now ready to go! Maximize your time by creating even more design templates to use throughout your blog!
THINGS TO NOTE
If you’re looking to create your own Canva templates to sell, make sure you have the rights to sell your purchased stock photos in your templates.
For example, I can’t use a stock photo I purchased from Depositphotos or Creative Market without purchasing the license to resell.
It can be quite a bit extra to purchase the Commercial license, but it’ll protect you against any legal action taken from the original owner/creator.
The same goes for premium fonts and design elements, too.
Despite all of that, creating and selling Canva templates can be very profitable, easy to maintain, and can cost you almost nothing to get started!
Watch the video!
AS ALWAYS.. showing is easier than explaining, so please watch the video below. Resources discussed in the video will be linked beneath it and make sure to join our Facebook group!
Do you want to save time when it comes to creating graphics for your digital products, lead magnets, and opt-in…
Posted by Simplifying DIY Design on Friday, 19 January 2018
Resources discussed in the video:
If you’re looking for free Canva templates and business resources, check out my free design library now! Just click the button below to get instant access!
Don’t forget to save this to your favorite painters board!
Jacky says
Where do you get the elements from?
karafidd says
Creative Market or Design Bundles 🙂
Kari says
Great tutorial! Simple, straight to the point, and very valuable! You also mentioned a resource that i did not know about, and something I’ve been searching for (myecovermaker.com) Thank you so much!
karafidd says
Thank you! Glad you found it helpful 🙂