Skip to main content
The courses section lets you offer structured learning content — multi-lesson programmes that members can enrol in and track their progress through.
Courses listing page

​
Courses listing page

The listing page displays all published courses in a card grid with filtering.

​
What each card shows

  • Course title and description
  • Course image
  • Instructor / host name
  • Lesson count
  • Category tag
Pagination loads 9 courses per page with previous/next navigation. On the first page, a Featured Courses section highlights courses marked as featured in the dashboard.

​
Course details page

Clicking a course card opens the full details view.
Course details page

​
Information displayed

  • Course title and hero image
  • Instructor / host name
  • Full description rendered from markdown
  • Overview text
  • Pricing — the course tariff displayed in the location’s currency
  • Lesson count

​
Lessons

The course curriculum is displayed as expandable panels — one per lesson. Each panel shows:
  • Lesson number and title
  • Lesson summary (markdown formatted)
Members can expand and collapse individual lessons to browse the syllabus before enrolling.

​
Supported HTML formatting in course and lesson content

Course descriptions and lesson content support rich HTML formatting. When creating or editing course or lesson content, you can use the following HTML elements and attributes:

​
Allowed HTML tags

Basic text formatting: <p>, <br>, <strong>, <b>, <em>, <i>, <u>, <s>, <code>, <pre>, <h1> – <h6>, <blockquote>, <ul>, <ol>, <li>, <dl>, <dt>, <dd>, <table>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>, <hr>, <div>, <span> Rich media: <a>, <img>, <video>, <iframe>

​
Allowed attributes

Links (<a>): href, title, target, rel Images (<img>): src, alt, title, width, height, style Videos (<video>): Standard HTML5 video attributes Embedded content (<iframe>): src, width, height, allow, frameborder, allowfullscreen, style (YouTube videos are supported)

​
Enrollment

An Enrol button allows members to start the checkout flow for the course.
Courses use two images: a large image and a small image. Each is requested at different sizes depending on context.

​
Large image

​
Small image

For the best results, upload a large image of at least 1280 × 520 px (landscape, ~2.5:1 ratio) and a small image of at least 600 × 540 px (nearly square). The large image is used as the hero and in checkout — a wider aspect ratio works best. The small image appears in card grids and should look good when cropped close to square.