Skip to Content
Wisteria is in beta — these docs are evolving fast.
TrainerCover images

Cover images

Every course and every module has a cover image. It appears:

  • On the learner dashboard (course cards)
  • In the module list inside a course
  • At the top of the module when a learner opens it
  • On certificates (in some templates)

Configure cover images from a module’s Details tab, or a course’s main page.

Three sources

The cover image picker offers three input modes:

1. Upload

Click Upload. Pick a file from your computer (JPG, PNG, GIF, or WebP, up to 5 MB).

The file uploads to the module-covers Supabase Storage bucket. The bucket is public — the URL is unguessable but, once known, is accessible to anyone.

Use upload when:

  • You have a specific image already (a photo from your phone, a graphic from your designer).
  • Brand consistency matters and stock photos won’t do.

2. URL

Click Paste URL. Paste any publicly accessible image URL.

Wisteria stores the URL on the module — it doesn’t download the image. If the URL stops working later (e.g. the host takes the image down), the cover breaks.

Use URL when:

  • You have an image hosted somewhere you trust (your company CMS, Cloudinary, etc.).
  • You want to avoid uploading to Wisteria.

Click Browse Unsplash. The search panel embeds inside the picker — no tab-switching.

Type a query (“factory worker safety”, “team meeting”, “office desk”). Wisteria queries Unsplash’s API, shows thumbnails. Click a thumbnail to select it.

Wisteria stores the Unsplash image URL on the module. Unsplash photos are free to use under their license; we credit the photographer in the source URL.

Use Unsplash when:

  • You don’t have a specific image in mind.
  • You want a high-quality stock photo without paying for one.
  • You’re prototyping a course and want to look polished even before the first review.

What if there’s no cover

Modules without a cover image fall back to:

  1. Their parent course’s cover image, if set
  2. A neutral default Wisteria cover (if neither is set)

A default cover is not broken — it just looks generic. Learners will tap through, but a real cover gives the module instant recognisability.

Tips

  • Aspect ratio matters. Course cards on the dashboard crop to about 4:3 with the bottom edge truncated. Avoid critical content at the bottom of your cover.
  • Faces work well. Photos with people draw the eye more than abstract shots.
  • Brand consistency. Pick one source (Unsplash, or your own photos, or your designer’s templates) and stick with it across courses. Mixing styles makes the dashboard look noisy.
  • No emoji in the cover image itself. The course has an emoji field separately; use that for icon-level identity.

Changing a cover later

You can change a cover at any time, even after the course is published. The new cover appears immediately for all learners on their next page load. The old image stays in storage but is no longer referenced.

Cover images on certificates

Some certificate templates can include the course cover image. See Certificate template for which template modes support it.

Last updated on
Your coursesCreate a course manually