How to Embed YouTube Playlist on Elementor (Best Way)
Home Blog How to Embed YouTube Playlist on Elementor (Best Way)

How to Embed YouTube Playlist on Elementor (Best Way)

embed youtube playlist on elementor

Want to embed a YouTube playlist on your Elementor page?

As one of the biggest page builders out there, Elementor is a great option if you want to create beautiful pages for your site.

An easy way to make the page even more engaging is to add YouTube videos. You can keep visitors interested in your site for much longer and boost conversions as well.

And today, we’re going to show you how you can do that in just a few simple steps.

But before that, let’s talk about why you should add YouTube videos to your Elementor pages.

Why Add YouTube Playlist to Elementor?

Elementor is a page builder plugin that helps you create pages for your website with a simple drag and drop editor. Since it’s so easy to use, you won’t have to touch a single line of code.

And there’s a way to make all the pages you build with Elementor even more interesting. You can just add a YouTube playlist.

With relevant YouTube videos on your Elementor page, you can have better engagement, conversions, sales, and subscribers.

In fact, here are a few great ways adding a YouTube playlist to your Elementor page can help:

  • You can show video reviews and testimonials of your products on your page to convince visitors on your site to make a purchase.
  • By adding a playlist with relevant videos, you can make your Elementor website much more interesting without uploading the videos to your site.
  • When people start watching videos on your website, they’re going to be engaged for much longer than other types of content. So, you’ll get much more time to market to your customers.
  • You can also post your own YouTube videos on your site to get more views and grow your YouTube channel.

Easiest Way to Embed YouTube Playlists on Your Elementor Page

youtube feed pro plugin smash balloon

Using the Feeds for YouTube Pro plugin, it’s super easy to embed YouTube content on your website.

With this user-friendly plugin, you can add YouTube video galleries, playlists, livestreams, and much more, all without any coding.

Plus, the plugin is also fully compatible with Elementor. This means you can add your YouTube playlist to Elementor and create beautiful pages with zero hassle.

Aside from being easy to use, Feeds for YouTube Pro also has a lot of great features to help you out.

For one, you can use the live feed editor to customize how your YouTube feed looks in just a few easy clicks — no need to touch a single line of code.

live feed editor youtube

And you don’t have to worry about all of your videos slowing down your site either. In fact, this plugin will only load a YouTube video once a visitor interacts with it.

This means your video feeds and web pages will load super fast. As a bonus, having a faster website is much better for SEO.

On top of all that, Feeds for YouTube Pro is backed by a team of WordPress experts. So, they’ll make sure you get a smooth experience with this plugin.

user reviews youtube feed pro

As you can see, there are many reasons why Feeds for YouTube Pro is the best YouTube feed plugin for WordPress.

Plus, if you want to embed your YouTube videos on Elementor, it’s also super easy. And today, we’re going to show you how.

How to Add YouTube Playlists to Elementor

Let’s get started and see how you can add YouTube playlists to Elementor. All you have to do is follow the steps below.

Step 1: Install Feeds for YouTube Pro Plugin

To start, you can go and get your copy of the Feeds for YouTube Pro plugin. Then, you’ll have to install and activate it.

If you’re not sure how to do that, you can look at our article on how to install WordPress plugins.

After you install and activate the plugin, it’s time to create your YouTube feed in step 2.

Step 2: Create a YouTube Playlist Feed

In this step, you can use Feeds for YouTube Pro to create a new YouTube feed on your site.

To do that, go to the YouTube Feed » All Feeds menu from your dashboard and then click on the Add New button.

embed youtube playlist by adding new feed

After that, the plugin will ask you to choose the type of YouTube content that you want to embed. You can embed videos from a YouTube channel, favorites list, search results, and more.

To continue, select the Playlist option here and then click on Next.

youtube feed types youtube

You’ve now created your YouTube playlist feed using this plugin. Now it’s time to connect this feed to YouTube.

Step 3: Connect Your YouTube Account

You can now move on and connect your YouTube account so that you can display the videos on your site.

For the easiest way to connect your account, you can just enter your YouTube API key.

Just check out this handy tutorial on creating an API Key to get started. Once you have your API key, copy it and then return to your website.

Then you can just paste the API key into the popup and click on Add to continue,

add api key youtube

You can now choose what YouTube playlist you want for your website by finding the right playlist ID.

First, open your YouTube playlist in your web browser and look for the URL at the top.

To get the playlist ID from the URL, take everything after “list=” and then copy it.

copy youtube playlist id

After you have that, you can go back to WordPress and paste it into the Playlist ID field there.

Finally, click on Save to finish connecting your YouTube playlist.

insert playlist id youtube

So far, you’ve created your playlist feed and connected it to YouTube with ease. In step 4, you can customize how your new YouTube playlist feed looks.

Step 4: Customize Your YouTube Playlist

It’s pretty easy to customize your YouTube playlist with this plugin.

To help you get started quickly, the plugin comments with lots of pre-built YouTube feed templates that you can choose from:

  • Default
  • Carousel
  • Cards
  • List
  • Gallery
  • Latest Video
  • Showcase Carousel
  • Widget

Select the template whose design you want to import and then click on Next.

pick a feed template youtube feed pro

Next, the plugin will send you to the live feed editor so you can customize your feed in detail.

On the left panel here, you can see the options to change your feed layout, template, color scheme, header design, and much more.

live feed editor for youtube feed pro plugin

Whenever you make any changes, you can see how your YouTube feed will look using the live preview on the right.

Just go to the Feed Layout option at the left to get started.

select feed layout option youtube feed pro

Now, look at the Layout section to see the options for your playlist layout.

You’ve got 4 different layout options here: Grid, Gallery, List, and Carousel.

feed layouts for youtube feed pro

Using the grid option, you can show your videos in a neat grid with rows and columns. It’s a great way of showing lots of videos at once.

Want one video to be shown clearly instead of lots of small thumbnails? In that case, you can try the gallery option instead.

If you want to show all of your videos in a single column, you can try the list option.

Finally, you have the carousel layout. You can show your YouTube playlist in a dynamic slideshow with this option.

Select the one you like the most, and then click on Save.

Now, you can continue designing your YouTube playlist by clicking on the Customize button.

customize your youtube feed

Next, you click on the Color Scheme option to change the colors of your YouTube feed.

select color scheme options youtube feed pro

To help you easily change your colors at once, you can just pick a color scheme that you prefer:

  • Inherit from Theme: Automatically copy the colors of your theme
  • Light: Show a light background with dark font
  • Dark: Use a dark background with a light font
  • Custom: Manually pick all the colors of your feed yourself
youtube feed pro color scheme options

You can click on Save to confirm your color scheme for your YouTube feed.

As you can see, Feeds for YouTube Pro also has tons of easy options to customize your YouTube playlist. From here, you can change your feed header design, lightbox option, button design, and much more.

Plus, the plugin will automatically copy the looks of your website. As a result, your YouTube playlist will perfectly match your branding.

Step 5: Add YouTube Playlist to Elementor

Now, we’ll show you how to add a YouTube playlist to an Elementor page.

To start, navigate to Pages » Add New which will open the WordPress editor.

Now click on the Edit with Elementor button.

create new wordpress page

You can also use a WordPress post here. For that, go to Posts » Add New and then click on Edit with Elementor.

create new wordpress post

Once the Elementor editor is open, look at the panel on the left with all the Elementor widgets.

In the search field there, type in “youtube feed” to see the YouTube Feed widget in the search results.

youtube feed block.png

To embed your feed, drag the YouTube Feed widget and drop it on the page.

embed youtube playlist to elementor

Finally, click on the Publish button on the bottom left.

Now you’ve added your YouTube playlist to Elementor! Just check out your website and see how it looks.

example of elementor playlist in wordpress

And that’s it!

Now, you can embed YouTube playlists on your Elementor pages. All you need is the Feeds for YouTube Pro plugin, and it’ll only take a few minutes.

With a playlist of relevant videos, your Elementor pages can be much more engaging to look at. It’s a great way to convert visitors on your website and get more sales.

Want to embed YouTube feeds with ease? Grab your copy of Feeds for YouTube Pro today!

Are you looking to get your YouTube channel off the ground? Why not check out our guide on how to grow your YouTube channel.

If this article helped you out, give us a follow on Twitter and Facebook, and stay tuned for more 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.