A YouTube Shorts widget shows your channel’s Shorts on your website in a swipeable row and adds new ones as you publish. If you’ve looked into how to embed YouTube Shorts, this template does it with one code snippet instead of one link per video. It runs on the EmbedSocial YouTube Shorts widget.
What the YouTube Shorts widget shows and where to place it
A YouTube Shorts widget is an embedded section that pulls Shorts from your YouTube channel and plays them on your site. You connect the channel once, and new Shorts sync on their own.
Use it when you post product demos, tips, tutorials or behind-the-scenes clips as Shorts. Visitors watch them on your page instead of leaving for YouTube.
This template shows vertical Shorts cards with a Shorts badge, video titles and posting times. A header carries your channel title, description and a Subscribe button.
To embed YouTube Shorts on website pages, you paste one code snippet. No coding is needed, and custom CSS is optional.
- Homepage: gives visitors a quick, visual look at your brand in under a minute.
- Pricing page: short demos answer “how does it work?” while visitors compare plans.
- Product pages: Shorts showing the product in use sit next to the details.
- Landing pages: campaign clips keep the page’s message visual without long videos.
How to add a YouTube Shorts widget to your website
- Connect your YouTube channel (Shorts feed) in EmbedSocial.
- Choose the template from the templates library.
- Customize the title/description and enable the Subscribe button.
- Select how many Shorts to show and adjust spacing/card size.
- Copy the embed code (JavaScript or iFrame).
- Paste it into your site (WordPress, Shopify, Wix, Squarespace, or custom HTML) and publish.
You can try the template on a 7-day free trial before you publish it.
WordPress
Open your page in WordPress, add a Custom HTML block and paste the embed code. Click Update to publish.
If you use the EmbedSocial plugin, paste the widget shortcode into a Shortcode block instead.
Shopify
Copy the embed code from the widget editor. In Shopify admin, go to Online Store, then Themes, then Customize. Add a Custom Liquid section.
Paste the code where the Shorts should appear, such as a product page template, and save.
Wix
In the Wix editor, click the Add (+) button and choose Elements, then Embed Code, then Embed HTML.
Paste the code into the field, click Update and publish the page.
Squarespace
Add an Embed Block where the Shorts should go, click it and choose the Code Snippet option.
Paste the embed code, then save and publish.
Shorts carousel vs other layouts
| Layout | Best for | Shows | Template |
|---|---|---|---|
| Shorts carousel | Many Shorts in a small space | Vertical Shorts cards with arrows and swipe | YouTube Shorts Widget for Your Website |
| Shorts section | Featuring one Short above the rest | One featured Short beside a scrollable feed | YouTube Shorts Section |
| Playlist player | Longer videos watched in order | A large player with a playlist queue | YouTube Playlist Widget with Sidebar |
One Short vs a Shorts feed
One Short: YouTube gives each Short a shareable link, but no Embed button or iframe. On its own, that link sends visitors to YouTube instead of playing on your page.
A Shorts feed: a widget pulls Shorts from your channel and plays them on your site. You paste one embed code, and new Shorts appear without manual updates.
Pick a single link when you mention one video in passing. Pick a feed when you post Shorts regularly and want your site to keep up.
