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

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

How to Embed a YouTube Playlist on Your WordPress Site

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 your 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:

  1. Embed YouTube playlists in WordPress (best way)
  2. Embed YouTube playlist to a WordPress sidebar
  3. Add a playlist in WordPress using oEmbeds
  4. Embed a YouTube playlist with iFrames

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 in your YouTube playlist.

feeds for youtube pro example

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

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

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.

To find your playlist URL, head to https://www.youtube.com/ and expand the menu in the top-left corner of the screen.

embed youtube playlist by getting playlist ID

Then, under the Library heading, select the playlist you want to embed.

embed youtube playlist select

Clicking the playlist takes you to the playlist page. On that page in your browser’s address bar, you’ll see the playlist’s URL, which looks similar to this:

embed youtube playlist ID

Copy the URL and save it to a notepad or document to use later.

Or, if you’re watching a YouTube video that’s part of a playlist, you’ll see the playlist title on the right-hand side of your screen. If you click the title, it takes you to the same main playlist page to copy the URL.

embed youtube playlist title

Now that you know how to find your YouTube video playlist, 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 options 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 Feeds for YouTube 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.

embed youtube playlist using wordpress plugin

Instead, you can add your YouTube playlist to WordPress with a few clicks, resulting in simple, yet deeply customizable video feeds. No need to have HMTL or Javascript knowledge!

With the Feeds for Youtube WordPress plugin, you can embed YouTube channels, playlists, favorites list, 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 customize your YouTube feeds to perfectly match your site’s theme and branding — 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 Feeds for YouTube Pro!

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

brands trusted by smash balloon

And the best part? Unlike other YouTube feed plugins, Feeds for YouTube 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 Feeds for YouTube Plugin

To get started, simply download and install the Smash Balloon Feeds for YouTube Pro plugin first.

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

After that, navigate to Feeds for YouTube » License from your WordPress dashboard and enter your license key.

embed youtube playlist plugin license

Remember to click the Save Changes button and move on to the next step.

Step 2: Connect Your YouTube Account

Next, in your WordPress admin panel, click the Feeds for YouTube menu so you can visit the Configure page of the plugin.

Click on the blue button to “Log into YouTube and connect an account.”

embed youtube playlist connect account

Then, the plugin will ask for permission to connect to your Google account.

With this permission, it can only read your posts and can’t make any changes. So, Feeds for YouTube Pro is completely safe.

After following the on-screen instructions and confirming, you’ll be sent back to the Configure page with your YouTube account connected.

embed youtube playlist google

Several features of the plugin need your YouTube API Key to work properly. For example, you need to enter your YouTube API key to embed a playlist feed on your website.

Don’t worry, we’ve created this documentation for creating and using an API Key to help you get started.

embed youtube playlist youtube API

Once you’ve entered your API key, you can access different feed type options, which we’ll explain in the next step.

Step 3: Choose the Playlist Feed Type

The Feeds for YouTube plugin offers 6 feed types you can show on your website, including:

  • Channel
  • Playlist
  • Favorites
  • Search
  • Live Streams
  • Single Videos

To display a YouTube playlist in WordPress, click the Playlist feed type, and enter your playlist’s ID.

embed youtube playlist

The ID is a string of letters and numbers shown after the “=” symbol in your playlist’s URL.

embed youtube playlist copy playlist ID

Once you’ve added your playlist ID, click the Save Changes button.

Step 4: Select a Playlist Layout

By default, your YouTube feed displays a simple grid of videos on your website.

Clicking the Customize tab allows you to choose from a total of 4 different feed styles: Grid, Gallery, List, and Carousel.

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

embed youtube playlist layout

For example, clicking the Gallery option lets you show your first video in a full-width layout at the top of your feed, and smaller thumbnails in a grid below.

Here’s a screenshot of how your YouTube playlist will look using the gallery layout:

embed youtube playlist on website example

When you’re happy with your chosen layout and have entered your preferred number of columns and posts, click Save Changes. Then you can move on to embedding your feed.

Step 5: Embedding a YouTube Playlist in WordPress Posts or Pages

The next step is to add your YouTube feed to a new post or page in WordPress. We’re going to show you how to create a new page under Pages » Add New for our playlist feed.

add new page

On your new page, click the Plus (+) symbol to add a new WordPress block.

Then, select the Feeds for YouTube block to embed a YouTube video feed on that page or post.

embed youtube playlist using wordpress block

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

embed youtube playlist example

If you’re using the classic WordPress editor, simply paste your feed’s shortcode directly into the page.

embed youtube playlist on wordpress editor

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

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 Appearance » Widgets to view your available WordPress widgets and sidebars.

go to widgets page wordpress

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

select sidebar for widget

You can also pick a Footer panel if you prefer.

We’ll go with the footer for our tutorial.

select footer for youtube widget

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

add youtube widget to sidebar

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 playlist example in footer

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.

embed youtube playlist using oembeds

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

embed 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 icon, as you can see below:

embed youtube playlist iframe

Then choose the Embed option from the lightbox popup.

embed youtube playlist share

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.

embed youtube playlist iframe

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

Now click the Custom HTML block, which you can find in the Formatting section.

embed youtube playlist wordpress

Within the block, paste the iFrame embed code you copied from YouTube and click on the publish Publish button on the top right corner.

embed youtube playlist iframe

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

embed youtube playlist example

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 and looking exactly how you want.

Get started with YouTube Feeds Pro by Smash Balloon 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.

Comments 39

  1. Miguel 2 years ago

    This is incredibly helpful! I’ll have to give the plugin a test run. May I assume that the methods that don’t use the plugin will be better for performance? Especially on WP sites that already have tons of plugins installed.

    Reply
  2. Ammar Sulaiman Gummi 2 years ago

    With smashballon social media campaign made easy. It’s fantastic

    Reply
  3. Marni Cadd 2 years ago

    We definitely don’t use YouTube enough in our marketing! Thanks for the advice!!

    Reply
  4. Lucian Mihailescu 2 years ago

    I use your Custom Facebook Feed Pro Personal with Multi-feed for about 2 years now and I am very happy with it. Your team is always on top of all Facebook updates and keeps the plugin working! I am sure you do the same with all your products, like the Youtube playlist. I will test your Youtube plugin soon!

    Thanks,

    Lucian

    Reply
  5. Rozalia 2 years ago

    Smash balloon plugins are very useful for our main website! We are interested to test the Youtube Playlist plugin soon, as we’re looking for a better solution.

    Thank you! – Rozy

    Reply
  6. Elise 2 years ago

    A great plugin! Easy to use.

    Reply
  7. Laura Kelly 2 years ago

    I’m thinking about implementing this!

    Reply
  8. Patrick M 2 years ago

    Haha this is way over my head, you guys are really smart!

    Reply
  9. Riskhan 2 years ago

    very informative

    Reply
  10. Cheryl 2 years ago

    Custom Facebook Feed Pro is awesome. Thanks Smash Balloon <3

    Reply
  11. Alison 2 years ago

    Great tutorial, thank you!

    Reply
  12. Tolani 2 years ago

    Thanks for this
    This is extremely useful and it goes perfectly with my WordPress theme.
    Thank you.

    Reply
  13. Hassan 2 years ago

    Thank for this amazing blog post, very detailed and helpfull !

    Reply
  14. Joel Register 2 years ago

    Awesome contest! Would be a nice present, no?

    Reply
  15. Vicky Etherington 2 years ago

    Awesome outline. THank you!

    Reply
  16. Casey Landreth 2 years ago

    Used it a few times on my clients site

    Reply
  17. Ces 2 years ago

    Great blog post!

    Reply
  18. Jules Webb 2 years ago

    Great tutorial, thank you!

    Reply
  19. Alec b 2 years ago

    Commenting for the win!

    Reply
  20. Vivek S 2 years ago

    Really Impressed with this one…

    Reply
  21. Ever 2 years ago

    Thanks!

    Reply
  22. Hagop Kupeyan 2 years ago

    Very helpfull articles, loving this site!

    Reply
  23. Jacob Henderson 2 years ago

    Awesome tutorial. Now I know how to navigate youtube easier.

    Reply
  24. pinyuan chen 2 years ago

    thank you this might help for my site

    Reply
  25. Gunjan 2 years ago

    Nice info!

    Big thanks.

    Reply
  26. Gunjan 2 years ago

    Nice article. Thanks!

    Reply
  27. Patrick M 2 years ago

    Great tips, thanks for sharing!

    Reply
  28. Shivam Kumar 2 years ago

    You’ve explained everything in a very simple way…

    Reply
  29. Stefan Hallgren 2 years ago

    This is absolutely fab. Thank you so much!

    /S

    Reply
  30. Melinda Mattox 1 year ago

    Thanks for this post. It’s so detailed and helpful.

    Reply
  31. Gipsy Malan 6 months ago

    Thanks for the great info!

    Reply
  32. Gene Sorensen 6 months ago

    This was helpful.

    Reply
  33. John Dickson 6 months ago

    love this.

    Reply
  34. Brian 6 months ago

    Thanks for the help!

    Reply
  35. Cindy Peterson 6 months ago

    Great info and easy to understand.

    Reply
  36. Michael Perkins 6 months ago

    Cool options

    Reply
  37. Andrew Pitchford 6 months ago

    Nice to have a simple set of instructions to show how to get that YouTube video online.

    Reply
  38. Brandy Burkett 6 months ago

    This is actually really helpful. Thanks for posting.

    Reply
  39. Shellie Clark 6 months ago

    Smash balloon plugins are great. Thanks

    Reply

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.