Documentation
Everything you need
Embed YouTube Shorts on any website. Pick your platform and get started in minutes.
Quick Start
Connect your YouTube channel
Sign in, go to Dashboard → Channels → Add Channel. Authorize via Google OAuth. EmbedShorts fetches your Shorts automatically.
Create a feed
Go to Feeds → New Feed. Choose a layout (Scroll, Carousel, or Grid), set the number of Shorts to display, and customize colors.
Copy your embed code
Click Get Embed Code. You'll get a single <script> tag with your unique feed ID. It's under 15 KB and loads asynchronously.
Paste it on your site
Drop the script tag anywhere in your HTML — in a product page, a landing page, a blog post. The widget renders in-place.
Embed code
<!-- Scroll feed (vertical, TikTok-style) -->
<script
src="https://cdn.embedshorts.com/widget.js"
data-feed="YOUR_FEED_ID"
async defer
></script>
<!-- Carousel (horizontal row, great for product pages) -->
<script
src="https://cdn.embedshorts.com/widget.js"
data-feed="YOUR_FEED_ID"
data-layout="carousel"
data-max-videos="6"
async defer
></script>Replace YOUR_FEED_ID with the ID from your dashboard.
All topics
Quick Start
From zero to live embed in under 5 minutes.
Integrations
Platform-specific installation guides.
Customization
Control layout, colors, fonts, and behavior.
Analytics
Measure what's working.
API Reference
Programmatic access to your feeds and data.
Billing
Plans, upgrades, and invoices.
Platform guides
Shopify
Use the native theme extension — no code required. Supports Online Store 2.0 themes.
- 1. Install EmbedShorts from the Shopify App Store
- 2. Online Store → Themes → Customize → any template
- 3. Click Add block → EmbedShorts Widget
- 4. Select your feed from the dropdown → Save
Prefer code? Add the script tag to sections/main-product.liquid with data-layout="carousel" for product pages.
WordPress
Available as a Gutenberg block and classic shortcode.
- 1. Plugins → Add New → search "EmbedShorts" → Install → Activate
- 2. Paste your API key from Dashboard → Settings → API
- 3. In the editor, add the EmbedShorts block and pick your feed
- 4. Or use the shortcode:
[embedshorts feed="YOUR_FEED_ID"]
Webflow, Squarespace & Framer
Add an Embed element / Custom Code block and paste the script tag.
<script
src="https://cdn.embedshorts.com/widget.js"
data-feed="YOUR_FEED_ID"
async defer
></script>In Framer, use a Code component with dangerouslySetInnerHTML to inject the tag into your page.
Can't find what you need?
Check the help center or email us — we reply within one business day.