How to Add Elementor YouTube Playlist to Your Website (Best Way)
tiktok-icon

Embed TikTok feeds on your website with our TikTok Plugin–for free!

Get Plugin angle-right
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 YouTube playlists on your Elementor page?

As one of the biggest page builders, 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.

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

Why Add YouTube Playlist to Elementor?

Elementor is a page builder plugin that helps you create pages for your site with a simple drag-and-drop editor. Since it’s so easy to use, you don’t need web design experience.

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

example elementor youtube shorts

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:

  • By showing reviews and testimonials of your products on your page, you can convince visitors to make a purchase.
  • You can also post your own video content on your site to grow your YouTube channel and reach more customers on YouTube.

Over 90% of people surveyed around the world say they discover new brands or products on YouTube.

Think with Google
  • When people start watching videos on your site, 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.
  • By adding a video playlist with relevant content, you can make your Elementor website much more interesting without uploading the videos to your site.

The best part? You don’t need to buy Elementor addons or get Elementor Pro for your site to embed your video playlist in Elementor.

Let’s take a look at the simplest way to embed your Elementor YouTube playlist.

Easiest Way to Embed YouTube Playlists on Your Elementor Page

Using the YouTube Feed Pro plugin, it’s super easy to display YouTube content on your WordPress website.

youtube feed pro plugin smash balloon

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 — no need for HTML, CSS, or any kind of code.

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

Since the plugin comes with the lazyload functionality, it won’t autoplay your videos. That means you can embed tons of YouTube videos, and your site will still be as fast as ever.

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, YouTube Feed Pro is backed by a team of 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 YouTube Feed Pro is the best YouTube feed plugin out there.

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 YouTube Feed Pro Plugin

To start, you can go and get your copy of the YouTube Feed 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.

Step 2: Create a YouTube Playlist Feed

Once your plugin is ready, you can use YouTube Feed 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, live streams, and more.

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

youtube feed types 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 WordPress website by finding the right playlist ID.

First, open your YouTube playlist in your web browser and search for the video playlist 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 Elementor site and paste it into the Playlist ID field there.

Finally, click on Next to link a playlist from YouTube.

insert playlist id youtube

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, play icon, color scheme, header style, typography, 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 thumbnails in a neat grid with rows and columns. It’s a great way of showing lots of videos at once.

Want your Elementor video gallery to highlight a specific video?

In that case, you can try the gallery option instead.

gallery layout youtube

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.

You can also select your video count, columns, rows, and more from the options here.

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 a 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, YouTube Feed Pro also has tons of easy options to customize your YouTube playlist.

From here, you can use the additional options to change the design of your feed header, lightbox option, button design, and more.

Plus, the plugin automatically copies the look of your site, so your YouTube playlist will perfectly match your branding.

Step 5: Add YouTube Playlist to Elementor

Now, we’ll show you how to embed YouTube playlists to Elementor with ease. You can get started from the live feed editor as well.

To get started, click on the Embed button in the top right corner.

Doing that will open the embed options for your YouTube feed.

embed your youtube feed

On the popup, you can choose how to embed YouTube playlists on your site. Since we’re embedding it on your Elementor page, click on the Copy button.

embed your shortcode in youtube

Once you do that, navigate to Pages » Add New, which will open the page in the block 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 “shortcode” to see the Shortcode widget in the search results.

shortcode widget for elementor

To embed YouTube playlist feeds, drag the Shortcode widget and drop it on the page.

shortcode block for elementor

To embed your YouTube feed, simply paste your shortcode from earlier into the Enter your shortcode field.

Once you do that, you can see your YouTube video playlist widget on the right.

insert youtube shortcode

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

Just like that, you’ve added a new Elementor video playlist widget! Similarly, you can embed Instagram feeds, Twitter feeds, TikTok feeds, and much more using the right tools.

You can now check out your WordPress 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. With the YouTube Feed Pro plugin, you can even embed YouTube playlists with sidebar widgets, footer widgets, posts, and much more.

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 and get more sales.

Want to display YouTube feeds on your site? Grab your copy of YouTube Feed Pro today!

Looking to get your YouTube channel off the ground? Why not check out our guide on how to grow your YouTube channel?

Other Social Media Tutorials & Hacks

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.

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

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.