Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: 2.7

Each course and lesson need these images and text. Some other items are optional, like videos, downloadable files, and links.

What content looks like

Before users open a course, they might see it featured in a rotator, grid, or list module. It displays the course’s image, name and abstract. Most modules use the smaller list image. Featured rotators use the larger banner image.

Modules can look different depending on their configuration. Learn more about modules.

...

Then users enter the course page. It displays the image and description.

...

Once users start the course, it displays the description and list of lessons. Think of the course as the “container” for lessons inside of it.

...

Then users go through the lessons. Each lesson page can look different! You might include a description, questions, or downloadable resources. An image can display at the top of the page. Or, if there’s a video, it replaces the image.

...

Finally, users might download a certificate for the completed course.

...

Specifications

These specifications are split into two sections:

  • Text and images for a course.

  • Text, images, and other items for the lessons that go inside a course.

Course

(Also known as a Track)

Text

Character limit

Notes

Status
colourGreen
titleRequired

Name

Include Page
REUSE - Name text char limit
REUSE - Name text char limit

Status
colourGreen
titleRequired

Slug

Include Page
REUSE - Slug text char limit
REUSE - Slug text char limit

The slug is the end of the page URL. Each slug must be unique. Spaces aren’t allowed. Example: subject_course

Status
titleOPtional

Abstract

Include Page
REUSE - Abstract text char limit
REUSE - Abstract text char limit

A short description of the course displayed in rotator, grid, or list modules.

Status
titleOPtional

Description

Include Page
REUSE - Description text char limit
REUSE - Description text char limit

A longer description . Only displays when users begin the course for the first time. If you want users to refer back to this information, put it in the lesson descriptions tooof the course.

Can include text formatting, links, numbered lists, bulleted lists, images, line breaks, and custom HTML.

Images

Size (w × h)

Notes

Include Page
REUSE - Image max file size and type
REUSE - Image max file size and type

Status
colourGreen
titleRequired

List image

Include Page
JE:REUSE - 16:9 ratio image sizeJE:
REUSE - 16:9 ratio image size

Displays in rotator, grid, and list modules.

Status
titleOPtional

Banner image

Include Page
REUSE - Banner image safe zone
REUSE - Banner image safe zone

Displays in featured rotator modules.

Status
colourGreen
titleRequired

Certificate image

Include Page
JE:REUSE - 16:9 ratio image sizeJE:
REUSE - 16:9 ratio image size

Lesson

Text

Character limit

Notes

Status
colourGreen
titleRequired

Name

Include Page
REUSE - Name text char limit
REUSE - Name text char limit

Status
colourGreen
titleRequired

Slug

Include Page
REUSE - Slug text char limit
REUSE - Slug text char limit

The slug is the end of the page URL. Each slug must be unique. Spaces aren’t allowed. Example: subject_lesson

Status
titleOPtional

Description

Include Page
REUSE - Description text char limit
REUSE - Description text char limit

Often the text of the lesson itself, or a description the video lesson. Can include text formatting, links, numbered lists, bulleted lists, images, line breaks, and custom HTML. If you add questions, they can go here.

Images

Size (w × h)

Notes

Include Page
REUSE - Image max file size and type
REUSE - Image max file size and type

Status
titleOPtional
Page
Lesson banner image

Include Page
JE:REUSE - 16:9 ratio image sizeJE:
REUSE - 16:9 ratio image size

Only displays on the lesson page if there isn’t a video. To add more than one image, insert them into the description.

Videos

File type

Notes

Status
titleOPtional

Video lesson

  • Hosted on Youtube, Wistia, Vimeo, or Brightcove

  • Or hosted with JUNO through Amazon IVS

Include Page
REUSE - Video privacy - Client warning and page link
REUSE - Video privacy - Client warning and page link

To add more than one video, we recommend breaking up the content into multiple lessons with one video on each page. Other workarounds, like adding iframes, will prevent you from tracking analytics about the percentage of the video watched.

Files

File type and size

Status
titleOPtional

Downloadable resources

Include Page
REUSE - Downloadable resources specs
REUSE - Downloadable resources specs

...