Have you ever wondered how experts include beautiful 3D images of their tools in their course sales pages? This used to only be possible if you hired a professional designer to create your mockups in Photoshop. Fortunately, there are now tools available for anyone to use to create stunning mockup images.
In this post, we’ll walk through how you can easily create mockup images for your online course sales page, including tips and tricks we’ve learned from creating thousands of mockups for our own courses and for our clients.
Step 1: Make a List of the Assets You’ll Need to Create Mockup Images for Your Online Course’s Sales Page
Ideally, you will have finished your online course tools before you start creating your mockup images. This will make it much easier for you because you’ll have a more concrete idea of the number of tools you have, their titles, and where they will be included in your modules.
If you’re still working on your tools, here’s our guide to designing effective course worksheets to get them finalized first.
Here are the mockups we recommend you add to your sales page (sample images below):
- One tool mockup for every module
- One mockup for every bonus
- One big “main” course mockup that includes many tools (this shows an overview of your entire course, so it’s important to include lots of tools)
ACTION STEP:
Go through your course and make a list of all the tools you would like to include on your page, organized by module.
When you are done, your list may look something like this:
Module One:
Tool A
Tool B
Module Two:
Tool A
Tool B
Main Course Mockup:
Will include tools A, B, D, E, and Z
Don’t forget to list your bonuses!
Next, you’ll gather screenshots of the tools you included in your list above. These are the tools you will include in your sales page.
You will need both landscape (horizontal) screenshots as well as portrait (vertical) screenshots.
For example:
ACTION STEP:
Gather screenshots of the tools you will include in your sales page.
At the end of this screenshot process, you will have:
- 1 landscape portrait of each tool cover
- 1 portrait screenshot of each tool cover
Pro tip: Organize your screenshots in folders for each module on your desktop to make your life much easier later!
Step 2: Choose Your Tool to Create Mockup Images for Your Sales Page
Now that you have all of your screenshots, you’re ready to choose your mockup tool! This is the fun part. :) There are many tools to choose from to create your sales page mockup images, and we have narrowed it down to our three favorites for non-designer course creators like you.
We have also created a sample course to show you examples of each mockup from each of our recommended mockup creation tools.
For each tool option, we will show you examples of a book, a magazine or notebook type mockup, and a laptop, so you can see what the mockups actually look like.
Option 1: Canva
Canva is everyone’s favorite tool for creating images, presentations, social media graphics, and more. With its Pro account, you can also create mockups using their “Mockups” application.
To find this in your account, create a project, then on the left hand tool bar click “Apps.” Scroll down until you see the Mockups app. You can then choose which mockup you would like to create. You can also click here to go straight to the mockups page.
Canva Pros and Cons:
- Pros: Easy to use since most course creators are already familiar with Canva. To create the mockup, you simply upload your screenshot and drop it in the workspace.
- Cons: Limited mockups available, not able to edit the mockup once it is placed
- Pricing: Free account or paid “Pro” account starting at $18 per month or $144 per year
Sample mockups from Canva:
One thing worth mentioning: Canva has been expanding their AI image creation tools, and in theory you could use them to generate mockups. We’ve experimented with it, but so far the results haven’t been good (or consistent) enough for us to recommend it for course mockups. We’ll keep testing and update this post if that changes.
Option 2: MediaModifier.com
MediaModifier is an easy to use ‘drag and drop’ platform to create mockups for your website and online course. Along with mockups, you can also create social media images and other graphics with their design add on.
MediaModifier Pros and Cons:
- Pros: Easy to use, able to edit background color of image, the paid account has an “online course” mockup option
- Cons: Limited free mockups available
- Pricing: Free account or paid account starting at $25 for one month
Sample mockups from MediaModifier:
It’s also worth noting that MediaModifier has an “online course” mockup section in the paid account. These are groups of mockups that combine several items (like a laptop, book, and phone).
Option 3: Mockey
Mockey is a browser-based mockup generator with over 20,000 templates. Along with standard device and book mockups, Mockey also offers video mockups and 3D options. The style of their templates tends to lean more abstract and creative compared to the more straightforward mockups you’ll find in Canva or MediaModifier, so it’s worth browsing their library to see if the aesthetic fits your brand. They have free options, though many of the templates require a Pro account starting at $9.90/month.
Mockey also offers a Figma plugin if you are using Figma for design.
Mockey Pros and Cons:
- Pros: Super easy to use – simply upload your image and crop it within the interface to create your mockup. Lots of free mockups available, including many creative, unique options. It’s also worth noting that the tool has good reviews, many of which mention the great customer service
- Cons: It’s a little more difficult to find “plain” mockups
- Pricing: Free account or paid account starting at $9.90 a month
Sample mockups from Mockey:
Our Mockup Tool Recommendations
Out of the three tools above, we recommend Canva if you are already using and paying for a Canva Pro account and don’t need a ton of mockups.
If you’re just looking to create one or two mockups and are looking for a super simple interface, try MediaModifier. Mockey could be a good option for you if it fits your aesthetic or you are looking for more unique mockup options.
ACTION STEP:
Choose the tool you will be using to create your mockups.
Step 3: Start Creating Your Mockup Images for Your Online Course Sales Page
Now that you have chosen your tool, it’s time to create your mockups! You’ll use the screenshots you created earlier to create the images for each section of your sales page. In most tools, this simply means you’ll drag and drop your screenshot into your chosen mockup image. Then, you’ll add them to your landing page tool.
Once you have created all of your mockups, there are many ways you can use them.
For example, you can use mockups in:
- Social media images
- Advertising images
- Emails
- Downloads
- Ebooks
- Your website
Adding these beautiful mockup images to your online course sales page provides a tangible preview of what your students can expect from your course, showcases the value, and helps communicate the benefits of your program. Ultimately, we’ve found that including these images can also increase your conversion rate.
Looking for a Partner to Help Create Your Online Course?
Our Course Creation Support team helps hundreds of experts, authors, and coaches every year. If you’re looking for a partner to develop your course, help you create your content, design your sales page (including your mockups!), set up your technology, and more… we’d love to chat.
Click the button below to share your vision with our team, and we’ll circle back with next steps.