YouTube Shorts average about 70 billion daily views, only ranking behind Facebook Reels when comparing short-form video platforms.

As a business owner, you can leverage YouTube Shorts to provide fresh content for your website and engage your target audience.

You only need to embed YouTube Shorts on your site so visitors can consume the content without leaving your web page.

In this article, we discuss everything about embedding YouTube Shorts on a website.

TL;DR – Can You Embed YouTube Shorts?

There are two ways to embed Youtube Shorts on your website.

  • The first method is using a website widget.
  • The second method is using the embed or link option.

I will show you the steps for each of those methods so you can decide which one is the best for you.

Looking for the quickest and the easiest way to embed YouTube Shorts on your site? Use our SociableKIT widget.

Many business owners use our widget to embed short-form videos of product tutorials and user-generated content on their web pages.

Create a SociableKIT widget and curate YouTube Shorts for your audience.

Casual outdoor meeting with friends using technology, including a smartphone and a laptop.

Method 1: Use a Website Widget

To quickly embed Youtube Shorts to your website, follow the steps below.

  1. Create your Youtube Shorts widget here.
  2. Customize your Youtube Shorts widget.
  3. Copy the Youtube Shorts widget embed code.
  4. Login to your website admin panel and create or edit a page.
  5. Paste the embed code where you want the Youtube Shorts widget to appear.
  6. Save and view your page. Done!

That’s easy! Embedding Youtube Shorts widget on your website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.

Looking to purchase our premium features? Please check the details on our pricing page here.

Method 2: Use YouTube Shorts Embed Code

You can manually showcase your YouTube Shorts on your website by following the steps below.:

  1. Go to your YouTube channel.
  2. Choose the YouTube Shorts you want to embed.
  3. Click on the video to open it.
  4. Click the “Share” option.
A person holding a bowl with an ornate steak next to a golden retriever with social media interface elements visible.
  1. Copy the video URL in the box.
A sharing interface with various platform icons and a highlighted 'Copy' button.
  1. Open your WordPress editor, and add or edit a post.
  2. Select the ‘+(Add Block)’ option.
  3. Click on the YouTube Block.
  4. Paste the video URL.
  5. Click Publish. Done!
  6. To create the YouTube shorts on your website, you need to repeat steps 1 onwards to add more posts.

You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.

What Are YouTube Shorts For?

YouTube Shorts is a short video that lasts between 15-30 seconds where you share your unique, engaging, and creative videos, and to find your shorts, just go to your channel and scroll down to find your YouTube Shorts, you can also go to other user’s YouTube Channel to see their YouTube Shorts.

YouTube Shorts is created by YouTube for users to quickly share their engaging and creative ideas. Shorts is very beneficial to business owners and website owners who wanted to promote their product with compact information, explosive way, and in a short time.

Embedding YouTube Shorts on your website can significantly boost engagement. Our YouTube Shorts widget makes it easy to showcase your latest Shorts directly on your site, keeping your audience informed and entertained. Try embedding Shorts today to enhance your website’s appeal and keep visitors coming back for more.

Smiling woman using a Microsoft laptop while working from home.

Reason to Embed YouTube Shorts on Your Website

Embedding YouTube Shorts on your website can be beneficial for a few reasons:

  1. Increase engagement: By adding Shorts to your website, you can increase engagement and time spent on your site. Short videos are quick and easy to consume, which can encourage visitors to watch more content and stay on your site longer.
  2. Improve search engine optimization: YouTube is owned by Google, and embedding Shorts on your website can improve your search engine optimization (SEO) by creating backlinks to your website. This can increase your website’s visibility in search results and drive more traffic to your site.
  3. Reach a wider audience: YouTube has a massive user base, and Shorts is a popular feature on the platform. By embedding Shorts on your website, you can reach a wider audience and potentially attract new visitors to your site.
  4. Showcase your brand: Embedding Shorts on your website can be an effective way to showcase your brand and provide visitors with a glimpse into your business. You can create Shorts that highlight your products, services, or team members and give visitors a better understanding of what your brand is all about.

Customizing Shorts to fit the look and feel of your website can further enhance these benefits by providing a seamless experience for your visitors. Overall, embedding YouTube Shorts on your website can be a great way to increase engagement, improve your SEO, and reach a wider audience.

Woman using a laptop at a desk, with books and documents spread out, seen from behind.

Complete Guide on How to Embed YouTube Shorts

Follow our complete guide below to embed Youtube Shorts on your website for free. The guide is divided into two parts to make it easier to follow.

Create and Customize Your Youtube Shorts Widget

The first part is creating your Youtube Shorts widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don’t need our premium features.
A split-screen image showing customer testimonials for SociableKIT on the left and a sign-up page on the right.
  1. Select “Youtube Shorts” on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.
Screenshot of a dropdown menu for creating a social media solution, featuring options like Google Reviews and Facebook Page.
  1. Customize your feed. Click the “NEXT” button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.
A screenshot of how to customize your feed.
  1. Copy the embed code. Click the “Embed on website” button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.
A screenshot showing a code.
  1. Paste the embed code and save your website page. Please follow the second part below to add Youtube Shorts widget to your website.

Add YouTube Shorts Widget to Your Website

The second part is adding your Youtube Shorts widget to your website. After you customize your Youtube Shorts widget and copied the embed code, it is time to add it to your website. Follow the steps below.

  1. Copy your free Youtube Shorts widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Create a new web page or edit your existing web page where you want the widget to appear.
Screenshot of a WordPress dashboard with a 'Welcome to WordPress' message and version 6.3.1 notice.
  1. Open your webpage. You might use a code editor, a rich text editor, or a code block.
Create a new page.
  1. Paste the embed code you copied from SociableKIT earlier.
A screenshot showing a code inside a box.
  1. Save and publish your web page.
WordPress editor open with a YouTube channel embed and 'Publish' button highlighted by arrows.
  1. View your web page with the widget. Done!

Video Guide: Embed YouTube Shorts on Your Website for Free

Watch our YouTube video below to learn how to embed Youtube Shorts on your website for free.

Live Demo

Below, you can see a live demo of our Youtube Shorts widget. You can click on different layouts such as Masonry layout, Grid, and Carousel if available.

Mistakes to Avoid When Customizing Embedded YouTube Shorts

Embedding YouTube Shorts on your website is a great way to engage your target audience and build social proof for your business.

However, you must optimize the embedded feed. Otherwise, you risk reducing their effectiveness or creating a negative user experience for your site visitors.

Below are common mistakes people make when customizing embedded YouTube shorts:

Ignoring Aspect Ratio

Site owners often forget to adjust for aspect ratio when embedding videos on their web pages.

This results in YouTube Shorts appearing stretched or squished, which can drive site visitors away.

Use the recommended aspect ratio of 9:16 to ensure the videos are in portrait mode.

Setting Videos to Autoplay

Content creators are often tempted to set their YouTube Shorts to autoplay to generate more plays.

However, most users find the autoplay feature irritating and may opt to leave your web page, increasing your site’s bounce rate.

Instead, let users control the videos they watch by clicking to play.

Close-up of a laptop screen displaying the YouTube website with recommended videos.

Adding Multiple Embeds on the Same Web Page

Embedding multiple YouTube Shorts on a web page could affect your site’s loading speed. Also, it could overwhelm your site visitors, discouraging them from interacting with the content.

Instead, we recommend selecting the most relevant videos to maximize user engagement. This also helps maintain your site’s loading speed, giving visitors a positive user experience.

Not Customizing Video Titles and Thumbnails

Avoid generic video titles that do not boost your site’s SEO.

Use keyword-focused titles that enhance searchability and help your YouTube Shorts rank in search results.

Additionally, use custom video thumbnails to increase your brand’s recall value.

Not Making the Feed Responsive

Unresponsive video embeds turn away smartphone users, reducing your site’s mobile traffic.

Remember, most people consume YouTube Shorts on the go. As such, providing responsive embeds encourages mobile users to interact with your videos, boosting your site’s engagement.

Overlooking Accessibility Features

Ignoring accessibility features locks out potential leads with disabilities. As such, ensure the embedded content includes captions and transcripts for accessibility.

For example, add captions to your YouTube Shorts to accommodate site visitors with hearing disabilities.

Hands on a Dell laptop keyboard, with a camera and indoor plants softly blurred in the background.

Common Issues in the Process and How to Fix Them

Here are common issues you might encounter when embedding YouTube Shorts on your website:

  • Embed Not Appearing on Your Site: The embedded YouTube Shorts might appear blank on your site because of the wrong data source or because the browser settings are blocking the embed.

Double-check that you provided the correct YouTube Channel ID. Additionally, change browser settings to allow website widgets.

  • New YouTube Shorts Not Reflected on Your Site: You might add new YouTube Shorts to your Channel, but the videos do not appear on your site. Possible causes include propagation delays on YouTube, caching issues, or the outdated embedded feed.

Wait a few minutes for YouTube to process the new videos, after which the content should appear on your site. If the new videos still don’t appear, request a manual sync to update the embed feed.

  • Private YouTube Shorts: You might notice that some YouTube Shorts from the embedded Channel appear on the feed while others do not. This often means the integration was successful, but some videos could be marked as Private.

In this case, marking the Private videos as Public or Unlisted makes them accessible to site visitors.

  • Limited Personalization Features: YouTube does not provide flexible customization options for its embeddable players. As such, you might be limited to a few themes and layouts.

Use our SociableKIT widget to customize the YouTube Shorts embed to blend with your website theme.

  • Video Thumbnails Not Appearing: There are two main reasons why YouTube thumbnails are not showing in the feed. One, you might be using low-quality thumbnails. In this case, upload high-quality thumbnails to resolve the issue.

Other times, the thumbnail might be too large to fit in the embed. Our SociableKIT widget lets you adjust the thumbnail size to Low so it fits the feed.

Hands of a woman typing on a floral laptop, with open notebooks in front.

Testimonials for Our YouTube Shorts Widget

Thousands of creators and business owners have already embedded Youtube Shorts on their website using SociableKIT. They love our service! Here’s what they tell us.

Embedded YouTube Shorts on Website Examples

One reason users rate our SociableKIT widgets highly is the flexible customization options. For context, we have compiled a few examples of clients who use our widget to embed YouTube shorts on their web pages.

Explore the examples below:

Mr. Drabi YouTube Shorts

Filmmaker Mateusz Zawadka, as mr_drabi, runs a company that produces promotional videos for businesses. He makes it easy for website visitors to find his content by showcasing his latest short films and automotive test videos on his website using our YouTube Shorts widget. This keeps his audience engaged and informed about his latest initiatives and creative activities.

A website page displaying three video thumbnails related to car culture and videography.

HiTe-PRO YouTube Shorts

HiTE PRO is a company that produces 4G antennas and integrated wireless internet amplification systems. They use our YouTube Shorts widget to display quick, informative videos about their latest products and technology developments. This helps them engage with their audience and provide easily accessible content directly on their website.

Webpage with social media links and four preview images of videos related to smart lighting solutions.

Starfield YouTube Shorts

Starfield sells carefully selected local sake from all over Japan and Wakayama specialty products. They use our YouTube Shorts widget to showcase quick, engaging videos about their sake selection and pairing tips. This helps them attract and inform customers, enhancing their online presence with visual content.

Collage of sake bottles and a person playing with children.

The Drag Series YouTube Shorts

The Drag Series is a photo project that uses drag performers’ photos to document and celebrate the LGBT community. They reach a wider audience with their lively and unique content by sharing highlights and behind-the-scenes videos from their photoshoots using our YouTube Shorts widget. Their vibrant, short-form clips helps with their community interaction and growth in followers.

A collage of five fashion-focused video thumbnails featuring diverse outfits.

Roger Morelló Ros YouTube Shorts

Roger Morelló Ros is a committed and imaginative cellist known for his expressive performances and ability to connect with audiences. He uses our YouTube Shorts widget to share snippets of his concerts and behind-the-scenes moments, giving fans a glimpse into his artistic process and daily life. This helps him engage with his audience on a deeper level and reach new fans through captivating short-form videos.

Three video thumbnails of an orchestra concert series, featuring cellists and musicians onstage.

Best Embedding Practices to Drive Long-Term Impact

Embedding YouTube Shorts has the potential to revamp your website, including boosting visitor engagement and converting leads.

However, you must follow various best practices, as outlined below:

Embed Placement

Where you place your YouTube Shorts embed impacts visibility and engagement.

Embed the Shorts on your home page if you want the content to be the main attention grabber.

Alternatively, embed the Shorts in your product listings to leverage UGC to convert leads.

Custom Thumbnails

Use custom thumbnails for your Shorts to grab visitors’ attention quickly.

Thumbnails often provide a synopsis of a YouTube Short, helping your audience decide which videos to watch.

Video Captions and Transcripts

Ensure your videos have captions and transcripts to enhance your embed’s accessibility for site visitors with visual or hearing impairments.

Video captions also bridge phonological differences, especially where you are targeting a global audience.

Finally, you can avail the captions and transcripts in multiple languages to target a larger audience pool.

Schema Markups

Include details like video titles, descriptions, and upload dates to help search engines crawl and index the content.

This increases the videos’ ranking on search engine results and can enhance click-through rates.

CTAs

Use CTA statements and buttons to guide clients through a sales funnel.

For example, suppose you embed YouTube Shorts of UGC content about your products or services. You can add CTA buttons urging site visitors to order the product.

Autoplay and Looping Features

Disable autoplay features to give site visitors autonomy over the Shorts they watch. This helps keep them engaged with the content, encouraging them to stay on your site longer.

Alternatively, enable autoplay but have the videos on mute.

Hands typing on a laptop next to a coffee cup and phone.

Frequently Asked Questions (FAQs)

This section addresses the most commonly asked questions about embedding YouTube Shorts on your site:

How Do I Use a YouTube Shorts Embed Code Generator?

Here’s a step-by-step guide for using a YouTube Shorts embed code generator:

  1. Sign up to SociableKIT for free
  2. Create a YouTube Shorts widget
  3. Provide a data source (YouTube Channel ID)
  4. Customize the widget to your preference
  5. Click on EMBED ON WEBSITE to generate the embed script

Can I Embed Multiple YouTube Shorts on One Page?

Yes. You can embed multiple YouTube Shorts on one web page. If the Shorts are on the same channel, you need to only get the YouTube Channel ID, and the Shorts will appear on your site.

Will Embedding YouTube Shorts Affect My Website’s Load Time?

No. Embedding YouTube Shorts using the SociableKIT widget should not affect your site’s loading speed. However, adding multiple embeds could overwhelm your site, affecting its performance.

Can I Track Analytics for Embedded YouTube Shorts?

Yes. You can track the performance of embedded YouTube Shorts.

For example, you can use Google Analytics to monitor user behavior, including how site visitors interact with the embeds, the average watch time, and number of replays.

Embed Youtube Shorts on your Website in 2 minutes

Quickly upgrade your website by embedding Youtube Shorts on Website in 2 minutes. Sign up to SociableKIT now!

Limited Time Offer!

Sign up now to use our widgets for FREE FOREVER!
No credit card required. Cancel anytime.

Sign up

How to Embed YouTube Shorts on Your Website Builder

Are you using a specific website builder or content management system (CMS)? SociableKIT can work with any website builder. The following sections will show you how to use the Youtube Shorts widget code on commonly used website builders.

How to YouTube Shorts on Your Squarespace Website

To embed YouTube Shorts on your Squarespace website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to Squarespace. You must have a “Business” account in Squarespace to use the widget. The “code block” needed cannot be found if you only have a “Personal” account.
Squarespace login page with options to login.
  1. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
Screenshot of a website's navigation menu with options to create a new page, highlighting the 'Blank' page template.
  1. Add a Code Block. On your Squarespace page, click the ‘Edit’ button. Find the ‘Code’ block and click it.
A screenshot showing how to add a code.

7. Paste the embed code from SociableKIT. On the ‘Content’ of the ‘Code’ block, paste the JavaScript embed code you have copied from your widget.

A screenshot on how to paste the embed code from SociableKIT.

8. Save the changes on the ‘Code block’. After pasting your widget’s embed code. Click the ‘Save’ button on the left part of the page.

Screenshot showing SociableKIT and Squarespace interface with options, a red arrow pointing to a 'Save' button.
  1. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
WordPress editor open with a YouTube channel embed and 'Publish' button highlighted by arrows.

How to YouTube Shorts on Your WordPress Website

To embed YouTube Shorts on your WordPress website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to your WordPress site.
WordPress login screen with fields for username or email and password, with a "Log In" button.
  1. On your WordPress, go to the “Pages” section then click the “Add new page”.
Screenshot of a WordPress dashboard highlighting the 'Pages' menu with an 'Add new page' button.
  1. Pick a pre-defined layout or start with a blank page by clicking the “Blank page” button.
Screenshot of a website builder interface showing templates for adding a new page.
  1. On the body of your page, click the “+” icon and click the “Custom HTML”.
Screenshot of a WordPress editor interface with an 'Add title' prompt and an open 'Custom HTML' block.
  1. Paste the code in the text area. 
A website editor screen showing HTML code snippet for a LinkedIn widget.
  1. To preview, click the preview tab.
Screenshot of a WordPress editor interface with an 'Add title' text and three user profile snippets visible.
  1. Click the Publish or Update button on your WordPress page.
A screenshot of a WordPress blog post editor with a title section and some text and images.
  1. Click the view page. Done!

How to YouTube Shorts on Your Weebly Website

To embed Youtube Shorts on your Weebly website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Log in to Weebly
Weebly login screen with options to log in via Facebook, Google, or Square.
  1. On your existing website on Weebly, click the “Pages” section on the upper left then click the “+”.
Website builder interface with blue artistic background and text "Hi, I'm Sarah Smith. A creative" on the page.
  1. Select what type of page you want to add.
Screenshot of a website builder interface with menu options on the left and a homepage preview.
  1. Add a name to your page and then click “Done”.
Screenshot of a website builder interface with a "test-page" being edited, highlighting the "Done" button and page name field.
  1. On the top menu, click “Build” then on the sidebar, drag the “Embed Code” option on your page.
Screenshot of a Weebly site with a blue ink cloud background and text "Hi, I'm Sarah Smith. A creative".
  1. Click the “Click to set custom HTML” then click “Edit Custom HTML”.
Website builder interface highlighting the 'Edit Custom HTML' option.
  1. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
Screenshot of a website builder interface with a highlighted HTML embed code snippet.
  1. Click the link to your site. Done!

How to YouTube Shorts on Your Wix Website

To embed Youtube Shorts on your Wix website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to Wix.
A Wix login screen with options to continue with Google, Facebook, or Apple, and fields for email and password.
  1. On your existing website click the “+” button beside the “Main pages” section.
Screenshot of a Wix website editor interface with an open side menu and blank page.
  1. Then click the “Add page” button.
Screenshot of Wix website editor interface highlighting the "Add Page" option.
  1. Name your page then hit enter.
Screenshot of Wix website editor interface highlighting the "Add Page" option.
  1. On the left, click “Add element”. Find and click “Embed code”. Click and drag “Embed a site” on your page then resize the container.
Screenshot of a Wix website editor interface highlighting the "Add Elements" and "Embed a Site" features.
  1. Click “Change website address”.
A screenshot of the Wix website editor interface with a highlighted 'Enter Website Address' field.
  1. Paste the link you copied from SociableKIT then click “Apply”.
Wix website editor screen with an open HTML settings dialog box.
  1. Click “Publish” on the upper right.
Website editor interface displaying three profile cards with images and text descriptions.
  1. Click “View site”. Done!
Wix website editor screen displaying a 'Congratulations' message for a site going live.

How to YouTube Shorts on Your Webflow Website

To embed Youtube Shorts on your Webflow website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to Webflow
A login screen with options to sign in with Google or enter email and password.
  1. On your existing website, click the “Page: ….” in the upper left corner then click the “Create new page” icon.
A screenshot of a computer interface with a white canvas and menu options on the left.
  1. Once done add a name for your new page then click “Save”.
Screenshot of a website builder's "New Page Settings" with "test-page" entered as the page name.
  1. On the left, click “Add Element”. Drag “Embed” to your page.
Screenshot of a web design interface with a sidebar highlighting the 'Embed' component.
  1. Paste the JavaScript code you copied from SociableKIT.
Screenshot of an HTML embed code editor within a web design interface with a warning about custom code validation.
  1. On the upper right, click “Publish” > “Publish to Selected Domains”.
Screenshot of a web design interface with a "Publish to Selected Domains" button highlighted.
  1. View your page. Done!

How to YouTube Shorts on Your Shopify Website

To embed Youtube Shorts on your Shopify website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to Shopify
A login screen for Spotify on a gradient teal background.
  1. On the left side, click Online Store.
A screenshot of a Shopify admin panel with settings highlighted and an arrow pointing to "Store status".
  1. Click Pages. Add a new page or edit your existing page.
Screenshot of Shopify admin panel highlighting the "Pages" section and "Add page" button.
  1. On the Page details, click Show HTML icon (<>).
Screenshot of a webpage editing interface with an arrow pointing to the 'Insert image' icon in the toolbar.
  1. Paste the embed code and click the Save button.
Screenshot of a Shopify page editor with HTML code for a Facebook widget highlighted.
  1. Click the View page button. Done!
Screenshot of a Shopify dashboard with an arrow pointing to a "Save menu" button.

How to YouTube Shorts on Your HTML Website

To embed Youtube Shorts on your HTML website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Open your HTML file.
  5. You can create a new HTML page or edit your existing HTML page.
A screenshot of a Notepad document with HTML code on a computer screen.
  1. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
Screenshot of a computer interface showing a context menu with options, highlighted by a yellow arrow.
  1. Save your HTML page.
A screenshot of a computer's notepad application with written text.
  1. You may now upload your HTML page to your web hosting.

How to YouTube Shorts on Your Google Sites Website

To embed Youtube Shorts on your Google Sites website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Login to Google sites. You must have at least a ‘Business Starter’ plan to create and customize your Google sites.
  1. Create or edit an existing website. Click the + ‘Blank’ button on the ‘Start a new site’ section to create or find your existing website under the ‘Recent sites’ section.
A screenshot of the Google Sites homepage with template options and a "Start a new site" prompt.
  1. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an ‘Embed’ button. Click the ‘Embed’ button. 
A computer screen displaying "SociableKIT" on a webpage with a user interface panel to the right side.
  1. Add the widget. A popup ‘Embed from the web’ will open up. Select the ‘Embed code’ tab on the popup.
A screenshot of a web interface with a pop-up titled "Embed Post from the web," highlighting a URL input box.
  1. Paste the embed code from SociableKIT. On the ‘Embed code’ tab, you will see ‘HTML code goes here’ text. Paste the embed code from your SociableKIT widget.
Embed menu on a screen with a red arrow pointing to an input field for a URL.
  1. Save the widget. Once you have pasted your embed code, click the ‘Next’ button.
Screenshot of a pop-up dialog box with error message on a web development platform, with a red arrow pointing to the "Save" button.
  1. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the ‘Insert’ button to insert the widget to your Google sites page.
A screenshot of a social media embed window with the hashtag #SocialBot and a 'Tweet' button highlighted.
  1. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the ‘Publish’ button on the upper right corner of the page.
A screenshot of the SociableKIT website interface, highlighting the brand's name and logo.
  1. Publish your page. After publishing the site, click the down ‘Arrow’ button beside the ‘Publish’ button.
  1. View your page. A dropdown of buttons will be displayed, click the ‘View published site’ button. Done!
A screenshot of the SociableKIT website interface, displaying social media integration services.

How to YouTube Shorts on Your Sharepoint Website

To embed YouTube Shorts on your Sharepoint website, follow the steps below.

  1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
  2. Create and customize your Youtube Shorts widget. Create a Youtube Shorts widget and customize the colors, fonts, and other elements to match your Squarespace website.
  3. Copy the Youtube Shorts widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
  4. Go to your Sharepoint site and log in with your credentials.
Screenshot of a Microsoft sign-in page with email field on a gradient background.
  1. Locate the page that you want to edit or create a new blank page. If you are creating a new page, click the “New” button and select “Page” from the options.
Screenshot of a computer interface highlighting the 'Compose' button in an email application.
  1. On the upper right corner of the page, click the “Edit” button. This will enable you to make changes to the page.
Screenshot of a computer interface with a red arrow pointing to the "Create" button.
  1. Hover over the area where you want to add the SociableKIT widget, then click the “+” icon that appears. From the list of options, find the “Embed” or “<>” icon and click on it.
  1. Paste the embed code provided by SociableKIT into the box.
Screenshot of a web interface with an arrow pointing to an embed code box.
  1. Click the “Publish” or “Republish” button to save your changes and make them live on the site. If necessary, upload the page to your website. You’re done!
Screenshot of a web interface with a prominent "Publish" button indicated by a red arrow.
  • widgets.sociablekit.com
  • data.accentapi.com
  • sociablekit.com
  • images.sociablekit.com

Did not see your website builder? You can find your website builder here: How to embed Youtube Shorts on any website?.

You may also ask our support team if SociableKIT can integrate with your website builder.

If you want to find out more about embedding social media feed to your website, visit our homepage: Add social media feed to your website for FREE!

Related Links

Here are some related links about Youtube Shorts that might help you:

What is YouTube Shorts? YouTube Shorts is a platform for creating and sharing short, catchy videos on YouTube. This section explains how to embed YouTube Shorts on your website for free using a simple HTML iframe workaround.

How to embed YouTube Shorts on website? Learn a quick way to embed YouTube Shorts on your website using a simple HTML iframe tag. This guide complements the main article by providing a straightforward method to add YouTube Shorts to your website for free.

API to read content from YouTube Shorts? The YouTube Data API lets you add YouTube functions, like watching Shorts, to your website. It’s related because you can use this API to show YouTube Shorts on your site for free.

API to create content for YouTube Shorts? Learn how to use the YouTube Data API to upload YouTube Shorts videos step by step. This guide shows you how to easily add YouTube Shorts to your website using the YouTube API.

How to Schedule Posts on YouTube Shorts? Learn how to schedule your YouTube Shorts to go live at a specific time. Scheduling posts on YouTube Shorts helps you plan your content, just like embedding them on your website for better engagement.

Person typing on a laptop, researching or reading online content at a white round table.

Conclusion

Adding YouTube Shorts to your website can boost engagement, attract more site visitors, and improve your website content’s appeal. It will keep your community interested and coming back for more. We hope our tutorial has made the process easy and quick, helping you achieve your target with little effort.

What’s next?

Discover additional widget types you can embed on your website to enhance your business:

If you integrate these widgets, you can improve user engagement and provide valuable information directly on your website.