Elfsight - Premium Widgets For Websites
  • Widgets
  • Blog
  • Help Center
  • Log In
  • Sign Up
YouTube Gallery
Create widget
  • Overview
  • Features
  • Examples
  • Templates
  • Pricing
Elfsight - Premium Widgets For Websites
  • Widgets
    Social
    • Blog New
    • Facebook Feed
    • Instagram Feed Best Seller
    • LinkedIn Feed Best Seller
    • Pinterest Feed
    • RSS Feed
    • Social Feed Trending
    • Social Media Icons
    • Social Share Buttons
    • TikTok Feed
    • Tumblr Feed
    • Twitter Feed
    • VK Feed
    Video
    • Vimeo Gallery
    • YouTube Gallery
    Audio
    • Audio Player Trending
    • Background Music Trending
    • Podcast Player
    • Radio Player
    Reviews
    • Airbnb Reviews
    • All-in-One Reviews Best Seller
    • Apple App Store Reviews
    • Booking.com Reviews
    • eBay Reviews
    • Etsy Reviews
    • Facebook Reviews
    • Google Play Reviews
    • Google Reviews Best Seller
    • LinkedIn Recommendations
    • Reviews from Amazon
    • Reviews from Tripadvisor
    • Testimonials Slider
    • Reviews from Yelp
    Chats
    • AI Chatbot New
    • All-in-One Chat
    • Facebook Chat
    • Instagram Chat
    • Line Chat
    • Telegram Chat
    • Viber Chat
    • WhatsApp Chat Best Seller
    Forms
    • Appointment Booking New
    • Calculator New
    • Contact Form
    • Form Builder Best Seller
    • Poll New
    • Subscription Form
    E-commerce
    • Announcement Bar
    • Banner
    • Click to Call
    • Countdown Timer Best Seller
    • PayPal Button
    • Popup Best Seller
    • Pricing Table
    • Sales Notification
    • Spinning Wheel New
    Tools
    • Age Verification
    • Back to Top
    • Before and After Slider
    • Business Hours
    • Button
    • Cookie Consent
    • Event Calendar Best Seller
    • FAQ
    • File Embed
    • Flipbook New
    • Google Maps
    • Job Board
    • Logo Showcase Best Seller
    • Number Counter Trending
    • PDF Embed
    • Photo Gallery
    • Portfolio
    • QR Code
    • Restaurant Menu Trending
    • Search
    • Slider
    • Store Locator New
    • Team Showcase Trending
    • Timeline New
    • Visitor Counter
    • Weather
    • Website Translator New
    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
  • Blog
  • Help Center
Log In Sign Up
YouTube Gallery
  • Overview
  • Templates
  • Examples
  • Features
  • Pricing
Create Widget
Create Widget
YouTube Gallery
/
Templates
/
Gallery Layout
/
YouTube Masonry Slider

YouTube Masonry Slider for website

Introduce a creative twist to video displays with the YouTube Masonry Slider template for websites. This layout presents videos in a unique, staggered arrangement, offering a visually intriguing experience that encourages exploration and engagement with your content.
Rated 4.8 out of 5 from over 800 reviews on G2.com
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
Features
  • YouTube Video Source Option
  • YouTube Channel Source Compatibility
  • YouTube Playlist Source Compatibility
  • Custom Source Moderation
  • Multiple Video Layouts
  • Popup Video Display
  • Flexible Header Settings
  • Slider Navigation Controls
  • YouTube API Key Support
  • AdSense Support
  • Privacy-Enhanced Mode
  • 5 Predefined Skins
  • Advanced Design Customization
  • 20+ Language Support
  • Free-Coding Editor
  • Mobile-Friendly
  • Custom CSS
  • Fast Website Integration
Categories
Gallery Layout
Squarespace YouTube Gallery
Wix YouTube Gallery
Webflow YouTube Gallery
WordPress YouTube Gallery
Elementor YouTube Gallery
Shopify YouTube Gallery
HTML YouTube Gallery
Google Sites YouTube Gallery
Weebly YouTube Gallery
BigCommerce YouTube Gallery
Joomla YouTube Gallery
iFrame YouTube Gallery
OpenCart YouTube Gallery
Blogger YouTube Gallery
Facebook Page YouTube Gallery
Adobe Muse YouTube Gallery
Drupal YouTube Gallery
jQuery YouTube Gallery
Magento YouTube Gallery
GoDaddy YouTube Gallery
WooCommerce YouTube Gallery
Squarespace
Wix
Webflow
WordPress
Elementor
Shopify
HTML
Google Sites
Weebly
BigCommerce
Joomla
iFrame
OpenCart
Blogger
Facebook Page
Adobe Muse
Drupal
jQuery
Magento
GoDaddy
WooCommerce
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Categories
Channel Integration
Playlist Integration
Video Integration
Channel Promotion
Ecommerce
Gallery Layout
Product and Video Reviews
Other
YouTube Video Carousel
Create a YouTube template enabling you with video carousels for an engaging website display.
Live Preview
YouTube Sidebar Playlist
Creating a YouTube playlist on the sidebar simplifies access to videos on your website.
Live Preview
YouTube Video Slider
Add a dynamic YouTube widget with a slider to your website for instant video appeal.
Live Preview
YouTube Video Grid
YouTube Video Grid
Add a YouTube grid with videos for an organized content display on your website.
Live Preview
YouTube Video List
YouTube Video List
Create a YouTube list of content for easy video navigation on your website with this widget.
Live Preview
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.
Create from Scratch
Show More Templates

Here’s what people say about Elfsight YouTube Masonry Slider widget

I appreciate that I can configure the YouTube Gallery plugin, even without any coding and design skills. The installation process is just as simple. It’s as simple as that to enable users to subscribe right from the website page! Our clients think we’re impressive, it’s actually Elfsight’s efforts that make it possible.
David Morgan
David Morgan
Business Owner
In my role as a web developer, the plugins from Elfsight have acted as my hidden advantage to add extra functionality. It gives me significantly greater versatility in cases where visual elements aren’t available on the platform I’m working with. Hence, I strongly recommend them!
Thomas Hill
Thomas Hill
Developer
It was our goal to allow the website audience to have access to our YouTube videos, and Elfsight makes this possible with the YouTube Masonry Slider. I had some challenges initially, but their customer support is exceptional, offering rapid responses and striving to deliver the finest service!
Olivia Johnson
Olivia Johnson
Marketer

FAQ

How to create the YouTube Masonry Slider template for the website?

By adhering to the steps outlined below, you can create your own YouTube Masonry Slider plugin for the website page and add the desired videos:

  1. Pick the YouTube Masonry Slider template for your video content.
  2. Adjust the elements and features to match your branding.
  3. Verify your Elfsight dashboard.
  4. Receive the installation code.

How to embed the YouTube Masonry Slider template on the website?

To embed the YouTube Masonry Slider on your website and get the video content up and running, perform the following actions:

  1. Personalize the appearance and features of the YouTube Gallery widget to reflect your specific marketing goal.
  2. Log in to your Elfsight dashboard or create a free profile.
  3. Obtain the auto-generated embedding code.
  4. Navigate to your website.
  5. Paste the code into your website editor.

For additional details, here’s a comprehensive post on how to embed YouTube Gallery on a website. Feel free to give it a read without any hesitation!

Do I need to know how to code or have programming skills to embed video content using the YouTube Masonry Slider?

No, it’s completely unnecessary. Elfsight provides the plugin’s functionality and customization within the built-in features. Hence, you can embed the video content with the YouTube Masonry Slider on your website without any tech expertise or prior experience. However, programming skills can come in handy should you seek to add extra customization using custom CSS code.

How can I embed the YouTube video on the website?

You have multiple alternatives to embed a single YouTube video on your website using the Gallery widget: choose either a ready-to-use template or personalize the existing feed. In general, you need to paste the URL link of the video in the “Source Group” tab.

How can I embed the YouTube channel on the website?

To embed your YouTube channel on the website page, you have the choice to copy its link and add it to the “YouTube Channel URL” section in the Gallery widget.

How can I embed the YouTube playlist on the website?

We provide two options for you to embed the YouTube playlist on the website: picking a pre-configured template or adjusting any available templates. All that’s needed is to duplicate the URL link of the playlist and insert it into the “Source Group” tab of the Gallery plugin.

Can I display YouTube videos in full width on the website?

Yes. Set the play mode to “Popup” within the settings and define the desired width of your content area under the “Columns & Rows” menu tab. This approach allows you to embed the YouTube Masonry Slider template on the website page and delight in high-quality video cinematic content.

Can I add my video via the YouTube Masonry Slider template for free?

Yes, you can! Subscribing to payment plans is not required at all because Elfsight has a Free tier. Moreover, it contains all the features and personalized options to make the most exceptional widget! There are no boundaries, no demands–the decision is in your hands. But you can always discover additional advantages by opting for other subscription plans: Basic, Pro, Premium, and Enterprise.

What website platforms does the YouTube Masonry Slider widget integrate with?

You can add your YouTube Gallery plugin to 99.9% of websites, no matter the platform and CMS. However, we have compiled the list of the top 10 most common ones among our users:

Squarespace, Wix, HTML, Webflow, WordPress, Shopify, Elementor, Google Sites, GoDaddy, iFrame, and many others.

Can I display YouTube live streams?

It’s not currently viable to add the live stream in progress. Nevertheless, you have the option to gather the past broadcasts into the YouTube video playlist and use it as a source collection.

Can I enable the Privacy-Enhanced Mode in the YouTube widget?

Certainly! Simply follow these steps:

  1. Open the YouTube Gallery builder.
  2. Go to the “Advanced” section.
  3. Switch on “Privacy-Enhanced Mode.”

Does the widget support the AdSense?

Definitely. You can effortlessly add all the necessary details using the online configurator by adhering to these steps:

  1. Launch the YouTube Gallery plugin.
  2. Go to the “Advanced” menu tab.
  3. Opt for the “AdSense” option.
  4. Provide all the relevant information in the fields provided: AdSense client (pubId), content slot, and popup slot identifier.

Where can I add the videos using the YouTube Masonry Slider widget on my website?

You’re the one initiating this choice. Elfsight’s plugins don’t possess any strict rules regarding positioning and placement. But for optimal results, you can add it to your homepage, blog posts, or product pages, as these locations tend to attract user interest and yield increased conversion rates.

How to customize the YouTube Masonry Slider and change the video layout?

Go deeper than any competitor in your sector and begin personalizing the plugin to enhance social confirmation and increase engagement numbers:

  • YouTube source
    Determine the preferred YouTube content you wish to showcase and embed on your website page: channel, playlist, or video. Additionally, you can group them all together or use a single source.
  • Layout settings
    There are a multitude of options available at your disposal to personalize the overall layout: header, columns, rows, video, popup, and slider navigation. Fine-tune all of them to align the widget harmoniously with the website design appeal.
  • Custom elements and features
    In addition, there is still so much more to try out: color schemes, custom element colorization, language, YouTube API Key, AdSense support, Privacy-Enhanced Mode, etc.

To avoid misunderstandings and problems, get in touch with our Support Team to solve any questions along the way!

Can I change the widget’s look with the custom CSS code?

Absolutely, you can. Our YouTube Gallery plugin has a convenient Custom CSS editor, and our Community is dedicated to curating a library of pre-written codes for individuals without knowledge of programming.

Can I change the font of the YouTube Video widget?

Apply the code below in the Custom CSS section in the Appearance menu and specify whatever font is supported by the browser or website:

  
.global-styles, .yottie-widget-inner {
  font-family: sans-serif !important;
}
 

Help with YouTube Masonry Slider Setup and Website Installation

Whether you need assistance, detailed guides, or the opportunity to consult with experts, we’ve assembled several widget template resources to explore, resolving any queries:

Support
Accessing the support system at Elfsight is easy–don't hesitate to get in touch with our Support Team to handle your challenges or check out the related articles in the Help Center for a self-paced method.
Ask for help
Forum
Establish connections in your field, broaden your networking, gain advice and insights from esteemed fellows, and actively take part in ongoing community activities.
Join us
Wishlist
Your thoughts and ideas matter to us–contribute your innovative suggestions and submit feature or widget requests using our Wishlist. Partner with us in influencing the future of Elfsight!
Share Your Idea

Widgets

  • Google Reviews
  • Instagram Feed
  • Countdown Timer
  • LinkedIn Feed
  • WhatsApp Chat
  • Popup
  • Event Calendar
  • Calculator
  • Audio Player
  • Form Builder
  • AI Chatbot
  • See all widgets 94

Platforms

  • Squarespace
  • Wix
  • Webflow
  • WordPress
  • Elementor
  • Shopify
  • HTML
  • Google Sites
  • Weebly
  • BigCommerce
  • Joomla
  • See all platforms 111

Company

  • Contact Us
  • Pricing
  • Affiliate Program
  • Developers

Community

  • Forum
  • Facebook
  • Instagram
  • X
  • YouTube

Support

  • Help Center
  • Ask Community
  • Report Abuse

Resources

  • Solutions
  • Feature Wishlist
  • Tutorials
  • Integrations
  • Alternatives
  • Industries
  • Upcoming Apps

Blog

  • How to Add an AI Chatbot to Your Website
  • How to Embed LinkedIn Feed on WordPress Website?
  • How to Embed Forms on Any Website Online and for Free
  • How to Embed Google Reviews on Website for Free
  • How to Embed Your Instagram Feed on Your Website for Free
  • See all posts
2025 © Elfsight
  • Terms of Service
  • Privacy Policy