NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.
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

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.
The gallery on a business's site, and the offer that appears after a video

Always up to date

New videos appear on their own — no page edits.

Visitors stay longer

Videos play in a popup on your post or page.

More views and subscribers

A subscribe button grows your channel from Webflow.

Views turn into customers

A 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.

Works with your editor and page builder

Code Embed element

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

CMS 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.

Ecommerce product pages

Add the embed to the product template.

Where to use it on Webflow

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 Channel — the profile header and a row of uploads

Channel

Every upload, automaticallyChannel
YouTube Shorts — vertical 9:16 cards in a carousel

Shorts

Vertical 9:16 cardsShorts

Video platforms and your own hosting

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

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

Seven layouts for every page

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.
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.

Turn views into clicks and sales

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

Get found in search

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

Grow your views and subscribers

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

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

Compare

Elfsight vs. other ways to add video to Webflow

How Video Gallery compares with the usual ways to add video to Webflow.
Feature
Elfsight Video Gallery
Webflow Video element
Background video
Custom build with interactions
Many videos in one layout
Yes
One video
One loop
Custom code
Updates automatically from channels
Yes
No
No
No
YouTube, Vimeo, TikTok, Instagram, Twitch and any link
Yes
YouTube, Vimeo
MP4 upload
Varies
Popup player and CTA card
Yes
No
No
Custom code
Built-in Schema.org video markup
Yes
No
No
Custom code
No code to maintain
Yes
Yes
Yes
No

Many videos in one layout

Video Gallery

Yes

Webflow Video element

One video

Background video

One loop

Custom build with interactions

Custom code

Updates automatically from channels

Video Gallery

Yes

Webflow Video element

No

Background video

No

Custom build with interactions

No

YouTube, Vimeo, TikTok, Instagram, Twitch and any link

Video Gallery

Yes

Webflow Video element

YouTube, Vimeo

Background video

MP4 upload

Custom build with interactions

Varies

Popup player and CTA card

Video Gallery

Yes

Webflow Video element

No

Background video

No

Custom build with interactions

Custom code

Built-in Schema.org video markup

Video Gallery

Yes

Webflow Video element

No

Background video

No

Custom build with interactions

Custom code

No code to maintain

Video Gallery

Yes

Webflow Video element

Yes

Background video

Yes

Custom build with interactions

No
Why Elfsight

Why Webflow site owners choose Elfsight

A trusted platform with proven support behind every widget.
#1
Top service in the world for website widgets
3M+
Users trust Elfsight to upgrade their websites
4.8
Rating 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
Help

Questions and resources

Frequently asked questions

Guides for Webflow

How to Embed Video in Webflow

Use the Video element for YouTube or Vimeo, a Background Video for hosted MP4 loops, and Code Embed for custom players and video galleries.How to Embed Video in Webflow