How to Embed YouTube Shorts on Your Website in 2024 (5 Steps)
Home Blog How to Embed YouTube Shorts on Your Website in 2024 (5 Steps)

How to Embed YouTube Shorts on Your Website in 2024 (5 Steps)

Embed YouTube Shorts on Your WordPress Website

Are you a business owner, a content creator, an influencer, or a social media manager who has been wondering how to embed YouTube shorts videos in your website?

Launched in March 2021 after a successful beta, YouTube Shorts capitalizes on the short-form video craze, offering bite-sized content for today’s attention-grabbing viewers.

Imagine seamlessly integrating your engaging YouTube videos directly onto your website’s pages. Embedding YouTube shorts on your site can boost engagement and overall watch hours!

But if you’re not familiar with WordPress, embedding YouTube shorts can be tough. Especially since the steps include embed code snippets and transferring between different webpages.

Here at Smash Balloon, we love helping you maximize the impact of your social media content like YouTube Shorts.

In this guide, I’ll break down the process of embedding YouTube Shorts on your website in a clear, step-by-step approach so you can display YouTube shorts on your website in just a few clicks.

What are YouTube Shorts? 

Officially rolled out in March 2021, YouTube Shorts are brief, vertical videos that last from several seconds up to a limit of one minute.

youtube shorts example

These YouTube shorts, much like Instagram reels and TikTok videos, offer a unique way to engage your audience with short and easy-to-digest content.

The Best Way to Embed YouTube Shorts on Your WordPress Website

Forget manually adding YouTube Shorts one by one! We have a better way to add multiple YouTube Shorts to your website with just a few clicks.

If you’re looking for the simplest way to embed multiple YouTube shorts on your website, a WordPress plugin like YouTube Feed Pro is your best bet.

YouTube Feed Pro is a YouTube aggregator that enhances your site’s functionality by helping you create, customize and embed collections of YouTube shorts on WordPress in minutes!

youtube feed pro plugin smash balloon

If you’re a business owner or content creator who’s a newbie in WordPress, you’d love these YouTube Feed Pro features like:

  • Perfect for WordPress Newbies: Powerful yet easy to use, YouTube Feed Pro requires no coding knowledge.
  • Effortless Setup: Skip the complex iFrame/HTML codes and forget manually copying/pasting embed codes or video URLs. You don’t even need to manually click the share button, copy embed code or paste each short’s video URL, video link or video ID!
  • More Than YouTube Shorts: Embed various YouTube feeds on your website – channels, YouTube live streams, single videos, YouTube playlists, and more!
  • Responsive & Mobile-Friendly: Your YouTube shorts feeds will display perfectly on any device screen size.

The best part? You can personalize the appearance of your YouTube Shorts videos with a user-friendly visual feed customizer that’s built-in within YouTube Feed Pro — no technical expertise required.

Simply click on the feed editor’s customization options so you can easily personalize how your YouTube shorts videos will appear on your site.

Even better, YouTube Feed Pro doesn’t autoplay videos, ensuring faster loading times and a better user experience for your website visitors.

Ready to embed a feed of YouTube shorts on your WordPress website? Get started with YouTube Feed Pro now!

Expert Tip: Did you use Elementor for your website builder? Here’s how you can display YouTube shorts on your Elementor website.

How to Embed YouTube Shorts on Your Website

YouTube Feed Pro makes adding YouTube Shorts to your website a breeze. Just follow 5 simple steps, and your YouTube short feed will be up and running in no time, even if you’re a complete beginner.

Quick Steps to Embed Your YouTube Shorts Feed (Overview)

  1. Install the YouTube Feed Pro Plugin
  2. Create a Feed of Your YouTube Shorts on a Playlist
  3. Connect Your YouTube Shorts Feed to YouTube
  4. Customize Your YouTube Shorts Feed
  5. Embed YouTube Shorts on WordPress Website

Now, let’s move on to the step-by-step tutorial so I can show you how YouTube Feed Pro simplifies the process of adding your YouTube Shorts widget to your website.

Step 1: Install the YouTube Feed Pro Plugin

Go ahead and 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 Feed of Your YouTube Shorts on a Playlist

The next step to embedding your YouTube shorts is to create a YouTube feed, so you can show YouTube shorts, videos, playlists, and much more on your website.

To get started with this, 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, search results, and more.

In this example, we’ll embed YouTube shorts from a specific playlist, so we’re selecting the Playlist option. This lets us display multiple YouTube shorts from any public playlist.

embed youtube shorts using playlist feed

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

Step 3: Connect Your YouTube Shorts Feed to YouTube

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

The easiest way to do this 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.

Once you’ve set up your YouTube API key, you can 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, it’s time to specify the YouTube playlist we want to embed on our website.

First, open www.youtube.com on your browser and go to the playlist that you’d like to embed. This is the playlist that contains the YouTube shorts you want to display on your WordPress site.

Once you visit the playlist containing your YouTube shorts, 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.

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. It’s also a breeze to specify the source for our YouTube shorts widget, don’t you think so?

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

Step 4: Customize Your YouTube Shorts Feed

If you were adding YouTube shorts using HTML or JavaScript, you’ll need to manually edit the code snippet to change how your YouTube feed widget 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. YouTube Feed Pro has tons of ready-made feed templates you can choose from:

Once you select a template, click on Next.

In this example, I’ll choose the Default template just so I can show you the plugin’s customization options, but personally I like the carousel template whenever I make my own YouTube feed.

pick a feed template youtube feed pro

After you’ve selected your YouTube shorts feed’s template, 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, header design, video elements, subscribe button design, and much more.

live feed editor youtube shorts

Whenever you change the customization options here, the live preview on the right will instantly 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 widget 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 your YouTube shorts in an organized grid with universal 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.

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.

To make your website more engaging, you can choose a carousel layout. Your YouTube shorts widget will then appear in a beautiful YouTube slider.

example of youtube shorts on website

After you’re happy with your YouTube shorts 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

This YouTube feed plugin also lets you customize all the colors of your YouTube shorts feed. To get started, click on the Color Scheme option on the left.

color scheme option youtube shorts

For a quick and easy way to customize your feed of 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!

Simply 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 multiple 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 customizer. 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. Go ahead and select the page where you want to embed 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 WordPress 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.

Wasn’t that quick? 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.

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

Like before, you can use YouTube Feed Pro’s visual customer 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 dashboard, select that YouTube shorts feed that you want to embed as a widget.

youtube shorts feed open

Once you click on the YouTube shorts feed, the plugin will open it in the visual feed customizer once more. To continue embedding your YouTube shorts as a widget, 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 shorts on a website sidebar or footer, click the Update button.

Now, your embedded YouTube shorts 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.

Ready to embed YouTube shorts with ease? Get YouTube Feed Pro today!

Why Embed YouTube Shorts on Your WordPress? 

According to our detailed research on social media marketing statistics, YouTube shorts get over 50 billion views each day!

With its extensive reach online, YouTube shorts can be a game-changer for your business.

This means that if you want to grow your business via social media marketing, it’s important that you invest in creating and publishing YouTube shorts to promote your brand’s products or services. 

Let’s look at how displaying YouTube shorts on your WordPress website can grow your business faster: 

Boost your website’s SEO

Adding YouTube Shorts to your website can help boost your SEO. This means search engines like Google or Bing might rank your site higher, because it likes dynamic, updated and keyword-rich content like YouTube video feeds with captions embedded on your site. 

Expand your audience reach

As of 2024, YouTube boasts a staggering monthly active user base of over 2.70 billion.

Embedding YouTube shorts helps you connect with YouTube’s large audience and your own site visitors, so you can reach more potential customers. 

Increase your YouTube subscribers

When you show your YouTube shorts on your website, your site visitors can watch your YouTube video content directly, which makes them more likely to become your YouTube subscribers

Skyrocket your sales

Did you know that 2 out of 3 shoppers are more likely to buy a product after watching a customer’s video testimonial?

You can create YouTube shorts featuring user reviews of your product, then embed these feed of YouTube shorts on your site to boost your sales. 

Now that you know why it’s important to embed YouTube shorts on your website, let’s talk about how you can create YouTube shorts on your phone. 

How to Create YouTube Shorts on Your Smartphone

Making popular YouTube Shorts is easy and straightforward. Here are 5 easy steps you can follow to create YouTube shorts using your mobile device. 

1. Open your YouTube app on your smartphone. Remember, YouTube Shorts are tailored for mobile, so they can’t be made on a computer.

2. Once you’ve opened the app, tap on the plus + icon located at the bottom center of your screen. This will open your phone’s camera, with Short as its default option. 

3. When using the Shorts camera, you have two options: record your YouTube video in sections on the spot, or upload a video you’ve already filmed. 

To record directly, simply press and hold the capture button. When you let go of the button, the recording stops, giving you the chance to create multiple segments within one video.

Want to use a video you’ve already recorded? Just click the Upload button at the bottom right of the Shorts camera. It lets you pick a video straight from your gallery.

4. Once you’ve recorded or uploaded your video, you can enhance it with various editing tools.

These include options to add music, adjust the speed, and apply filters. Remember, YouTube Shorts can be up to 60 seconds long, so make sure your video fits within this timeframe.

5. After editing your video, you can now proceed to finalizing it. In the app, YouTube lets you add a title, select a privacy setting, specify your location, and choose whether or not to allow comments and likes.

Once you’re satisfied with your settings, tap on Upload Short to publish your YouTube Short.

You have now created your YouTube short in just a few minutes! Start embedding engaging YouTube short widgets on your website. Get YouTube Feed Pro today.

Best WordPress Tutorials on Embedding YouTube Video Feeds

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

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

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.