Submit a ticket My Tickets
Login  Sign up
Open navigation

How to Customize the Course Cards of your Courses

In LearnWorlds, all your courses can be viewed and purchased via compact and easy-to-understand Course Cards, which appear in the Course Catalogue section.

Course Catalogue (Course Cards) section

The Course Cards appear in the Course Catalogue section, and they are an eye-catching point of attraction since they offer a brief sum-up (title, image, description, author, etc.) of what your courses have to offer.

After incorporating the Course Catalogue section onto the Home page or any other page, visitors to your school's website can click on a course card to be redirected to the course's dedicated layout page, the checkout page to proceed with purchasing the course or directly within the course player if applicable

Course Cards Settings

Before adding the Course Catalogue section (Course Cards) to your school pages, it is recommended to set up the Image, Title, and Description for all the courses in your school. 

Here is how you can set up your Course Cards:

1. Go to Course Manager and choose the course.

2. Navigate to the General Course tab.

3. To add or change the course card image, click on Upload and choose your desired image. For best results, upload a 640 X 360 image file.

4. Add/change the Title of your course and the Description.

5. Add a Label, the Author’s Nameand the Author’s Avatar.

6. Click on Save.

Everything you set up (course title, description, label, author name & picture) will be reflected on the Course Catalogue page section and its Course Cards.


  • The Title & Course Card image can also be added while initially creating your course.
  • The special offer ribbon appears when you have chosen a discounted price for that course on the Pricing tab.
  • The Author's Name field and the Categories field will appear in your Courses section under the Author filter and the Categories filter, respectively.
  • The Add a label field can be used in your custom Certificate template, as the Credits custom field.
  • The label field will also be displayed on the Course card as shown below:
  • If you would like to add space between the description lines, you can add <br> under each description sentence, and the space will be displayed in the Course Cards section.

This will be the result:

Card Appearance

After you create your course cards there are some settings to help you customize how they appear on the course cards section. You can,

  • Hide/show the Price
  • Hide/show the Progress bar
  • Optimize image (When enabled, it will compress the image, which will result in slightly lowering its resolution while making it faster to load, when disabled, it will preserve the original image without any compression, which could result in slower loading times)
  • Hide/show the Ribbon
  • Change Ribbon's position

Did you find it helpful? Yes No

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