4 Ways to Embed a YouTube Playlist on Your Website (2022)
Home Blog 4 Ways to Embed a YouTube Playlist on Your Website (Easy Guide)

4 Ways to Embed a YouTube Playlist on Your Website (Easy Guide)

Ways to Embed a YouTube Playlist on Your Website

Do you want to show YouTube playlists on your website?

Showcasing your embedded playlists on WordPress can help you show fresh content to visitors and boost the subscribers for your YouTube channel.

The methods for embedding a YouTube playlist in WordPress are often confusing, though. If you’re not tech-savvy, it can be hard to display your YouTube videos how you want.

In this article, we’ll show you how to embed a YouTube playlist gallery with thumbnails in WordPress with 4 different methods, including the easiest way to do this!

Here’s a summary of the different methods. Click any option to jump straight to the section you need:

But first, let’s get started with why you need to embed YouTube playlists in WordPress.

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

Why Embed a YouTube Playlist in WordPress?

Adding a YouTube gallery of your playlists to your WordPress site lets you update fresh video content without a lot of work.

It’s also a great way to encourage visitors to subscribe to your YouTube channel.

Instead of adding video playlists manually to your website, you can upload them to YouTube, and they’ll appear on your website every time you upload a new video to your YouTube playlist.

example of youtube playlist embedded on website

You can also filter the embedded videos shown in your playlist using specific keywords.

This is a great way to highlight videos of people using your products, which offers valuable social proof to secure new customers.

Finally, if you have customer video testimonials, you can group these videos as a playlist and embed the YouTube playlist on your website’s sales page to encourage more sales for your business.

How to Find Your YouTube Playlist URL

Embedding YouTube video playlists means you don’t need to manually embed single YouTube video IDs on your website.

Instead, you can easily embed a list of YouTube videos at once.

Before you embed a YouTube playlist with thumbnails in WordPress, you need to find it. After all, several methods covered in this article need your playlist’s URL to make the embed work.

First, head to https://www.youtube.com/ and then open the playlist that you want to embed.

Then, you can find the URL at the top of your browser, in the address bar.

On the URL, look for “?list=” and then copy everything after it.

copy youtube playlist id

Once you copy the code, save it to a notepad or document to use later.

Now that you have your YouTube video playlist URL, let’s look at the different ways to embed it on your WordPress website.

We’ll start with the easiest and best YouTube playlist embed option first.

1. How to Embed YouTube Playlists on WordPress

The easiest way to embed a YouTube playlist in your WordPress site is with a WordPress YouTube plugin.

With solutions like YouTube Feed Pro by Smash Balloon, you don’t need to mess around with code snippets or switch between multiple web pages like with other popular embed methods.

A WordPress plugin like YouTube Feed Pro extends your website’s functionality to include embedding YouTube feeds on your page — no need to have HMTL or Javascript knowledge!

youtube feed pro plugin smash balloon

Instead, you can create, customize, and embed your YouTube playlist feeds to WordPress with a few clicks.

With it, you can embed YouTube channels, playlists, favorites lists, search results, and much more.

Plus, you can show as many video feeds as you like throughout your site. Plus, you can customize the content to show only live streams or videos from an advanced search.

What’s more, you can use a live feed customizer to get complete control over the design of your YouTube feeds just by clicking — no HTML code or other coding skills needed.

Also, your YouTube playlist feed will be responsive right out of the box if you’re using YouTube Feed Pro!

You’re also in great company when you use the plugin since Smash Balloon plugins are trusted by the world’s largest brands:

smash balloon brands

And the best part? Unlike other YouTube feed plugins, YouTube Feed Pro doesn’t do autoplay.

This plugin’s YouTube player only starts playing your videos after your visitors engage with your playlist. This improves your page speed and user experience on your website.

As a result, you’ll have a much faster site and better SEO.

With these in mind, let’s look at how to embed a YouTube playlist in WordPress with a plugin — it’s the easiest way, after all.

Step 1: Download and Install the YouTube Feed Pro Plugin

To get started, simply download the YouTube Feed Pro plugin first.

After you have the plugin, install and activate the plugin on your website.

For more details, see this step-by-step guide on how to install a WordPress plugin.

Now that the plugin is ready, you can use it to create YouTube feeds in step 2.

Step 2: Connect Your YouTube Account

To create a YouTube feed using this plugin, you can simply follow the guided flow.

First, navigate to YouTube Feed » All Feeds from your WordPress dashboard and click on the Add New button.

add new youtube feed.

Then, the plugin will ask what type of YouTube feed you want to create. Here are the options you can pick from:

  • Channel: Embed all the YouTube videos from a specific channel
  • Playlist: Display the videos from a chosen YouTube playlist
  • Favorites: Pick a YouTube channel and then display its favorite videos
  • Search: Embed videos from the search results of your chosen terms
  • Live Streams: Show livestreams from a channel on your website
  • Single Videos: Choose specific videos and embed them on your website

Since we’re embedding a YouTube playlist, just select the Playlist option from the list and click on Next.

Just like that, you’ve created a YouTube feed for your WordPress website. In step 3, you can connect this feed to YouTube and start showing videos.

Step 3: Connect Your Feed to YouTube

You can now add a source for your YouTube feed so that it can display videos on your website.

For that, you can simply add your YouTube API Key to the plugin.

To help you out, we’ve created this documentation for creating your YouTube API Key. Just follow the instructions and then copy your API key at the end.

Next, paste the API key on the popup and then click on Add.

add api key youtube

After you do that, it’s to select the YouTube playlist that you want to show on your site.

Take the playlist ID that you saved at the start of the tutorial and paste it into the popup here.

Finally, click on Next to continue.

As you can see, YouTube Feed Pro makes it easy to create new feeds and connect them to YouTube.

Let’s move on to step 4, where you customize the design of your new feed.

Step 4: Customize Your YouTube Playlist

By default, your YouTube feed will automatically inherit the design of your website and look amazing right out of the box.

On top of that, YouTube Feed Pro also gives you control over the design of your feed, so you can freely choose how it looks.

To get started, you can pick from 8 different feed templates for your website:

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

To continue, select a template that you prefer and then click on the Next button.

pick a feed template youtube feed pro

Want even more in-depth customization options? YouTube Feed Pro also comes with a live feed editor where you can freely change the design of your YouTube feed.

Towards the left of the editor, you can see the options to change your feed layout, color scheme, header design, and much more.

On the right, you can see a real-time preview of your YouTube feed.

live feed editor for youtube feed pro plugin

To get started, click on the Feed Layout option on the left.

This way, you can show your YouTube playlist feed in a layout that works best for your site.

select feed layout option youtube feed pro

Now, you can choose from a total of 4 different YouTube feed layout styles: Grid, Gallery, List, and Carousel.

Just select a layout that you want to try for your YouTube Feed.

feed layouts for youtube feed pro

For example, clicking the Grid layout will show your YouTube videos in a grid of neat rows and columns. As a result, you can embed tons of videos at once.

grid layout for youtube feed pro

You can also select the Gallery option, which lets you show your first video in a full-width layout at the top of your feed, and smaller thumbnails in a grid below.

gallery layout youtube

Next, we have the List layout that shows your YouTube playlist feed in a single column. As a result, each video gets a lot of space.

list layout for youtube

Finally, you can also pick the Carousel layout and show a beautiful slideshow carousel for your YouTube playlist videos.

carousel layout for youtube feed pro

After picking your layout, click on the Save button.

You can now continue customizing the rest of your YouTube playlist feed. To do that, first, click on the small Customize button at the top of the editor.

customize your youtube feed

From here, you can use the left panel to find the remaining customization options.

To continue, click on the Color Schemes option.

select color scheme options youtube feed pro

Here, you can choose from 4 color schemes to instantly change the color of your YouTube playlist feed:

  • Inherit from Theme: Automatically copy the colors of your WordPress 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

Select your feed’s color scheme from the options and then click on Save once again.

Now you can use the rest of the customization options to change how your YouTube feed looks. You can set your header design, feed size, load more buttons, source, and much more.

When you’re happy with your chosen feed design, click on Save Changes once again.

Then you can move on to step 5 and start embedding your YouTube playlist feed.

Step 5: Embedding a YouTube Playlist in WordPress Pages

The next step is to add your YouTube feed to a WordPress page. To do that, you can just use the live feed editor.

First, click on the Embed button in the top right corner.

embed your youtube feed

From this popup, you can click on Add to a Page to embed this YouTube playlist feed on the WordPress page of your website.

embed to a page youtube feed

Next, you’ll see a list of all the pages on your Website.

Select your page here and then click on the Add button below.

select your page wordpress

This will open that page in the WordPress editor so you can embed the feed. Here, click the plus (+) symbol to add a new WordPress block.

add a block wordpress page

Then, search for “youtube feed” and then select the Feeds for YouTube block to embed your YouTube video feed on this page.

Your YouTube playlist is then instantly added to your page with the layout and button options you selected earlier.

grid layout youtube feed example

If you want, you can embed your YouTube playlist in your website’s sidebar area. We’ll show you how to do that in the next method.

2. Embed a YouTube Playlist on WordPress Sidebar or Footer

For this method, we’ll add a YouTube playlist widget to your WordPress website’s sidebar or footer widget area.

First, follow the steps above to connect your account and choose your layout.

Then, from your WordPress admin panel, navigate to YouTube Feed » All Feeds to view all the available YouTube feeds on your website.

Now click on the feed that you want to embed.

open your youtube feed gallery

Like before, click on the Embed button in the top right corner to get started.

embed your youtube feed

On the popup, click on Add to a Widget to embed your YouTube playlist in your sidebar or footer areas.

add to a widget option

This will open your Widgets page, where you can add, remove, and manage all the WordPress widgets.

Want to add your YouTube widget on the sidebar? Just click on a Sidebar panel here.

open sidebar panel

You can also pick a Footer panel if you prefer to show the playlist there.

We’ll go with the footer for our tutorial.

open footer panel

From there, click on the plus icon (+) to add a new widget and select the Feeds for YouTube widget option.

add youtube widget to your site

Remember to click Update to preserve your settings.

After, you can navigate to your website and see how your embedded YouTube playlist looks.

embed youtube feed on your sidebar

Finally, let’s look at how you can embed YouTube playlists without a plugin.

3. Embed YouTube Playlists With oEmbeds

Don’t want to take advantage of the customization options and ease-of-use of a WordPress plugin?

There are other ways to embed videos from your playlist.

They’ll just be harder to follow and more complicated to customize, though. Plus, you won’t have access to top-notch customer support.

To add a very basic version of your playlist in WordPress, copy the playlist’s URL and paste it directly into your page or post editor.

oembed youtube playlist example

WordPress will fetch your playlist from YouTube and automatically display it in your post using a technology called oEmbed.

oembed youtube playlist example

The result is a single video with a menu you can click to reveal other videos in the playlist.

Want to customize how your YouTube playlist looks?

Using this method, you need to manually tweak code snippets or hire an expensive developer to help you.

That’s why it’s not the best option if you’re a WordPress beginner who’s not familiar with CSS or other coding languages. It’s also not for you if your social media marketing budget is limited.

4. Embed a YouTube Playlist Using <iframe>

Finally, let’s see how to embed a YouTube playlist in WordPress using an iFrame embed code.

To do this, navigate to your playlist’s YouTube page and click the Share button, as you can see below:

share button youtube

Then, you can see a popup that you can use to share the YouTube playlist to various platforms.

To continue, choose the Embed option from the lightbox popup.

click on the embed button youtube

A lightbox popup containing a video and your video embed code appears on the screen. Highlight all of that code and copy it to your clipboard.

copy the embed code youtube feed pro

Then navigate to your post or page in WordPress and click the plus (+) symbol to add a new content block.

add gutenberg block

Now use the search bar to look for the “custom html” block and then click the Custom HTML block below.

add custom html block

Within the block, paste the iFrame embed code you copied from YouTube to embed your playlist.

When you preview the page, you’ll see your playlist displayed in a similar format to the previous method.

oembed youtube playlist example

As you can see, you have a lot fewer options when you embed playlists from YouTube with this method.

The Best Way to Embed YouTube Playlists

With this article, you now know how to embed a YouTube playlist on your website in 4 different ways. As you can see, you have lots of options to embed YouTube playlists in WordPress.

Out of them all, using the YouTube Feed Pro plugin is by far the best way to get your playlists working in no time.

Ready to embed YouTube playlists? Get started with YouTube Feed Pro today!

Interested in getting more subscribers? You may want to read this next post on the best YouTube plugins to increase your subscribers right now.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.

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.