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.
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.
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.
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.
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.
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.
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.
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.
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:
- Latest video
- Showcase carousel
Once you select a template, click on Next.
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.
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.
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.
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.
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.
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.
To make your website more engaging, you can choose a carousel layout.
Your YouTube shorts will then appear in a beautiful slideshow carousel.
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.
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.
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.
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.
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.
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.
Doing that will redirect you to the WordPress editor.
From here, you can add a new block by clicking on the plus (+) icon.
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.
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.
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.
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.
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.
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.
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.
To add a new widget, click on the plus icon (+) here.
Then, just select the Feeds for YouTube widget from the options.
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:
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?