Template

Tutorial Video Gallery for Your Help Center

Put every how-to video on one page, with a title and a short description next to each, so people find the right answer before they open a ticket.

See all templates

No credit card needed

Watch Now

12:07

Chasing the Morning SwellSalt & SwellUp before the wind, out past the break, and the kind of glassy morning you wait all season for.501K views 19 days ago

8:42

One-Pan Lemon Orzo in 20 MinutesSalt & SwellThe weeknight dinner we make more than any other, start to plate in one pan.1.1M views 3 days ago

Layout

Show Profile Header

Shows the account profile above the gallery. Hidden for mixed feeds like hashtags or categories.

Card Style

Template page — the video playlist preset, the settings panel on its key setting, straight on

Try the Tutorials & How-tos template

1. Choose a template
2. Connect your videos
3. Add to website

Why Video Gallery

The best way to publish how-to videos

A tutorial library people read through, then watch the one they need.

Pick by reading

Titles and descriptions sit next to every video, so the right tutorial is easy to spot.

Watch without losing the page

Videos open in a popup; the list and the help article stay in place.

New tutorials appear on their own

Upload to your connected channel and the library updates by itself.

Features

What your visitors will see

A clean list of tutorials: thumbnail, title and what each video solves.

YouTube

Behind the Scenes: Studio TourA short description of the video appears here.

TikTok

First Descent of the Season: Heli Drop in the AlpsA short description of the video appears here.

Twitch

Late Night Ranked GrindA short description of the video appears here.

Instagram

Morning Flow: 10-Minute Full Body StretchA short description of the video appears here.

123

1
Thumbnail
Recognize the screen or step at a glance.
2
Title and description
Tells what the video solves before anyone clicks.
3
Popup player
Plays the tutorial right over the help page.

Compare

Video Gallery vs. other ways to publish tutorials

How the usual options stack up for this job.

	ElfsightVideo Gallery	Help-center video embeds	YouTube channel link	Video hosting player
Titles and descriptions next to each video	✓	Manual	—	—
New videos appear automatically	✓	—	✓	—
Popup player on your page	✓	—	—	—
Videos from YouTube, Vimeo and your own hosting together	✓	Varies	—	—
Schema.org video markup	✓	Varies	—	Varies
Works on any website	✓	Your help-center tool only	✓	✓

Variations

Make it your own

Different layouts and sources — switch any time without changing the code on your site.

Video playlistWith a playerOnline coursesProduct demosAs a grid

Placement

Where it works best on your site

Help centers

A video answer for every common question.

Onboarding pages

First steps for new customers.

Documentation

Short clips next to written steps.

Feature pages

How each feature works, in a minute.

Customer portals

Training that lives where users log in.

Release notes

A video for every new feature.

Installation

Add a tutorial library to your website in 1 minute

Open the template
Connect your videos — a channel, playlist, account or links.
Adjust the look
Layout, theme, counters and buttons — all visual.
Paste one code
Add it to any page of your website. Done.

Ready to go out of the box

A list with thumbnails, titles and descriptions
Videos open in a popup player
Newest tutorials first
Readable on mobile

Change anything later in the editor — the code on your site stays the same.

Step-by-step for your platform

WordPress Shopify Webflow Squarespace Wix Elementor Framer HTML

Start your tutorial library for free

Free to start — no trial and no credit card.

Use this template

See everything Video Gallery can do →

#1Top service in the world for website widgets

3M+Users trust Elfsight to upgrade their websites

4.8Rating from thousands of reviews on G2

99.99%Uptime keeping your widgets live

FAQ

Frequently asked questions

How do I build a tutorial video library on my website?

Connect your YouTube channel or add videos by link, pick this template and paste one code into your help center or any page. The list shows a title and a description for every video.

Will new tutorials appear automatically?

Yes. New videos from a connected YouTube channel appear in the list on their own.

Can I keep only some videos, like one product’s tutorials?

Yes. Filters include or exclude videos by keywords in the title or description.

Does it help tutorials show up in search?

The widget can add Schema.org video markup, which helps search engines understand your videos.

Can I use videos from my own hosting?

Yes. Add any video by its direct file link, next to YouTube or Vimeo videos.

Is it free?

Yes. There’s a free plan, no credit card needed.

More templates

Related templates