14th BIRTHDAY SALE 33% OFF +1 FREE MONTH LIMITED TIME DEAL Grab The Deal
33% OFF +1 FREE MONTH Grab The Deal

Webflow Video Gallery widget

Bring videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and more into your Webflow website to create an engaging visual experience that fits your design.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Video Gallery widget

Create your Video Gallery widget

Configure your video widget and add it to your Webflow website for free!

Why People Love Elfsight

Webflow gives you freedom over how your website looks, and your video content should feel just as thoughtfully designed. With Elfsight Video Gallery, you can bring tutorials, product demos, customer stories, social clips, portfolio videos, and other content into one polished gallery without building the experience from scratch.

Simply add videos by link from YouTube, Instagram, TikTok, Vimeo, Twitch, or a custom source, then shape the gallery around your website. Organize larger collections with filters and sorting, pin priority videos, and enable the mini-player so visitors can keep watching while exploring the page. You can also choose what follows each video, from replaying it to showing an end card with a relevant next step.

Did you know?

Wyzowl’s 2026 video marketing research found that 84% of consumers want to see more videos from brands.

Bring your videos together in a polished Webflow video player – create yours for free with Elfsight.

Key Features of the Webflow Video Gallery Widget

Here’s what makes Elfsight Video widget a flexible choice for Webflow websites:

  • Multiple content sources: Bring together videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and Custom Source in a single gallery.
  • Design-friendly layouts: Create a clean video showcase that fits naturally into landing pages, portfolios, product pages, and other Webflow designs.
  • Featured videos: Pin selected content so your most important tutorials, projects, campaigns, or product videos appear first.
  • Filters and sorting: Give visitors an easier way to navigate larger video collections and find relevant content.
  • Mini-player: Keep the current video visible while users continue browsing the page.
  • Flexible video behavior: Replay a video, start the next one, show an end card, or combine the end card with the next video.
  • Responsive presentation: Keep your gallery easy to browse and watch across desktop, tablet, and mobile devices.

Try all features in the free editor – no signup needed.

How to Add a Video to Webflow

You can create and embed your Video Gallery widget on Webflow in a few simple steps:

  1. Choose a Template: Open the Elfsight editor and pick a template that suits your website and visual style.
  2. Add Your Videos: Paste links from YouTube, Instagram, TikTok, Vimeo, Twitch, or use Custom Source to create your collection.
  3. Customize the Experience: Select a layout, adjust the appearance, configure filters and sorting, enable the mini-player if needed, and choose what happens after playback.
  4. Copy the Installation Code: Click “Add to website for free” and copy the generated Elfsight code.
  5. Embed It in Webflow: Open your project in Webflow, add a Code Embed element where you want the gallery to appear, paste the Elfsight code, save it, and publish your website.

This Webflow video embed method lets you manage the gallery content and design in Elfsight without rebuilding the section whenever you want to update your videos.

Need some help along the way? Visit the Elfsight Help Center for Webflow installation guidance, explore our tutorials, share feature requests in the Wishlist, or follow Video Gallery updates in the Changelog.

Do I need a paid Webflow plan to add Video Gallery?

Yes, installing the Elfsight Video Gallery requires Webflow functionality that supports custom JavaScript code. Webflow’s free Starter plans don’t provide this option, so you’ll need an eligible paid Site or Workspace plan.

Can I reuse the same gallery across Webflow pages?

If you want to use the same embedded video content in multiple places, Webflow allows a Code Embed element to be included in a reusable component. This can be useful when you want a consistent Video Gallery to appear across several related pages without rebuilding the section each time.

What video sources does the Video Gallery support?

Elfsight video player supports YouTube, Instagram, TikTok, Vimeo, Twitch, and Custom Source<. You can combine content from supported platforms in one gallery and present it as a consistent part of your Webflow design.

"Can

Yes, you can bring together videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and custom sources in the same gallery. This works well if your tutorials, project videos, customer stories, product content, or social clips are spread across different channels but you want visitors to explore them in one place.

"Can

No, Video Gallery uses video links rather than direct file uploads. Publish or host your video through a supported source first, then paste its URL into the Elfsight editor to add it to your gallery.

"What

Custom Source provides another way to add supported video content when it doesn’t come from one of the listed platforms. Select Custom Source in the editor, provide the required video link, and include it alongside the rest of your gallery content.

"Can

Yes, you can pin priority videos so they appear at the beginning of your gallery. Choose the videos you want to highlight from your content list and pin them in the editor. It’s a useful way to draw attention to featured projects, new releases, important tutorials, campaigns, or other key content.

"Can

Filters and sorting help visitors move through larger video collections and reach the content that interests them faster. They can be especially useful for portfolios, resource libraries, tutorial collections, case studies, or websites covering several topics.

"Can

Yes, enable the mini-player to keep the active video visible while visitors continue exploring other content on the page. It helps create a continuous viewing experience without making the main video player dominate your Webflow layout.

"What

Use the Video Behavior settings to choose what follows playback. You can replay the current video, play the next video, show an end card, or display an end card and then continue to the next video. The end card can also feature a promotional banner that points visitors toward another page, project, product, offer, service, or other relevant action.

Can I customize Video Gallery to match my Webflow design?

Yes, you can adjust the gallery layout, colors, dimensions, spacing, and other appearance settings in the Elfsight editor. This gives you the flexibility to make the widget complement the visual system you’ve created in Webflow instead of looking like a separate third-party embed.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform software
from $0 / month
start with free plan
Unlimited websites
Premium customer support
Charge-free installation support
Special offer for multiple apps
Flexible design
Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal