Videos & content library · Organize & discover
Custom thumbnails, trailers, and animated previews
Replace the auto-generated thumbnail with your own image, attach a trailer visitors can preview, and turn on animated hover previews for a streaming-service feel.
Upload a custom thumbnail
By default, catalog cards use a frame captured automatically from your video. To use your own image instead, open the video, go to the SEO tab, and upload a custom thumbnail in the Media section. Aim for 640×360 pixels (16:9) in JPG, PNG, or WebP, up to 500 KB.
A branded, consistent set of thumbnails is one of the fastest ways to make your library look premium. If you don't have a designer, the platform's AI image tools can generate thumbnails in your brand colors — see the AI images article.
Add a trailer or preview
On the same tab you can pick any other video from your library as this video's trailer. Visitors then get a "Watch preview" option — a great way to let non-members sample a gated or bundle-only class without unlocking the whole thing.
Animated hover previews
Want class cards to come alive? Turn on "Animated thumbnails" under Settings → Pages and sections (it's off by default). When enabled, hovering any class card plays a short, silent looping preview generated automatically from the video — there's nothing to set up per class.
Your media library
Content → Media library is your image storage: upload images once, copy their URL, and reuse them anywhere on your site. Deleting an image removes it everywhere it's used, so tidy with care.
Step by step
- Open the video from Content → Videos and go to the SEO tab.
- In the Media section, upload a custom thumbnail (640×360 recommended, max 500 KB).
- Optionally choose a trailer under "Trailer / preview".
- Click "Save changes".
- For hover previews across the whole library, turn on "Animated thumbnails" under Settings → Pages and sections.
Good to know
- Keep one visual style across thumbnails — consistency beats individual brilliance.
- Trailers are especially effective on bundle-only content you want visitors to buy.
- Animated previews add polish, but skip them if you prefer a calmer, lighter-loading library.
Related articles
Organize the member home page with rows and featured classes
Group classes into themed rows on the member home page, control how each row is sorted, curate the hero carousel, and pin your best classes to the top of the library.
Create custom filters for your library
Define your own filter dimensions — like Level, Intensity, or Body area — with the options members pick from, then assign a value to each video so your library filters match your content.
How members find your classes: search, filters, and discovery
A tour of the member-facing library — search, filters, related classes, and new-content notifications — and a checklist of what you control to make every class findable.