Using Featured Images

Be sure to review our overview of the Media Library: The Media Library and Uploaded Files.

When used correctly, Featured Images will give users a custom visual reference for your Course or Product. 

There are certain guidelines that need to be followed to make the best use of your Featured Images. The result will be a clean, unique look to your Courses and Products. But Featured Images are not just used just for aesthetic reasons. For example, they can be added in such a way that users will be able to quickly recognize related Products that are all part of a series, or Courses that are in the same category.

Creating a Course is distinctly different from creating a Product. Courses contain the Modules that make up your curriculum. Products are how you deliver the Courses to students. All Courses must first be added to a Product before they can be accessible through the Course Catalog or available for manual student enrollment by an Admin.

Even though they serve very different purposes, the processes for adding a featured image to a Course or to a Product do have similarities.

This article gives an overview of how to add images to the Media Library, and covers the steps for adding a Featured Image to a Course and to a Product. All the actions in this article will be accessible to Administrators. Other users will not have permission to upload or use Featured images.

In this article

Add a Featured Image to a Course

Adding a Featured Image to your Course will help give students a custom visual reference to associate with the Course. When adding the information in the "Step 1: Basic Info" tab, use the Browse Media button on the right side of the screen to access the Media Library.

Here you can select the image you would like to use for your Featured Image. If you need to add an image to the Media Library, you can upload one buy dragging and dropping it where directed, or click on the "Upload Media" button to search on your computer.

Once the Course has been saved or updated, the Featured Image of the Course will appear in multiple locations, including the Course Catalog, as well as in a Student's "My Courses" page.

Keep in mind, Featured Images are not required. If you choose not to add an image, a sample image will be displayed instead. This sample image will be the same for all Courses that do not use a custom Featured Image.

Warning

The Featured Image will work best with a 3:2 aspect ratio, with the width being 1.5 times the size of the height. We recommend image dimensions of 300 px by 200 px for the best performance and visibility. Images that are larger can cause issues with page size and performance. Images that are smaller can cause formatting issues. The key is that all Featured Images should be the same size, so they look uniform in the student view and course catalog.


Add a Featured Image to a Product

The Featured Image of a Product will appear in the Course Catalog. We recommend uploading a unique image to make your Product stand out.

The featured image is added when you are creating a Product, in the General Details menu item. Click on Browse Media on the Browse Media button on the right side of the screen.

Once in the Media Library, you can select an image that has already been uploaded by clicking on "Choose/Select" under the image filename, or you can upload a new image by either dragging it where directed or by clicking the "Upload Media" button to add one from your computer.

This is what a Product Featured image looks like when a student sees it in the Course Catalog:

 Just like with Courses, adding a Featured Image to a Product is not required. If you choose not to add an image, a generic image will be displayed instead. Please keep in mind, if you choose not to upload and use Featured Images for any of your Products, the same generic image will be used for all of your Products.

Warning

Just like with the Featured Image added to a Course the Featured Image added to a Product uses a 3:2 aspect ratio, with the width being 1.5 times the size of the height. We recommend image dimensions of 300 px by 200 px for the best performance and visibility. Images that are larger can cause issues with page size and performance. Images that are smaller can cause formatting issues. The key is that all Featured Images should be the same size, so they look uniform in the student view and Course Catalog.