Embed youtube shorts

Embed YouTube Shorts On Website in 2024 [3 Easy Ways]

11 minute read

YouTube Shorts aren’t just fun to watch; they’re also a powerful marketing channel, as short-form video content is becoming more dominant. And the best part? You can easily reach a wider audience by embedding YouTube Shorts directly on your website or blog posts. Learn how to embed YouTube Shorts in this blog post.

Here are some stats that can help you better understand why embedding YouTube Shorts on your website is a better way to engage customers.

  • Adding videos to web pages makes visitors stay longer, around 2.6 times on average.
  • Also, 74% of consumers are more likely to buy something after watching a video on a website.
  • Using visuals and videos can grab people’s attention, keeping them on the site and exploring more pages.

Quick Guide: How to Embed YouTube Shorts on Website?

Here are quick and simple steps to embed YouTube shorts on the website using a social media aggregator.

  1. Create a Taggbox Widget Account
  2. In the Add Feed Section, select “YouTube” as a source.
  3. Choose “Shorts” and enter the channel URL from where you want to fetch.
  4. Select the theme from the list, such as “Story Theme.
  5. Click on the Publish button and copy the YouTube shorts embed code.
  6. Now, go to your website & paste the embed code for YouTube shorts.

Easy right?

Here’s what the embedded YouTube Shorts looks like in action:

Like what you see? Create and display a YouTube Widget on your website.

YouTube Shorts Widget

Collect, moderate, and Embed YouTube Shorts on website

Access All PRO Features | No Credit Card Needed

How to Embed YouTube Shorts on Website for Free?

Even though YouTube does not offer an official embedding option to its users, you can still embed shorts using the Iframe code.

YouTube short code

Use this HTML code to generate your embed code for YouTube shorts:

<!DOCTYPE html>
<html>
<body>

<iframe src="https://youtube.com/embed/—------------?feature=share" rameborder="0" height="500" width="500"></iframe>

</body>
</html>
  • Go to YouTube and navigate to the short that you want to embed on your website 
  • Click on the Share button present in the options 
  • A pop-up will appear. Copy the link.
  • Place the copied link into the <iframe src> tag in the given code.
  • Replace the ‘shorts’ in the link with ‘embed’ followed by the video ID.
    (For example – https://www.youtube.com/embed/vH4u5QbeM)
  • You can even adjust the height and width of the video by mentioning your preference in the <iframe tag>.
  • Log into your website-building platform.
  • Navigate to the section or webpage where you want the YouTube short to appear.
  • Paste the code into the website HTML editor and save the changes.
  • That’s it; your YouTube short has been embedded successfully.

Note: At this point YouTube does not provide the option to embed Shorts directly.

This is all it takes to embed a YouTube short on your website. However, you need to have a little technical knowledge for the same. Moreover, the limitation is that this method allows you to embed only one short at a time, compared to a social media aggregator tool that collects, curates, and embeds multiple shorts in one go.

Code Review of YouTube Widget

<iframe width="315" height="560"
src="https://www.youtube.com/embed/QPOLrbKI5oQ"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture;
web-share"
allowfullscreen>
</iframe>
image
Create and embed your first Youtube Shorts feed for free!

Collect, moderate, and add Youtube Shorts on any website to increase social proof and authenticity

Signup, its FREE

No Credit Card Needed.

Steps to Embed YouTube Shorts Using Social Media Aggregator

Can you embed YouTube Shorts without coding knowledge? The answer is YES! With a UGC platform like Tagbox, you can embed YouTube shorts on the website easily and in a few minutes without technical skills. How? Let’s proceed:

Step 1. Create a YouTube Shorts Widget

  • Start the process by logging into your Tagbox Widget account. You can sign up for a free account if you are a new user.
Embed youtube shorts on website
  • Once you log in, you will be redirected to the dashboard section of the Taggbox widget. Click on “Add Social Feeds” to aggregate the YouTube shorts.
add YT shorts on website
  • If you are already a tool user, click on the “Add Another Widget” option, give your widget a unique name, and click the “Create Widget” button. Now, you need to pick YouTube as a source.
add youtube shorts to website
  • A pop-up will appear. Choose “Shorts” from the mentioned options. Next, copy and paste the YouTube channel URL from where you want to embed YouTube shorts.
how to embed youtube shorts
  • Finally, click on the “Create Feed” option. You will see all the aggregated YouTube shorts in the widget editor in minutes.

Also Read – How to embed Youtube Channel on Website?

Step 2. Generate YouTube Shorts Embed Code

After aggregating the YouTube shorts, you can use the tool’s customization options to style the widget. The Taggbox Website widget offers many options, including themes, templates, fonts, and colors.

Additionally, you can use the profanity filter in the content moderation panel to remove any unwanted or inappropriate content from the YouTube short widget. This way, you can ensure premium quality content on your website.

  • Once you are convinced with the appearance of your widget, you will be ready to begin the embedding process.
youtube shorts widget
  • Click on the “Embed On Webpage” option at the bottom left corner of your widget editor.
youtube shorts embed
  • Select the website-building platform on which you wish to embed YouTube shorts widgets, such as HTML, WordPress, Wix, Weebly, Squarespace, Shopify, etc.
YouTube shorts embed code
  • Once you’ve done this, click the “Get Code” option and copy the YouTube Short embed code to the clipboard.
  • Additionally, you may be able to adjust the widget’s width and height to match the overall look of your website.

Step 3. Embed YouTube Shorts Widget Into Any Website

  • Log in to your website and go to the backend or editor section of the page where you want to embed the YouTube Shorts.
  • Paste the copied YouTube Shorts embed code from the Taggbox Widget to the body of your web page and publish/update the changes.
  • You will have successfully embedded YouTube Shorts on your website.

YouTube Widget in Action

youtube shorts on website
how to embed youtube shorts video

How to Embed YouTube Shorts on Any Website?

Find the easy step-by-step guide to embed YouTube Shorts on various CMS platforms without coding knowledge.

How to Embed YouTube Shorts in HTML?

  • Start by logging into your HTML admin account and navigating to the webpage or section where you wish to see the YouTube short widget.
  • Visit the backend section of the website and paste the copied embed code into the provided section.
  • Click on Apply to save the changes, and it’s done.

Build a YouTube Shorts Widget for your HTML site

Start Now with Taggbox Widget!

How to Embed YouTube Shorts in WordPress?

embed YouTube shorts wordpress
  • Begin by logging into your WordPress account and visiting the editor section of the webpage where you wish to embed YouTube shorts.
  • Select the visual and text option on the right side of the webpage. 
  • Click on the Text mode. 
  • Next, paste the copied embed code into the code field. 
  • Click on Update to save the changes and embed YouTube shorts in WordPress.

How To Integrate YouTube Shorts On Squarespace?

embed YouTube shorts squarespace
  • Log into your Squarespace account.
  • Click on the +Add/Edit block.
  • From the pop-up, click on the </> code button.
  • Now, paste the copied code into the provided section.
  • Lastly, click on the Done button.

How To Embed YouTube Shorts To Shopify?

embed YouTube shorts shopify
  • Begin the process by logging into your Shopify account.
  • Choose the online store option present in the sales channel section.
  • Select themes in the drop-down menu bar.
  • Click on the Action option.
  • Now, choose Edit code in the drop-down list.
  • Select the section/webpage where you want to add YouTube shorts to the Shopify store.
  • Paste the embed code and save the changes to finish the process.

How To Embed YouTube Shorts On Wix?

embed YouTube shorts wix
  • Begin the process by logging into your Wix account. 
  • Navigate and click on the +button on the left side of the webpage.
  • Choose the More option. 
  • Choose HTML iFrames from the embeds section. 
  • Then, paste the copied embed code into the code section provided by the platform. 
  • Lastly, click on the Apply option to save the changes.

How To Showcase YouTube Shorts On Weebly?

embed YouTube shorts weebly
  • Start by logging into your Weebly account. 
  • Go to the embed code element.
  • Use the drag and drop where you want to embed YouTube shorts. 
  • Choose the HTML box. 
  • Select the Edit Custom HTML option. 
  • Paste the copied embed code. 
  • Finally, you need to save the changes to complete the process successfully.

Adding YouTube Shorts Widget Using WordPress Plugin

You need to do this to embed YouTube shorts on your website effectively; however, if you do not wish to follow the steps, you can use these alternative options.

YouTube shorts WordPress Plugin
image
Create and embed your first Youtube Shorts feed for free!

Collect, moderate, and add Youtube Shorts on any website to increase social proof and authenticity

Signup, its FREE

No Credit Card Needed.

If you have chosen WordPress as your CMS platform, you can use the Taggbox Widget WordPress plugin. Search for the plugin in the WordPress directory, install it, and activate it to make it functional.

You can use this plugin by connecting your WordPress website to your YouTube widget to stream video content seamlessly.

Why You Should Add YouTube Shorts To Your Website?

Now, you can add YouTube Shorts to your website using the easiest and quickest method possible. But, if you’re still not convinced about using this marketing strategy for your brand’s growth, consider the main advantages, which we believe will encourage you to include YouTube Shorts on your website.

1. Makes the website more lively

2. Enhances visitor engagement

3. Gives users a sneak peek at your YouTube presence

4. Video Content Increase SEO

1. Makes the website more lively

Websites are the brand’s representations in this era of digitization. A consumer’s perception of a brand’s quality and reputation is frequently based on its website.

As a result, having an appealing website that attracts customers and improves their browsing experience is critical. And what better way to add that much-needed dynamism than through videos?

2. Enhances visitor engagement

Visitors to a business website should spend more time on it, as it may pique their interest in your company.

Your visitors can browse through the feed, view Shorts, and remain engaged on the page since Taggbox provides a scrollable widget that refreshes automatically. The longer their dwell time, the higher your website’s engagement rate will be.

3. Gives users a sneak peek at your YouTube presence

In addition, Taggbox allows users to embed YouTube video playlists from their YouTube channel. Your visitors will receive a sneak peek into your YouTube presence, and because they will have the opportunity to subscribe to your channel, you will be able to grow your YouTube subscriber base.

4. Video Content Increase SEO

Including video content on your website can significantly boost your SEO efforts. According to a study by Cisco, it’s projected that video will account for 82% of all internet traffic by 2022. Additionally, websites with video are 53 times more likely to reach the front page of Google search results. Videos engage users, reduce bounce rates, and improve your chances of appearing in search results, making them a valuable tool for enhancing your website’s SEO.

How to embed youtube shorts

Conclusion

Social media has evolved exponentially over the years. To stay ahead of the pack in this tough competition, you’ll need to keep up with the newest Influencer marketing methods and figure out easy ways to get the most out of this gigantic marketing medium.

YouTube is undeniably a prominent and influential social networking site. It can assist businesses in achieving their objectives. You can also get much value from YouTube shorts by embedding them on your website.

And, given the current popularity of YouTube Shorts, you’ll be able to reap the rewards even in the coming years.

Now, create your Free Taggbox widget account and begin the process!

FAQs

Yes, you can easily find YouTube shorts code. Follow the steps:

  • Go to to the YouTube short you want to embed
  • Right click on it, and choose Copy embed code .

Using social media aggregator like Taggbox anyone (no coding background) can add multiple Youtube shorts on their website.

You can use the Taggbox WordPress plugin to embed the YouTube Shorts on WordPress website. Go to your wordpress editor and install & activate the wordpress plugin. Collect the shorts you want to embed and copy the code. Now paste where you want to embed.

Adding YouTube videos into your Shopify store is a simple process. Collect all the YouTube videos you want to feature in your YouTube widget, generate the embed code, and then seamlessly insert the code into your Shopify website.

Related Articles