How to Embed YouTube Shorts on Your WordPress Website
Home Blog How to Embed YouTube Shorts on Your WordPress Website

How to Embed YouTube Shorts on Your WordPress Website

Embed YouTube Shorts on Your WordPress Website

Looking for a way to embed YouTube shorts on a website?

YouTube shorts are short-form videos that can easily engage viewers with bite-sized content and keep them watching for more.

But if you’re not used to coding, embedding YouTube shorts can be tough.

Today, we’ll help you out by showing you the simplest way to display YouTube shorts on your site.

Let’s get started!

Why Add YouTube Shorts to WordPress?

Did you know that YouTube shorts get over 50 billion views each day?

Since these videos are so short, people are much more likely to click on them and keep watching till the end.

youtube shorts example

So, you can display your own YouTube shorts to show positive reviews, brand information, announcements, and more.

As a result, you’ll have an easier time building trust in your brand and growing your sales.

What’s more, YouTube shorts can grab people’s attention more easily and keep them on your website for much longer.

The best part? You can embed YouTube shorts videos in just a few clicks with the right WordPress plugin.

example youtube shorts feed

After all, the variety of useful plugins is a huge advantage WordPress has over other website builders like Wix, Shopify, Squarespace, Weebly, and more.

With that, let’s see how you can use a plugin to embed YouTube shorts with ease.

How to Embed YouTube Shorts on Websites

Ready to display YouTube shorts on your WordPress site? All you have to do is follow the simple steps below.

Let’s take a look:

Step 1: Install the YouTube Feed Pro Plugin

When it comes to displaying YouTube content on your site, the best option in the market is YouTube Feed Pro.

As the #1 YouTube feed plugin out there, you can use this plugin to create, customize, and embed YouTube feeds in just a few clicks — no need for HTML, CSS, Javascript, or any kind of coding.

youtube feed pro plugin smash balloon

Once you’re ready to get started, get your copy of the YouTube Feed Pro plugin here, and then install the plugin on your website.

Not sure how to do that? You can check out this user-friendly guide on how to install a WordPress plugin.

After you install and activate YouTube Feed Pro, you can move on to step 2.

Step 2: Create a YouTube Feed

By creating a YouTube feed, you can show YouTube shorts, videos, playlists, and much more on your website.

For that, navigate to the YouTube Feed » All Feeds menu from your WordPress dashboard area and then click on Add New.

embed youtube playlist by adding new feed

After you do that, the plugin asks you to choose the type of YouTube feed you’d like to create. You can show content from YouTube channels, playlists, favorite lists, search results, and more.

To continue, select the source for your YouTube shorts and then click on Next.

youtube feed types youtube

In this example, we’ll embed YouTube shorts from a specific playlist, so we’re selecting the Playlist option.

Now, you can go ahead to step 3 and finish setting up your feed by connecting to YouTube.

Step 3: Connect Your Feed to YouTube

By connecting to YouTube, your new feed can fetch the YouTube shorts and then display them on your website.

And the easiest way to do that is to use a YouTube API key. In case you don’t have your API key yet, you can follow this quick guide on creating a YouTube API Key.

Finally, return to your website and paste the API key on the popup before clicking on Add.

add api key youtube

Now that you’ve connected your feed to YouTube, you can simply choose the channel, playlist, favorites list, search term, and more.

Since we’re using a YouTube playlist, open www.youtube.com on your browser and go to the playlist that you’d like to embed.

Once you do that, look for the URL at the top and copy the code at the end.

copy playlist id youtube shorts

Next, return to your website so you can use this playlist as the source for your feed.

Just right-click and paste this code into the Playlist ID field before clicking on Next.

insert playlist id youtube

As you can see, it’s super easy to create a new feed and connect it to a source using the YouTube Feed Pro plugin.

In the next step, you can start customizing how the YouTube shorts will look on your website.

Step 4: Customize Your YouTube Feed

If you were adding YouTube shorts using HTML, you’ll need to manually edit the code to change how the feed looks.

But with YouTube Feed Pro, it’s super easy to customize your YouTube feed in just a few simple clicks.

To get started, you can choose to import a pre-designed template for your feed. You have 8 different templates to choose from:

  • Default
  • Carousel
  • Cards
  • List
  • Gallery
  • Latest video
  • Showcase carousel
  • Widget

Once you select a template, click on Next.

pick a feed template youtube feed pro

After you do that, YouTube Feed Pro will open the live feed editor so you can customize your YouTube shorts in detail.

Using the left panel, you can change your template, feed layout, colors, head design, video elements, button design, and much more.

live feed editor youtube shorts

Whenever you change the options here, the live preview on the right will show you how the YouTube feed will look to your visitors.

Ready to start designing your YouTube shorts? Click on the Feed Layout option on the left.

feed layout option youtube shorts

Now, you can choose between 4 layouts for your YouTube shorts: Grid, Gallery, List, and Carousel.

By choosing the right layout, you can change how your YouTube shorts will appear on your site.

select youtube shorts feed layout

Want to show lots of YouTube shorts at once?

You can select the grid layout, which displays the videos in a uniform grid with square thumbnails.

grid layout for youtube feed pro

Next, you have the gallery layout, which shows a large video thumbnail and smaller thumbnails under it.

That way, your WordPress YouTube gallery can highlight a specific YouTube short and help it go viral.

gallery layout youtube

Another great way to put the focus on your YouTube shorts is with the list layout.

After all, this layout shows videos in a single column and makes them more clearly visible on your site.

list layout for youtube

To make your website more engaging, you can choose a carousel layout.

Your YouTube shorts will then appear in a beautiful slideshow carousel.

youtube carousel slider

After you’re happy with your feed layout, click on Save to confirm your changes.

To continue editing your YouTube shorts, click on the small Customize button in the top left corner.

customize your youtube feed

The plugin also lets you customize all the colors of your YouTube feed.

For that, click on the Color Scheme option on the left to get started.

color scheme option youtube shorts

For a quick and easy way to customize your YouTube shorts, you can simply choose from 4 different color schemes:

  • Inherit from Theme: Copy the colors of your YouTube shorts
  • Light: Display a light background along with a dark font
  • Dark: Show a dark background instead and use a light font
  • Custom: Choose all the colors yourself

After picking your color scheme, click on Save once again.

select your youtube shorts colors

You can now customize your feed’s header design, load more button, video elements, lightbox settings, and much more using the remaining customization options — it’s that easy!

And remember to click on Save once you’re happy with your YouTube feed.

Finally, you can move on to step 5 and embed these YouTube shorts on your website.

Step 5: Embed YouTube Shorts on WordPress Website

Using YouTube Feed Pro, you have 2 ways to display shorts on your WordPress site:

  • Embed YouTube shorts on website’s page
  • Embed YouTube shorts on website sidebar or footer

Not sure which option to pick? We’ll look at both ways below.

Embed YouTube Shorts on Website’s Page

The good news is that you can start embedding your YouTube shorts directly from the live feed editor.

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

embed youtube shorts on wordpress

You can then see a popup that asks where you’d like to embed your YouTube shorts. From here, you can display it on a webpage, show it as a widget, or generate a YouTube shorts embed shortcode.

This time, you can click on the Add to a Page button.

embed to a page youtube feed

After that, you’ll see a list of your website’s WordPress pages.

Just select the page where you want to display the YouTube shorts and then click on Add.

select your page wordpress

Doing that will redirect you to the WordPress editor.

From here, you can add a new block by clicking on the plus (+) icon.

add a block wordpress page

After you do that, use the search field at the top to look for the “feeds for youtube” block.

From the search results, click on the Feeds for YouTube block to embed your feed.

add feeds for youtube block

Once you do that, click on Update, and your YouTube shorts will be online on your website.

As you can see, it’s super easy to start engaging your visitors with YouTube shorts if you’re using the YouTube Feed Pro plugin.

example youtube shorts feed

Now, let’s look at the next method of embedding YouTube shorts in WordPress.

Embed YouTube Shorts on Website Sidebar or Footer

With this plugin, you can also use a YouTube widget to show the shorts on your website’s sidebar or footer areas.

Like before, you can use the live feed editor to get started.

In case your live feed editor isn’t open yet, navigate to the YouTube Feed » All Feeds menu from your dashboard.

On this page, click on the YouTube feed you want to embed.

youtube shorts feed open

Just like that, your feed will be open in the live feed editor once more.

To continue, you can click on the Embed button at the top.

embed youtube shorts on wordpress

On the popup with the embed options, you can now choose to embed this YouTube shorts widget on your sidebar or footer.

To do that, click on Add to a Widget button.

add to a widget option

Doing that will open the Widgets page of your site that you can use to add, remove, or manage WordPress widgets with ease.

Here, you can click on the Sidebar panel to get started.

open sidebar panel

Or, you can click on a Footer panel if you want to embed the YouTube videos there.

We’ll pick the sidebar for our tutorial.

open footer panel

To add a new widget, click on the plus icon (+) here.

Then, just select the Feeds for YouTube widget from the options.

add youtube widget to your site

To embed multiple YouTube videos on a website sidebar or footer, click the Update button.

Now, your embedded video feed will appear on your sidebar when you go to the front end of your website. Here’s a screenshot of how it looks below:

youtube shorts on website sidebar

And there you go!

As you can see, it can be super easy to embed YouTube shorts on websites with the help of the right tool.

In just a few clicks, you can use YouTube Feed Pro to create, customize, and embed feeds of YouTube shorts – no need for embed codes, custom HTML codes, or iFrame codes.

If you want to embed YouTube shorts with ease, get YouTube Feed Pro today!

While you’re here, why not check out our guide on how to make money on YouTube without showing your face?

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

author avatar
Sajjan Sharma

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.