How to Embed a YouTube Playlist on Your WordPress Site

How to Embed a YouTube Playlist on Your WordPress Site

by Stacey Corrin on July 14, 2020

Do you want to show a playlist of YouTube videos on your website? Showcasing your playlists on WordPress can help you show fresh content to visitors and boost your subscribers for your YouTube channel.

Yet the methods for embedding a YouTube playlist in WordPress are often confusing, which, if you’re not tech-savvy, can make it hard to display your content how you want.

In this article, we’ll show you how to embed a YouTube playlist in WordPress with 4 different methods.

Here’s a summary of the solutions we’ll cover. Click any option to jump straight to the section you need:

  1. Easy way to embed custom YouTube playlists in WordPress
  2. Add your YouTube playlist to a WordPress sidebar
  3. Add a playlist in WordPress using oEmbeds
  4. Embed a YouTube playlist with iFrames

Let’s get started.

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 site, you can upload them to YouTube, and they’ll appear on your website. You can also filter the videos shown in your playlist using specific keywords.

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

How to Find Your YouTube Playlist

Before you embed a YouTube playlist in WordPress, it helps to know where to find it. Several methods covered in this article need your playlist’s URL to make the embed work.

To find your playlist URL, head to 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.

Select the youtube playlist you want to embed

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 by copying its ID

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

Or, if you’re watching a 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.

click playlist title so you can embed youtube playlist on website

Now that you know how to find your YouTube playlist let’s look at the different ways to embed one on your WordPress site. We’ll start with the easiest YouTube playlist embed options first.

1. How to Embed a Custom YouTube Playlist

The easiest way to embed a YouTube playlist in your WordPress site is with a WordPress YouTube plugin. Solutions like the Feeds for YouTube plugin by Smash Balloon, remove the need to mess around with code snippets, which many of the popular embed methods require.

embed youtube playlist using wordpress plugin

Instead, you can add your playlist to WordPress with a few clicks, resulting in simple, yet deeply customizable video feeds.

With the Feeds for Youtube WordPress plugin, you’re not limited to showing only playlists. 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 tailor your feeds to perfectly match your site’s theme and branding with a few clicks. This is something the other methods on this list don’t offer without a lot of code tweaking.

With that in mind, let’s look at how to embed a YouTube playlist in WordPress with a plugin, the easy way.

Step 1: Download and Install the Feeds for YouTube Plugin

To get started, you’ll need to download and install the Smash Balloon Feeds for YouTube plugin. For more details, see this step-by-step guide on how to install a WordPress plugin.

enter your feeds for youtube license key

After, navigate to Feeds for YouTube » License from your WordPress dashboard and enter your license key. Then click the Save Changes button and move on to the next step.

Step 2: Connect Your YouTube Account

Now click the Feeds for YouTube link in your WordPress admin panel to head to the Configure screen.

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

connect to youtube to embed youtube playlist

The plugin then asks for permission to connect to your Google account. After following the on-screen prompts to grant access, you’ll be sent back to the Configure page with your YouTube account connected.

verify your google account

For several features to work as desired, you’ll need to enter an API Key. For help, see the documentation for creating and using an API Key.

Enter your YouTube api key to embed youtube playlist

Once you’ve entered your 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:

  1. Channel
  2. Playlist
  3. Favorites
  4. Search
  5. Live Streams
  6. Single Videos

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

enter ID of the youtube playlist you want to embed

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

copy playlist ID to be embedded on wordpress

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. Yet, when you click the Customize tab, you choose from a total of 4 different feed styles, letting you show your feed in a style that works best for your site.

choose embedded youtube playlist layout

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

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 playlist to a new post or page in WordPress. We’re going to create a new page under Pages » Add New for our playlist feed.

In your new page, click the Plus (+) symbol to add a new WordPress block, then select the Feeds for YouTube block from the Widgets section.

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 add 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 in Your Sidebar

For this method, we’ll continue using the Feeds for YouTube plugin to embed your YouTube playlist in a widget-ready area of WordPress like your sidebar or footer widget area.

First, follow the steps above to connect your account and choose your layout. Then, navigate to Appearance » Widgets to view your available WordPress widgets and sidebars.

embed youtube playlist in wordpress footer

Now find the YouTube Feed widget and drag it to your chosen sidebar area. We’re adding ours to our footer widget area.

Remember to click Save to preserve your settings.

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

embed youtube playlist example in footer

3. Embed YouTube Playlists With oEmbeds

If for any reason, you don’t want to take advantage of the extensive customization options and ease-of-use a WordPress plugin provides, there are other ways to embed your playlist. But keep in mind, it won’t be as easy to make your feed look precisely how you want, and 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 ombeds

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.

4. Embed a YouTube Playlist Using <iframe>

The final method for embedding your playlist in WordPress involves using an iFrame embed code.

To do this, navigate to your playlist’s YouTube page and click the Share icon, as demonstrated below.

share the youtube playlist you want to embed

Then choose the Embed option from the lightbox popup.

embed youtube playlist by clicking on embed

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

copy the iframe embed code to embed youtube playlist

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.

custom html to embed youtube playlist

Within the block, paste the iFrame embed code you copied from YouTube and click Publish.

paste iframe code to embed youtube playlist

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

In this article, we’ve covered 4 different ways to embed YouTube playlists in WordPress. Out of them all, using the Feeds for YouTube plugin is by far the best way to get your playlists working and looking exactly how you want. And with the ability to add different types of YouTube content to your website, it’s an easy way to delight your audience with relevant videos and boost your subscribers.

Click here to get started with Feeds for Youtube by Smash Balloon today.

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

Want to Try our YouTube plugin for Free?

Enter the URL of Your WordPress website to install Feeds for YouTube Lite.

Comments

  1. Miguel

    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

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

    Reply
  3. Marni Cadd

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

    Reply
  4. Lucian Mihailescu

    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

    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

    A great plugin! Easy to use.

    Reply
  7. Laura Kelly

    I’m thinking about implementing this!

    Reply
  8. Patrick M

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

    Reply
  9. Riskhan

    very informative

    Reply
  10. Cheryl

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

    Reply
  11. Alison

    Great tutorial, thank you!

    Reply
  12. Tolani

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

    Reply
  13. Hassan

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

    Reply
  14. Joel Register

    Awesome contest! Would be a nice present, no?

    Reply
  15. Vicky Etherington

    Awesome outline. THank you!

    Reply
  16. Casey Landreth

    Used it a few times on my clients site

    Reply
  17. Ces

    Great blog post!

    Reply
  18. Jules Webb

    Great tutorial, thank you!

    Reply
  19. Alec b

    Commenting for the win!

    Reply
  20. Vivek S

    Really Impressed with this one…

    Reply
  21. Hagop Kupeyan

    Very helpfull articles, loving this site!

    Reply
  22. Jacob Henderson

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

    Reply
  23. pinyuan chen

    thank you this might help for my site

    Reply
  24. Gunjan

    Nice info!

    Big thanks.

    Reply
  25. Gunjan

    Nice article. Thanks!

    Reply
  26. Patrick M

    Great tips, thanks for sharing!

    Reply
  27. Shivam Kumar

    You’ve explained everything in a very simple way…

    Reply
  28. Stefan Hallgren

    This is absolutely fab. Thank you so much!

    /S

    Reply
  29. Melinda Mattox

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

    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.

Leave a Reply

Your email address will not be published. Required fields are marked *