Watch Tutorial

Everything you need to know to get Moast up & running on your store

39 articles

How to Embed YouTube Shorts on Shopify

You found the perfect Short to put on your store, you pasted the link into Shopify, and you got hit with “This link is invalid. Try pasting a complete YouTube/Vimeo link.” Or maybe the Short finally loaded, but it showed up as a small widescreen clip with black bars on either side, nothing like the full height vertical video you wanted.

Both problems trace back to the same cause, and both take a couple of minutes to fix. This guide covers the quick fix for the invalid link error, how to add a Short to your homepage and product pages, and the step most tutorials skip: how to make the Short actually display vertical instead of letterboxed. You do not need an app to get started.

Why YouTube Shorts will not embed on Shopify

The short version: Shopify does not accept the Shorts link format.

When you copy a Short, the link looks like this:

https://www.youtube.com/shorts/AbC123dEfG

Shopify’s native video field only reads the standard watch URL. According to Shopify’s own Help Center, Shorts URLs in the youtube.com/shorts/ format are not currently supported, but you can use them by converting the link to the standard format. That single difference is what triggers the “invalid link” message.

Here is the reassuring part. A Short is just a normal YouTube video filmed vertically. It carries the same video ID as a regular watch link, so the fix is a tiny edit to the URL rather than anything technical.

The quick fix: convert the Shorts URL

Take the video ID from your Short and rebuild the link in the standard watch format.

Shorts link:

https://www.youtube.com/shorts/AbC123dEfG

Change it to:

https://www.youtube.com/watch?v=AbC123dEfG

The ID (AbC123dEfG in this example) does not change. You are only swapping shorts/ for watch?v=. Paste that version into Shopify and the invalid link error goes away.

Method 1: Add a Short to your homepage (no code)

This uses the Video section built into most Shopify 2.0 themes, including Dawn.

  1. In your admin, go to Online Store > Themes > Customize.
  2. On the homepage, click the Add section and choose Video.
  3. Open the section settings and find the video URL field.
  4. Paste your converted watch URL (the watch?v= version, not the shorts/ one).
  5. Save.

This is the fastest route, and it is plenty if you just want a single clip on the page. One catch worth knowing up front: the native Video section is built for standard 16:9 video, so a vertical Short sits inside a wide frame with empty space on the sides. If that bothers you, the vertical method further down solves it.

Method 2: Add a Short to a product page

On a product page, Shopify treats video as product media.

  1. Go to Products and open the product you want.
  2. In the Media area, click Add media, then Add media from URL.
  3. Paste the converted watch?v= URL.
  4. Save.

The same rule applies here: the shorts/ link gets rejected, the watch?v= link works. And the same widescreen sizing limitation carries over too.

Method 3: Make the Short display vertical 

If you want the Short to show full height the way it looks on YouTube, the native sections will not do it for you. You need a small custom embed with a vertical wrapper. It is still a copy and paste job, just into a different spot.

Most Shopify 2.0 themes let you add a Custom Liquid section, which accepts raw HTML.

  1. In the theme editor, click Add section and choose Custom Liquid (or add a Custom Liquid block inside an existing section).
  2. Paste the code below.
  3. Replace VIDEO_ID with your Short’s ID.
  4. Save.

<div class=”vertical-short”>

  <iframe

    src=”https://www.youtube.com/embed/VIDEO_ID?rel=0&playsinline=1″

    title=”YouTube Short”

    loading=”lazy”

    allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture”

    allowfullscreen>

  </iframe>

</div>

<style>

  .vertical-short{

    position: relative;

    width: 100%;

    max-width: 340px;

    margin: 0 auto;

    aspect-ratio: 9 / 16;

  }

  .vertical-short iframe{

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    border: 0;

    border-radius: 12px;

  }

</style>

A couple of notes. To get the embed link, you can also open the Short on a desktop browser, change the URL to the watch?v= form, then use Share > Embed on YouTube to copy the code. The snippet above skips that by building the /embed/ link directly. The aspect-ratio rule is what keeps the player at a true 9:16 vertical and centers it with a sensible max width, so it does not blow up across the whole screen on the desktop.

Useful embed settings

You can shape how the Short plays by adding parameters after the video ID. Chain them together with &.

SettingWhat it does
rel=0Keeps the suggested videos at the end limited to your own channel instead of random ones
mute=1Mutes the video, which is required if you also want it to autoplay
autoplay=1Starts the video automatically (only works when paired with mute=1)
loop=1&playlist=VIDEO_IDLoops the Short (you repeat the same ID in the playlist value)
controls=0Hides the player controls for a cleaner look
playsinline=1Plays inline on iPhones instead of forcing full screen

A common setup for a quiet, looping background clip looks like this:

embed/VIDEO_ID?autoplay=1&mute=1&loop=1&playlist=VIDEO_ID&controls=0&rel=0&playsinline=1

Troubleshooting the common errors

“This link is invalid. Try pasting a complete YouTube/Vimeo link.” You pasted the shorts/ URL. Convert it to watch?v= and try again.

“Could not load video metadata.” The link format is usually still the cause, so check that first. If the URL is correct, the video may be private, unlisted with restrictions, age restricted, or still processing on YouTube’s side. Set it to public, wait a few minutes, and retry.

The Short shows as a small widescreen video with black bars. That is the native Video section doing what it is built to do, which is 16:9. Use the vertical embed in Method 3 to get a true 9:16 player.

The video will not autoplay. Browsers block autoplay with sound. Add mute=1 next to autoplay=1.

It looks fine on desktop but breaks on mobile. Add playsinline=1 so iPhones play the clip inside the page rather than opening it full screen.

When manual embedding stops being worth it

For one or two Shorts on a page, everything above is all you need, and it costs nothing. The manual route starts to wear thin when you want several shorts shown together, kept vertical, and refreshed every time you post a new one. At that point you are pasting and resizing iframes by hand every week and touching theme code each time you swap a clip.

That is the gap Reevli is built for. You connect your YouTube channel once, and your videos and Shorts appear on your store as a clean vertical feed, the swipeable layout people already recognise from social apps. It stays vertical without any CSS to manage, new uploads sync in on their own, and you place it from the theme editor instead of pasting code. It is free to start, and right now it focuses on YouTube, with Instagram, TikTok, and Facebook on the way.

So a fair rule of thumb: a clip or two, do it manually with the steps above. A full feed that updates itself, let an app handle it.

Frequently asked questions

Can you embed YouTube Shorts on Shopify? Yes. Shopify does not accept the youtube.com/shorts/ link directly, but once you change it to the standard youtube.com/watch?v= format, it works in both the homepage Video section and the product media field.

Why does my Short show up as a wide video? Shopify’s built in Video section displays everything at 16:9, so a vertical clip gets letterboxed. To show it full height, use the custom vertical embed with the 9:16 wrapper from Method 3.

Can I autoplay a YouTube Short on my store? Yes, as long as it is muted. Add autoplay=1 and mute=1 together, since browsers block autoplay with sound.

How do I show more than one Short? You can stack several custom embeds, but it gets fiddly to manage and keep current. For a set of Shorts that stays vertical and refreshes on its own, a feed app is the simpler choice.

Will embedding Shorts slow down my store? A clip or two has little impact, especially with loading=”lazy” on the iframe. Many embeds on a single page add weight, so lazy loading and keeping the count sensible both help.

The one change that fixes it

Getting a YouTube Short onto Shopify comes down to the detail almost everyone misses: the shorts/ URL is not supported, so you convert it to watch?v=. After that, you can drop it on your homepage or a product page in a couple of clicks, and if you want it to look the way it does on YouTube, the vertical embed takes care of the sizing. Manual is perfect for a clip or two. Once you want a full, self updating feed, that is the point where an app starts to pay for itself.


Last updated June 2026. 

Related Articles

Did this answer your question?