Are you a business owner, a content creator, an influencer, or a social media manager who has been wondering how to embed YouTube shorts in your WordPress website without coding?
You’ve come to the right place!
YouTube Shorts can make your website more engaging. By adding these short, interactive videos to your WordPress site, you’ll get visitors to stick around longer. This not only boosts your user experience but also your SEO score.
But if you’re not a WordPress guru, embedding YouTube shorts can be tough.
Luckily for you, we here at Smash Balloon created a step-by-step tutorial on how you can display YouTube shorts on your website — no coding needed!
What are YouTube Shorts?
Launched officially in March 2021, YouTube Shorts are brief, vertical videos that last from several seconds up to a limit of one minute.
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.
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! After learning how to create YouTube shorts on your phone, let’s move on to the next section which discusses the best way to add YouTube content to your site.
The Best Way to Embed YouTube Shorts on Your WordPress Website
If you’re looking for the simplest way to embed multiple YouTube shorts on your WordPress site, a plugin like YouTube Feed Pro is your best bet.
It enhances your site’s functionality by helping you create, customize and embed collections of YouTube shorts on WordPress in minutes!
If you’re a business owner or content creator who’s a newbie in WordPress, you’d love the fact that this YouTube feed plugin is so powerful, yet easy to use.
In fact, you don’t need to deal with complex codes like iFrame or HTML code. 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!
With YouTube Feed Pro, you can easily create, adjust, and add your YouTube shorts feeds to your WordPress site with just a few clicks.
In addition to YouTube shorts, you can also use this WordPress plugin to easily integrate various YouTube content including channels, YouTube live streams, individual videos, YouTube playlists and more into your website.
Right out of the box, YouTube Feed Pro helps you embed responsive YouTube feeds on your site.
This means that your YouTube feeds will continue to work on any screen size on device, so you can reach more potential customers.
Plus, to give you complete control over your YouTube feed’s content and design, the plugin comes with a visual feed customizer.
You can simply click on its customization options so you can easily personalize how your YouTube shorts videos will appear on your site. No need for any technical knowledge!
Here’s something extra – unlike other YouTube feed plugins, YouTube Feed Pro doesn’t have autoplay on its YouTube video player.
This means the plugin’s YouTube player only starts video playback when your visitors click on them, greatly improving your webpage’s speed and the overall user experience.
Ready to display YouTube shorts on your WordPress site? Get started with YouTube Feed Pro now!
Note: 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
It’s time to show you how you can add your feed of YouTube shorts into your WordPress site using YouTube Feed Pro — it’s the simplest way, remember?
Step 1: Install the YouTube Feed Pro Plugin
As the #1 YouTube feed plugin in the market, you can use this plugin to create, customize, and embed a collection of YouTube shorts in just a few clicks — no need for custom HTML, CSS, iFrame code, Javascript, or any kind of coding.
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, search results, and more.
To continue, select the source for your YouTube short-form videos 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, 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. This is the playlist that contains the YouTube shorts you want to embed on your website.
Once you visit the playlist containing your YouTube shorts, 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 this YouTube aggregator:
- Default
- Carousel
- Cards
- List
- Gallery
- Latest video
- Showcase carousel
- Widget
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, subscribe 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 your YouTube shorts 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 YouTube 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.
This YouTube feed plugin also lets you customize all the colors of your YouTube feed. To get started, click on the Color Scheme option on the left.
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 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 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 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:
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!
Best WordPress Tutorials on YouTube Marketing
- How to Make Money on YouTube Without Showing Your Face
- Top Reasons Why Your YouTube Shorts Are Not Getting Views [+ What You Should Do]
- How to Increase Watch Hours on YouTube Easily
- How to Embed Social Media Feeds on WordPress
And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.
