Embed youtube shorts

How To Embed YouTube Shorts On Website – Guide 2024

11 minute read

YouTube Shorts aren’t just fun to watch but also a powerful marketing channel, as short-form video content is becoming more dominant. And the best part? You can easily grab a large audience with YouTube shorts because using a video on the website is a great way to engage visitors.

In this blog, we will walk you through the simple steps to embed YouTube shorts on a website or blog.

Here are some stats that can help you better understand how adding YouTube Shorts on your website is a powerful way to boost your website engagement.

  • 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.
Embed YouTube Shorts on Website

Youtube Channel

Try Now

Youtube Playlist

Try Now

Youtube Keywords

Try Now

Youtube Shorts

Try Now

| No Credit Card Required |

Quick Guide: How to Embed YouTube Shorts on Website?

  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 or search by name.
  4. Click on the Publish button and copy the YouTube shorts embed code.
  5. Now, go to your website & paste the embed code for YouTube shorts.
  6. Voila! You are done.
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.

Detailed Guide to Embed YouTube Shorts on Website [Different Methods]

1. Embed YouTube Shorts on Website Using Tagbox

2. Add YouTube Shorts on Any CMS Platform

3. YouTube Shorts Embed Code for Single Post

4. YouTube Shorts Embedding Using Tagbox WordPress Plugin

Embed YouTube Shorts on Website Using Tagbox

Can you embedding YouTube Shorts without coding knowledge? The answer is YES! With a UGC platform like Tagbox, you can add 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.
sign up
  • Once you log in, you will be redirected to the dashboard section of the Tagbox widget. Click on “Add Social Feeds” to aggregate the YouTube shorts.
select social feeds
  • One the new screen. Click on “Click here to see all networks” to see all the options.
all networks
  • Out of all the options shown, choose YouTube.
select youtube
  • A pop-up will appear. Choose “Shorts” from the mentioned options.
choose shorts
  • Next, copy and paste the YouTube channel URL from where you want to embed YouTube shorts.
enter channel url
  • Finally, click on the “Create Feed” option. You will see all the aggregated YouTube shorts in the widget editor in minutes. You can customize or moderate it using the options on the left. Taggbox Website widget offers many options, including themes, templates, fonts, and colors.
customize widget
  • Step 9: Once done, click publish.
publish
  • Click on the “Embed On Webpage” option at the bottom left corner of your widget editor.

Step 2. Copy embed code

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, You will see the embed code. Choose your preferred CMS platform, & copy the embed code.
  • Additionally, you may be able to adjust the widget’s width and height to match the overall look of your website.
how to embed youtube shorts video

Step 3. Embed YouTube Short Video 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 Tagbox Widget to the body of your web page and publish/update the changes.
  • You will have successfully embedded YouTube Shorts on your website.

Embed YouTube Shorts on Any CMS Platform

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

a.) Add YouTube Shorts in WordPress

  • Begin by logging into your WordPress account and visiting the editor section of the webpage where you wish to add YouTube shorts on website.
  • 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 integrate YouTube shorts in WordPress.

b.) Embed YouTube Shorts To 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.

c.) Integrate YouTube Shorts on 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.

d.) Add YouTube Shorts on Elementor

To embed YouTube shorts for the Elementor Website, follow the steps below:

  • Choose “WordPress” as your platform for Elementor websites and click on the “Copy Code”.
  • Sign in to your Elementor website and go to the page where you want to add YouTube Shorts.
  • Find the HTML widget or drag and drop a new one onto the page.
  • Paste the embed code copied from the Tagbox widget.
  • Save your changes.
  • Reload your site and you’ll see the Youtube Widget

e.) Integrate YouTube Shorts On 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.

f.) Display YouTube Shorts On 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.

g.) Showcase YouTube Shorts On 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.

h.) Add YouTube Shorts on Webflow Website

Follow the steps below to embed YouTube shorts on Webflow.

  • Choose Webflow as your CMS platform from the options given.
  • copy the embed code below. Now sign in to the admin panel of your Webflow account.
  • Go to the web page you want to edit and add the widget.
  • Select “Add element” and scroll to the “embed” option.
  • Drag & Drop the embed element to your webpage where you want to embed the posts.
  • Paste the embed code generated from the Tagbox and save the changes.
  • That’s it. You’ll see the widget added to your page after reloading.
YouTube Shorts Widget

Collect, moderate, and add YouTube Shorts on website

Access All PRO Features | No Credit Card Needed

3. YouTube Shorts Embed Code For Single Post

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:

  • Go to YouTube and navigate to the shorts 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.
<iframe width="315" height="560"
src="https://www.youtube.com/embed/shorts embed code"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture;
web-share"
allowfullscreen>
</iframe>

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.

Adding YouTube Shorts on Website Using Tagbox 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

If you have chosen WordPress as your CMS platform, you can use the Tagbox 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

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 Tagbox provides a scrollable YouTube 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, Tagbox allows users to embed YouTube channel 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 Tagbox 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 Tagbox anyone (no coding background) can add multiple Youtube shorts on their website.

Yes you can generate embed code for YouTube Shorts using Tagbox firstly Sign up to Tagbox>create widget>generate embed code for widget

Related Articles