How to Add a YouTube Video Gallery for Elementor [2022]
Home Blog How to Add a YouTube Video Gallery for Elementor [2022]

How to Add a YouTube Video Gallery for Elementor [2022]

How to Add a YouTube Video Gallery for Elementor

Want to add an Elementor video gallery on your site to show YouTube videos?

By adding a YouTube video gallery to your Elementor site, you can engage your visitors and promote your own videos as well.

And with the right tool, you can easily add YouTube video galleries to your site – no need to use HTML codes.

But before we show you how, let’s look at ways you can use Elementor video galleries to grow your business.

Or, you can click here and skip to the tutorial.

Why Add Elementor Video Gallery to Your Website?

As a popular page builder plugin, Elementor can help you create a beautiful website – even if you’re new to WordPress.

But if you want to boost your engagement, an easy solution is to add video content to Elementor.

All you have to do is show a YouTube gallery, and you can show relevant videos to keep people interested.

And when people spend more time on your site watching videos, you also get much better SEO. This means you can reach even more potential customers.

On top of that, you can use your YouTube video gallery in the following ways:

  • Display reviews, and testimonials of your products to convert people into paying customers.
  • Share your live-streaming videos and get website visitors to join your live events
  • Promote your own YouTube content to boost your views, likes, and subscribers
  • Create an Elementor product gallery where people can check out your product demonstrations
  • Host your WordPress videos on YouTube and then embed them to save space on your site
  • And much more…

You can boost your social media presence, engage your visitors, get tons of sales, and grow your business by adding YouTube videos to Elementor.

Now let’s go ahead and check out the simplest way to embed an Elementor video gallery and display YouTube content.

Easiest Way to Add a YouTube Video Gallery in Elementor

If you want to create a WordPress video gallery for YouTube videos, there are 2 options you can use:

  • Manual Way: Fetch the embed code for each YouTube video and then add them to your Elementor website
  • Easy Way: Use a WordPress plugin to automatically display an Elementor video gallery for YouTube videos.

With the first method, you’ll have to go back and forth between YouTube and your website to add all the YouTube videos.

youtube embed code manual

Not only does it mean dealing with a lot of links and embed codes, but it also takes a lot more time to create your Elementor video gallery.

On top of that, you won’t have a support team to help you out if something goes wrong when adding the embed codes to your site.

The solution? You can simply use a YouTube plugin to display a video gallery on your Elementor website.

And there’s one option that you can use to get started right away: YouTube Feed Pro.

youtube feed pro plugin smash balloon

With this plugin, you can display content from YouTube on your website in just minutes – no need to touch a single line of code.

To help you create, customize, and embed YouTube galleries with ease, YouTube Feed Pro comes with a simple guided flow that you can follow.

guided flow for youtube feed pro

Plus, the YouTube galleries you create will automatically inherit the design of your Elementor website and match your branding.

And you can even import pre-built templates designed by professionals to instantly create a beautiful Elementor video gallery.

Want more control over how your video galleries look? This plugin has you covered with its live feed editor.

All it takes is a few clicks, and you can change your layout, color scheme, header, button design, number of videos, and more.

live feed editor youtube

With all these amazing features, YouTube Feed Pro is easily the #1 option if you want to add a YouTube video gallery to your site.

Ready to create YouTube video galleries? Get your copy of YouTube Feed Pro here!

Now let’s see how you can add a WordPress video gallery to display YouTube videos on your website.

How to Add a YouTube Video Gallery for Elementor

All you have to do is follow our step-by-step guide below, and you can have a beautiful Elementor video gallery to show YouTube videos.

Step 1: Install Feeds for YouTube Pro Plugin

First, go and get Feeds for YouTube Pro here, then install and activate the plugin on your website.

Not sure how to do that? You can take a look at this step-by-step guide on how to install WordPress plugins.

After that, you can move on to step 2 and use the plugin to create a YouTube gallery.

Step 2: Create a YouTube Video Gallery

In this step, you can use the plugin’s guided flow to create your gallery with ease.

You can do that by opening your WordPress dashboard and then navigating to the YouTube Feed » All Feeds menu.

Next, click on the Add New button at the top.

embed youtube playlist by adding new feed

You can then select the type of YouTube video gallery that you want to show on your website. There are 6 options that you can choose from:

  • Channel: Display videos from your chosen YouTube channel
  • Playlist: Select a playlist and show its content on your website
  • Favorites: Embed YouTube videos from your favorites list
  • Search: Select search terms and use your gallery to show the results
  • Live streams: Use your YouTube gallery to show live-streaming videos
  • Single videos: Choose specific videos and then embed them on your site

After you choose your YouTube gallery type, click on the Next button.

youtube feed types youtube

For our example, we’ll show a playlist using our gallery.

Just like that, you’ve created a YouTube gallery in a few clicks. You can now connect it to YouTube in the next step.

Step 3: Connect Your Gallery to YouTube

By connecting your new gallery to YouTube, it can fetch videos and then display them on your website.

And the easiest way to do that is to add your YouTube API key to your website.

If you don’t have an API key yet, you can look at our guide on how to create a YouTube API Key After that, copy your YouTube API key and then return to your website.

There, just paste the key into the popup and click on Add.

add api key youtube

Next, you can choose which YouTube channel, playlist, search result, live stream, and more that you want to show on your site.

Just open the playlist in the web browser and then look for the URL at the top. Now copy the playlist ID at the end of the URL.

copy youtube playlist id

Now return to your WordPress website and then paste it into the Playlist ID field.

After that, click on Next to finish connecting your gallery to YouTube.

insert playlist id youtube

With that, your YouTube video gallery is ready to go online on your Elementor website.

But before you do that, you can use the plugin to customize how the YouTube gallery looks.

Step 4: Customize Your YouTube Gallery

To customize your YouTube video gallery with ease, you can just choose from the collection of templates with unique designs.

You have 8 options to pick from here:

  • Default
  • Carousel
  • Cards
  • List
  • Gallery
  • Latest video
  • Showcase carousel
  • Widget

To continue, select your template and then click on Next.

pick a feed template youtube feed pro

After that, you can use the live feed editor to customize your Elementor video gallery in detail.

Using the options on the left, you can set your layout, header design, load more button, color scheme, and much more.

live feed editor for youtube feed pro plugin

Plus, you can use the live preview on the right to track your changes in real time.

Ready to customize your YouTube gallery?

First, click on the Feed Layout option on the left.

select feed layout option youtube feed pro

From here, you can choose from 4 different layouts for your YouTube video gallery: Grid, Gallery, List, and Carousel.

Let’s take a look at how each of these layouts looks:

feed layouts for youtube feed pro

Want to show lots of YouTube videos in your gallery at once? You can use the grid option in that case.

This will put your videos in neat rows and columns.

If you want the focus to be on a single video instead, the Gallery layout can help you out.

This will show a large video at the top with small thumbnails at the bottom.

With the list option, your YouTube videos will appear in a single column. This means your gallery will be more clearly visible.

The next option is the carousel layout which will turn your YouTube gallery into a beautiful slideshow.

You can make your website more engaging this way.

Just choose your layout from the options and then click on Save to confirm your changes.

If you want to continue designing your YouTube gallery, click on the Customize button at the top.

customize your youtube feed

With YouTube Feed Pro, you can easily change the colors of your gallery as well.

To do that, click on the Color Scheme option on the left.

select color scheme options youtube feed pro

This plugin comes with 4 easy color schemes that you can use to change all the colors at once:

  • Inherit from Theme: Copy the colors of your Elementor website
  • Light: Display a light background with dark color for the font
  • Dark: Choose a dark background and light-colored font
  • Custom: Pick all the colors of the gallery yourself
youtube feed pro color scheme options

After you select the color scheme, click on the Save button once again.

Using the remaining options, you can change your load more button, header, number of videos, subscribe button, and much more.

Finally, click on Save to confirm the design of your YouTube gallery.

With that, it’s time to embed this YouTube video gallery on your Elementor website in step 5.

Step 5: Add YouTube Video Gallery to Elementor

Using the YouTube Feed Pro plugin, it’s super easy to add the YouTube video gallery to Elementor. And to get started, you can use the live feed editor.

First, look for the Embed button at the top and then click on it.

embed your youtube feed

You’ll then see the embed options for this YouTube video gallery.

To continue, just click on the Copy button on the popup.

embed your shortcode in youtube

Once you do that, open the Pages » Add New menu from your WordPress dashboard to create a new Elementor page.

After that, click on the Edit with Elementor button at the top.

create new wordpress page

If you want to use a post instead, then go to the Posts » Add New menu and then click on the Edit with Elementor button.

create new wordpress post

You’ll now see the page or post open in the Elementor editor. On the left panel, you can find all the widgets that you can add to your site.

After that, write “shortcode” in the search bar on the top-left.

shortcode widget for elementor

You’ll then see the Shortcode widget in the search results below.

Once you see it, drag the widget from the left, and then drop it on the right.

shortcode block for elementor

Finally, look for the Enter your shortcode field in the left panel and then paste the shortcode that you copied earlier.

You can now click on Publish, and your YouTube gallery will be online on your Elementor site.

Just open your site, and you can see how the Elementor video gallery looks to your visitors.

example of elementor playlist in wordpress

And that’s it!

As you can see, this plugin makes it super easy to add a YouTube video gallery to Elementor. In just minutes, you can have a beautiful Elementor video gallery on your website.

You can then boost your engagement, grow your YouTube following, and convert more visitors into customers.

Ready to create YouTube video galleries? Get your copy of YouTube Feed Pro here!

If you’re serious about using YouTube for your brand, don’t forget to check out this guide on how to make money on YouTube without showing your face.

Found this helpful? You can follow us on Facebook and Twitter for more helpful social media marketing tips and tricks.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[extended]
[extended]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]