NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.

Social

Video

Audio

Reviews

Chats

Forms

E-commerce

Tools

Find a widget for you

You can use our widgets to accomplish practically any task on your website — increase users' confidence, grow conversion, engage your visitors, provide support, etc.

See All Widgets
Video Gallery for Webflow

Webflow Video Gallery and Video Player

Add a video gallery, video player or YouTube feed to your Webflow site with a Code Embed element. More than the Video element — without building custom interactions.
No credit card needed
Works withDesignerCCMS pages◇ComponentsEEcommerce

Watch Now

Chasing the Morning Swell

Salt & Swell2.4M SubscribersSubscribe on YouTube8.8K412Share
501,718 views 19 days ago

Up before the wind, out past the break, and the kind of glassy morning you wait all season for. Read more

12:07
Chasing the Morning SwellSalt & Swell501K views 19 days ago
10:15
One Wave, Start to FinishTrailhead Films488K views 1 month ago
8:42
One-Pan Lemon Orzo in 20 MinutesSalt & Swell1.1M views 3 days ago
Platform page — the gallery on a webflow site, its mark on a tile

Trusted by over 3,000,000 small businesses, agencies and top global brands worldwide

Create your Webflow video gallery for free

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

The Webflow video gallery that works for your business

Show videos from all your channels on your Webflow site, keep readers on the page, grow your subscribers and turn views into sales.

loomcraftstudio.com
Loomcraft StudioContact
Loomcraft Studio48K subscribers · 210 videos
Subscribe on YouTube
NEW
Behind the Scenes: Studio Tour
First Descent of the Season: Heli Drop in the Alps
Late Night Ranked Grind
Morning Flow: 10-Minute Full Body Stretch
Restaurant Plating at Home, Step by Step
Where the Pavement Ends: Full Off-Road Test
Book a callFree
1New videos appear automatically
2Visitors watch without leaving your site
3A product card appears after the video
4Visitors subscribe to your channel
Always up to dateNew videos appear on their own — no page edits.
Visitors stay longerVideos play in a popup on your post or page.
More views and subscribersA subscribe button grows your channel from Webflow.
Views turn into customersA card after the video leads to a product or booking.
Compatibility

Built for Webflow

Works with the editor, theme and page builder you already use.

Any Webflow site with Code EmbedCode Embed is available on paid site plans and workspace plans.
Site plansWorkspace plansCMS and Ecommerce

Works with your editor and page builder

Code Embed element

Drag Code Embed from the Add panel and paste the code.

CCMS template pages

Place the embed on a collection template to show it on every item.

◇Components

Put the embed in a component and reuse it across pages.

EEcommerce product pages

Add the embed to the product template.

Where to use it on Webflow See real examples →

Landing pages

A hero video and a playlist for the campaign.

CMS blog posts

Related videos on every article.

Case studies

Customer videos next to the results.

Product pages

Demos and walkthroughs.

Portfolio

Your reel in a masonry grid.

Careers

Team and culture videos.

Fast and safe for your site

No custom code to maintain

No interactions or scripts to build for a gallery.

Lazy-loaded by default

The gallery loads when visitors reach it.

Publish once

Change videos in the editor — no republishing the site.

Sources

Every video source on your Webflow site

YouTube, TikTok, Instagram Reels, Vimeo, Twitch and videos hosted anywhere — alone or together.

YouTube YouTube Video Gallery →

ChannelEvery upload, automaticallyPlaylistAny public playlistShortsVertical 9:16 cards● LIVELive streamYour broadcast on the pageSpecific videosPick videos by link

Social video TikTok →Instagram Reels →

TikTok channelVideos from an accountTikTok hashtagVideos with a hashtagInstagram ReelsReels from your account

Video platforms and your own hosting Vimeo →Twitch →Any video →

Vimeo showcaseA whole showcaseVimeo userAll public videos● LIVETwitch channelStreams and videosTwitch categoryVideos from a categoryAny video by linkMP4 on your hosting or CDN

Mix and curate

Put several sources into one gallery with tabs, then decide exactly what shows: include or exclude videos by keywords, show only videos published after a date and choose the sort order.

  • Group sources by platform with tabs
  • Include and exclude filters by keywords
  • “Published after” date filter
  • Sorting by publication date
Include: “tutorial”Exclude: “ad”Published after Jan 1Sort: newest
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
Design

Designed to match your Webflow site

Make the gallery look like part of your Webflow theme — no generic embed boxes, no code.

Looks like part of your site

Switch between light and dark themes, set your accent color and fine-tune the background, title, channel header, cards, popup and font.

  • Light and dark themes
  • Accent color palette or any custom color
  • Your font and widget title
  • Channel header with banner, subscribers and a follow button
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
More videos

Seven layouts for every page

Single VideoPlayer with GalleryVideo CarouselPlayer with PlaylistVideo GridVideo PlaylistVideo Masonry

Card and popup styles

Choose Classic, Plain or Minimal cards, and open videos in a classic YouTube-style popup or a vertical TikTok-style viewer. Thumbnails keep each video’s shape — vertical for Shorts and Reels, 16:9 for everything else.

  • Classic, Plain and Minimal cards
  • Classic or vertical popup
  • Adjustable thumbnail aspect ratio
Classic
Plain
Minimal
Behind the Scenes: Studio Tour
Your channel12.4K subscribersSubscribe
Classic popup
♥💬↗
Vertical popup
Results

Built to turn Webflow visitors into results

Views are just the start — keep readers on the page and move them to act.

Keep visitors on your page

Videos open in a popup — visitors stay on your Webflow page.

Shop now

Turn views into clicks and sales

Show a card with your link when a video ends: a demo booking, sign-up or product.

{ } JSON

Get found in search

Schema.org video markup for every video in the gallery.

Subscribe +1 subscriber

Grow your views and subscribers

A channel header with a subscribe button grows your YouTube from your site.

Plays

Measure what works

See which videos get watched and clicked in Google Analytics.

Installation

Add a video gallery to Webflow in 1 minute

Four steps, then everything else happens in the visual editor.

  1. Create your gallery

    Pick a layout and connect your sources.

  2. Copy the code

    Copy the installation code from Elfsight.

  3. Add a Code Embed

    In the Designer, drag Code Embed onto the page.

  4. Paste and publish

    Paste the code, save and publish.

Step-by-step: How to embed video in Webflow.

+ Add elements
SSection
CContainer
VVideo
BBackground video
</>Code Embed
CCollection list

Start with a template See all templates →

YouTube ChannelLive preview →
Player with GalleryLive preview →
Video CarouselLive preview →
Video PlaylistLive preview →
YouTube PlaylistLive preview →
Video GridLive preview →
YouTube ShortsLive preview →
““Video TestimonialsLive preview →
$$$Shoppable VideosLive preview →
Single VideoLive preview →
Compare

Elfsight vs. other ways to add video to Webflow

How Video Gallery compares with the usual ways to add video to Webflow.

Video GalleryWebflow Video elementBackground videoCustom build with interactions
Many videos in one layout✓One videoOne loopCustom code
Updates automatically from channels✓———
YouTube, Vimeo, TikTok, Instagram, Twitch and any link✓YouTube, VimeoMP4 uploadVaries
Popup player and CTA card✓——Custom code
Built-in Schema.org video markup✓——Custom code
No code to maintain✓✓✓—
Why Elfsight

Why Webflow site owners choose Elfsight

A trusted platform with proven support behind every widget.

#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

What Webflow users say

★★★★★

Review from a Webflow site owner goes here.

Name, website · Source
★★★★★

Review from a Webflow site owner goes here.

Name, website · Source
★★★★★

Review from a Webflow site owner goes here.

Name, website · Source
★★★★★

Review from a Webflow site owner goes here.

Name, website · Source
★★★★★

Review from a Webflow site owner goes here.

Name, website · Source
★★★★★

Review from a Webflow site owner goes here.

Name, website · Source

Add a free video gallery to Webflow

Create your gallery, connect your videos and paste one code — nothing to install, no trial and no credit card.

Create Video Gallery widget
Free plan includes
  • Every source and layout
  • Call-to-action, Schema.org and Google Analytics
  • Works with every Webflow theme and builder
  • Free forever — limited by monthly widget views
See all plans →
Help

Questions and resources

Frequently asked questions

What is the best Webflow video player?

For one video, Webflow’s Video element works. For a Webflow video player with a gallery, playlists and many sources, embed Video Gallery with a Code Embed element.

How do I add a video gallery to Webflow?

Drag a Code Embed element onto the page and paste the Video Gallery installation code.

Do I need a paid Webflow plan?

Code Embed requires a paid site plan or workspace plan.

Can I use it on CMS pages?

Yes. Put the embed on a collection template page.

Can I embed a YouTube playlist in Webflow?

Yes. Use YouTube → Playlist as the source.

Is it free?

There’s a free plan with every source, layout and setting; it’s limited by monthly widget views.

Why don’t I see the gallery in the Webflow Designer?

Custom code doesn’t run in the Designer. Check it in Preview with custom code enabled, or on the published site.

Guides for Webflow

How to Embed Video in WebflowUse the Video element for YouTube or Vimeo, a Background Video for hosted MP4 loops, and Code Embed for custom players and video galleries.Player with Gallery.YouTube Embed Code GeneratorPaste any YouTube link and get a responsive embed code in seconds.How to Add a Video Background to Your WebsiteUse a short, muted, looping MP4 behind your content, with a poster image and a dark overlay for readable text.