Building a Course Catalog

Be sure to review our overview of eCommerce Setup guides: Introduction to eCommerce

An individual Student can only purchase and direct enroll in a Course if it has been added to a Product, and that Product is available for purchase on your Course Catalog. This includes free Courses.

This guide will take you through the process of preparing your Products to be added to your Course Catalog, and customizing your Course Catalog.

In this article

Creating a Product

Be sure to review our overview of Adding a Course to a Product

Courses are required to be added to a Product in order to appear in the Course Catalog for purchase and self-enrollment by a Student. If you plan to offer a free course, you will still need to create a Product to allow your Students to enroll themselves. 

The exception to this process is bulk ordering a Course for a large group of Students. That process is explored further in our Managing Groups guide.

Managing Products in the Course Catalog

Information will be drawn from a Product's general details to populate the Course Catalog page. This includes the title, description, featured image, price, and course access.

Information in the Product listing:

Information seen on the Course Catalog page:

Expanded description of a Product on the Course Catalog page:

Product Best Practices

It's recommended that you keep your Product titles short and distinctive, in order for your Students to find them when browsing your catalog. 

  • The Product title should be kept short to maintain the formatting of the page. We recommend a title no longer than 190 characters, but a shorter title would look better. 

  • Any additional information should be displayed in the Description section instead.

Create a Course Catalog Page

1

The Course Catalog Page can be found in the dashboard in Site Pages > Pages

2

A sample Course Catalog has been provided, named Product Listing. However you are free to create your own page by using the Create Page button.

Set Course Catalog Page Identification

1

If you choose to create a new Course Catalog page, you will need to assign it as your Catalog Page on your settings. 

2

Head to Settings > General in the dashboard.

3

In the Site Page Identifications section, select your catalog page from the Product Catalog Page dropdown.

Note

If you need multiple Course Catalog pages to target different groups of Students, please contact Support to set that up.

Customizing Course Catalog Page

Learn more about customizing Site Pages in our Creating Site Pages guide.

The provided Course Catalog will display like this:

The pre-built Product Listing snippet includes a display of all Products, a grid or list view, a search function, an Add to Cart button, and details for each available Product.

Title

Set the title of your Course Catalog page. This will be used for internal administration.

Page Layout

You can set the page layout automatically, to better format for the devices your Students may use.

Full Width recommended for desktop browser

Fixed Width with Left/Right margin Gaps recommended for tablets

Page with No Headers recommended for phones

Content

1

The Content section is where you are free to design your page however you would like. You can insert your own HTML elements, and format however you wish.

2

The one necessary ingredient for all Course catalog pages is the Product Listing snippet. This must be added in order to display your list of Products, and to allow for a Student to progress to the checkout section. 

You may customize anything you wish above or below the Product Listing snippet, but it must be present on the page for the Course Catalog to function properly.

3

Snippets can be found in the Content editor, by selecting the + button.

4

You can add any snippet to your page, but the Product Listing snippet must be added to this page.

SEO Title

You have the option of adding SEO content to your page. The SEO Title should be a unique identifier under 60 characters.

SEO Description

Your SEO Description should be between 50-160 characters. The description should include keywords to boost your recognition by search engines.

Thumbnail Image URL

The Thumbnail Image URL is displayed whenever your Course Catalog URL is shared on social media platforms like Facebook or Twitter. 

The recommended dimensions are 1200x630 pixels, with an aspect ratio of 1.91:1.

The file must first be uploaded to the Media Library, where it can then be selected for your Thumbnail Image URL.

The Media Library houses all the uploaded files you use in your account. All uploaded files can be found here. 

1

There are two ways to access the Media Library. 

You may upload files to the Media Library through your dashboard by navigating to Assets > Media Library. 

Or, you can launch the Media Library directly from Edit Page by selecting Browse Media.

2

Inside the Media Library, you can add your image by dragging your file or selecting Upload Media.

3

Once the file has been uploaded successfully, it will be listed in the Media Library. You can then select it for use in your Thumbnail Image URL.

Next Step

Now that your Course Catalog is completed, it's time to move on to the Checkout process: