Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Youtube Short (Single Short) on your Webflow website for FREE?

Embed a single YouTube Short on your website to capture attention instantly with bite-sized, engaging video content that encourages quick interactions and boosts viewer engagement.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Youtube Short (Single Short) on your Webflow website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 28, 2026 5 min read Ask ChatGPT
Quick answer

Your Youtube Short (Single Short) on Webflow website — live in 3 steps

SociableKIT syncs your youtube short (single short) automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Youtube Short (Single Short) in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Webflow website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Youtube Short (Single Short) with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Webflow website. Screenshots included so you never get stuck.

Complete Guide

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

Create and customize your Youtube Short (Single Short) widget

The first part is creating your Youtube Short (Single Short) 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. Sign up to SociableKIT - How to embed Youtube Short (Single Short) on your Webflow website for FREE?
  2. Select "Youtube Short (Single Short)" 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.Select "Youtube Short (Single Short)" on the dropdown - How to embed Youtube Short (Single Short) on your Webflow website for FREE?


  3. 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.Customize your feed - How to embed Youtube Short (Single Short) on your Webflow website for FREE?
  4. 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.Copy the embed code. - How to embed Youtube Short (Single Short) on your Webflow website for FREE?
  5. Paste the embed code and save your Webflow website page. Please follow the second part below to add Youtube Short (Single Short) widget to your Webflow website .

Add Youtube Short (Single Short) widget to your Webflow website

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

  1. Copy your free Youtube Short (Single Short) 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. Login to Webflow. 
  3. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  4. Once done add a name for your new page then click "Save".
  5. On the left, click "Add Element". Drag "Embed" to your page. 
  6. Paste the JavaScript code you copied from SociableKIT.
  7. On the upper right, click "Publish" > "Publish to Selected Domains". 
  8. View your page. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Youtube Short (Single Short) on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Youtube Short (Single Short) on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Youtube Short (Single Short) on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Youtube Short (Single Short) on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. 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.
  4. 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.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. 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.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Youtube Short (Single Short) on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Youtube Short (Single Short) on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Youtube Short (Single Short) on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. 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.
  5. 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. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. 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.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. 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. 
  10. 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. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed Youtube Short (Single Short) on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Youtube Short (Single Short) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Youtube Short (Single Short) template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Webflow website.

Widget previewGrid
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Youtube Short (Single Short) on your Webflow website.

What is a YouTube Short Single Short widget?

A YouTube Short Single Short widget displays one selected YouTube Short directly on your website. It gives one important product demo, customer story, announcement, or campaign video a focused place to capture attention.

How do I embed one YouTube Short on my website without coding?

Create the widget in SociableKIT, enter the YouTube Short ID, customize the design, and copy the generated embed code. Paste the code into an HTML, custom code, iframe, or embed block on your website.

Where can I find the YouTube Short ID?

Open the Short in a web browser and look at its YouTube address. Copy the characters that appear after the shorts section and enter them as the Short ID in SociableKIT.

Does the YouTube Short need to be public?

A public Short with embedding enabled gives visitors the most reliable playback experience. An unlisted Short may also work when anyone with the link can view it, but a private Short cannot provide a dependable public website embed.

Do I need to own the Short or create a YouTube API key?

No custom API development or developer key is required for the standard SociableKIT setup. You can connect an eligible Short, although you should feature only video content that you own or have permission to display.

Will the widget automatically replace the video with my newest Short?

No, this widget remains connected to the one Short ID you selected. Use SociableKIT's YouTube Shorts widget when you want a changing feed that can include several Shorts from a channel.

Will changes to the selected YouTube Short update automatically?

Paid SociableKIT plans include automatic syncing for eligible source changes, so you can keep the same embed code. The free plan lets you request a manual sync when you want to refresh the widget.

What information can the Single Short widget display?

The widget can present the selected video with available details such as its thumbnail, title, channel information, and playback controls. The exact elements depend on what YouTube makes available and which SociableKIT settings are enabled.

Will the vertical YouTube Short fit correctly on mobile and desktop?

Yes, the widget is designed to adjust across desktop, tablet, and mobile screen sizes while keeping the Short easy to watch. Preview the finished page at each breakpoint to make sure the player height and surrounding content fit your layout.

Can the YouTube Short autoplay on my website?

Autoplay depends on the widget settings, YouTube, the visitor's browser, and the device. Browsers commonly block autoplay with sound, so the Short may start muted or wait for the visitor to press play.

Can the YouTube Short play in a continuous loop?

YouTube's embedded player supports looping when the player is configured correctly. The available behavior depends on the current SociableKIT player settings and YouTube's embed rules.

Can the Short start with sound?

Visitors can control the sound through the YouTube player when audio is available. Automatic playback with sound is often blocked by browsers, so a click-to-play or muted start usually provides a more reliable experience.

Will captions or subtitles appear in the widget?

Captions can appear when the original YouTube Short has an available caption track and the embedded player supports it. Add or correct captions in YouTube because SociableKIT displays the source video but does not create the caption text.

Can I remove YouTube ads, logos, or related content from the player?

No, YouTube controls ads, branding, recommendations, and standard player behavior inside its embed. SociableKIT can style the surrounding widget but cannot remove elements that YouTube requires or chooses to display.

Why does my YouTube Short say it is unavailable?

The Short may be private, age-restricted, region-restricted, removed, or blocked from external embedding. Check the video's visibility and embedding settings on YouTube before reconnecting or refreshing the widget.

What happens if the Short is deleted or changed to private?

The video can stop playing or become unavailable on your website because the widget follows the YouTube source. Replace the Short ID with another eligible video when you want the website section to remain active.

Can age-restricted or region-restricted Shorts play in the widget?

Age-restricted videos generally cannot be watched through embedded players on most third-party websites. Regional, copyright, account, or content restrictions can also prevent a Short from playing for some visitors.

Do visitors need a YouTube account to watch or interact with the Short?

Visitors can generally watch an eligible public or unlisted Short without signing in. Liking, commenting, subscribing, saving, age verification, or other account-based actions may open YouTube and require an account.

Can I display several Shorts or reuse the same Short on multiple pages?

You can reuse one connected Short in multiple widget designs on paid plans, while each different Short can be added as another source. Use the YouTube Shorts widget instead when you want several channel Shorts presented together as one feed.

Is the widget customizable, available free, and supported on website builders?

Yes, SociableKIT lets you adjust colors, fonts, layout, spacing, and calls to action and works with major website builders that accept embed code. The free plan includes one source, one widget, and 2,000 monthly views, while paid plans add automatic syncing, unlimited widgets and views, branding removal, and 24/7 human support.

Add your Youtube Short (Single Short) widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Youtube Short (Single Short) widget page →