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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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 a 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 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.
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.
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.
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 YouTube playlist feeds, 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.
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.
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
- How to Embed Your Instagram Feeds on Your Website
- How to Use Social Media in Affiliate Marketing
- How to Embed TikTok Feed on Your Elementor Website
- How to Add YouTube Channel Feeds on Your Website
- How to Embed Instagram Feed to Elementor Websites
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.