Submit a ticket My Tickets
Login  Sign up
Open navigation

How to Add the Course Catalogue (Course Cards) section

Pro Trainer
Learning Center
High Volume & Corporate

The Products (Course Catalogue/Cards) section is an eye-catching point of attraction since they offer a brief summary (title, image, description, author, etc.) of your course.

You will find how you can customize the appearance of the Course Cards in this article.

Add the Course Catalogue (Course Cards) section

You can add the Course Catalogue section to any page of your school so users can always find an easy way to compare courses/products and purchase the one they desire.

1. Click on Site Builder → Edit School Site.

2. Choose any page you want to edit from the Page Manager.

3. Hover over the page and click on +Add Section.

4. Find the Course Catalogue under the Products. Choose the template of your desire.

5. Click on Save.

You can also share the Products section for Bundles.

You can also add the Subscription hero section for users to have an overview of which subscription to purchase.

Important Notes:

  • The Products templates will not display Private or Draft courses, as these course types remain unlisted/unpublished. 
  • Click here for more information on changing the order of your courses as depicted in the Course Cards.

Edit Course Cards 

After adding the Course Catalogue (Course Cards) section, hover over and click on Edit course cards. The editing side form will appear.  In the side form that appears for the Course Catalogue (Course Cards) section, you can edit a variety of settings:

Show courses: Initially, you can select which courses to show on your Course Cards:

  • All
  • My courses
  • Not Enrolled (it can prompt users to purchase courses they haven't purchased yet.)
  • Newest
  • Popular
  • Free
  • With certificate
  • By author
  • In Bundle
  • Custom List (select custom courses to display)
  • Search term

The My Courses option shows the courses a student is enrolled in, and the order is unique to each user and based on the last visited course. 

  • Course card layout: Change the course’s card layout.
  • No. of cards loaded: Show all cards or enable paging (you can choose whether all the cards will be displayed all at once, or how many specific cards will appear per row).
  • When clicked: Choose the action when the course cards are clicked. You can set up where the buttons on the course cards will direct users. 
  • Card appearance: Change the appearance of the course card (show price, optimize image, show ribbon for discounted prices).
  • Filters: Choose whether you wish to display filters to make course navigation easier (and choose the specific filters you wish to show).
  • Enroll and Load more buttons: Customize the Enroll and Load more buttons.

Automatic Enroll Buttons

The Products (Course Catalogue) section includes the Automatic Enroll Buttons, which are eye-catching to the potential buyer and Set up the Payment/Navigation flow.

With the When clicked setting, you can set up where the buttons on the course cards will direct users. You will find more information in this article.

Apply a Coupon code to the Course Cards 

You can apply a Coupon code directly to the Course Catalogue (Course Cards) section.

First, create a coupon promotion that will apply to all of your courses and bundles and pre-select the respective promotion so the users will not need to add any coupon code to the Payment page manually. This way, you will offer a pre-fixed promotion across your whole school and all the courses at once.  To achieve this, you need to:

1. Create the coupon for All courses (and/or Bundles).

2. Add the Course section to any page of your school.

3. Click on Edit Course Cards.

4. Set up the When clicked action: Go to checkout Apply coupon (choose the coupon).

5. Click on Save.

Once the users click on the course card of the course they wish to purchase, they will be directed to the Payment page, where the coupon will be already applied. In this article, you can also find out how to give direct access to a Payment Page with an already-applied coupon.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.