Want to embed a YouTube playlist 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?
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 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 video content on your site to get more views and grow your YouTube channel.
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 embed YouTube content on your WordPress 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 — no need for HTML, CSS, or any kind of code.
Aside from being easy to use, YouTube Feed 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.
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 WordPress experts. So, they’ll make sure you get a smooth experience with this plugin.
As you can see, there are many reasons why YouTube Feed 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 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.
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 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.
To continue, select the Playlist option here and then click on Next.
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.
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 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.
After you have that, you can go back to WordPress and paste it into the Playlist ID field there.
Finally, click on Next to link a playlist from 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:
- Latest Video
- Showcase Carousel
Select the template whose design you want to import and then click on Next.
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.
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.
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.
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.
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.
Next, you click on the Color Scheme option to change the colors of your YouTube feed.
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
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 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 video playlist to an Elementor page. 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.
On the popup, you can choose how to embed your YouTube. Since we’re embedding it on your Elementor page, click on the Copy button.
Once you do that, navigate to Pages » Add New which will open the WordPress editor.
Now click on the Edit with Elementor button.
You can also use a WordPress post here. For that, go to Posts » Add New and then click on Edit with Elementor.
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.
To embed your feed, drag the Shortcode widget and drop it on the page.
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.
Finally, click on the Publish or Update button on the bottom left.
Now you’ve added a new Elementor video playlist widget! Just check out your website and see how it looks.
And that’s it!
Now, you can embed YouTube playlists on your Elementor pages. And 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 embed YouTube feeds with ease? Grab your copy of YouTube Feed 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?