FeaturesHow it worksPricingBlog

Documentation

Everything you need

Embed YouTube Shorts on any website. Pick your platform and get started in minutes.

Quick Start

1

Connect your YouTube channel

Sign in, go to Dashboard → Channels → Add Channel. Authorize via Google OAuth. EmbedShorts fetches your Shorts automatically.

2

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.

3

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.

4

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

Platform guides

Shopify

Use the native theme extension — no code required. Supports Online Store 2.0 themes.

  1. 1. Install EmbedShorts from the Shopify App Store
  2. 2. Online Store → Themes → Customize → any template
  3. 3. Click Add block → EmbedShorts Widget
  4. 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. 1. Plugins → Add New → search "EmbedShorts" → Install → Activate
  2. 2. Paste your API key from Dashboard → Settings → API
  3. 3. In the editor, add the EmbedShorts block and pick your feed
  4. 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.