Embed YouTube Shorts in Elementor

Step-by-step guide to embed YouTube Shorts in Elementor using the Custom iFrame WordPress plugin. Vertical video, no coding required.

Overview

Custom iFrame lets you embed YouTube Shorts in Elementor by pasting any Shorts URL into the widget. Shorts use a vertical 9:16 format, so height settings matter more than with standard videos.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Gutenberg instead? Follow the Embed YouTube Shorts in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A YouTube Shorts URL to embed

Step 1: Get the YouTube Shorts URL

Open YouTube and find the Short

Go to youtube.com and find the Short you want to embed. Shorts URLs follow the format youtube.com/shorts/VIDEO_ID.

Copy the share link

Click the Share button on the Short. Click Copy Link to copy the URL.

Open your page in Elementor

Go to the page where you want the Short. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Step 3: Embed YouTube Shorts in Elementor

Paste the Shorts URL

In the Content tab, paste the Shorts URL into the Source URL field. The Short appears in the editor.

Custom iFrame widget in Elementor editor showing YouTube Shorts URL in Source URL field with vertical video preview

Set the height for vertical format

Shorts are vertical (9:16 ratio). Set Height to at least 560px for a standard width, or enable Auto Height to let the iFrame resize automatically.

Publish

Click Update or Publish. Your YouTube Short is live on the page.

Auto Height works well for Shorts since the vertical format varies by screen width. Enable it in the Content tab to avoid cropping.

Troubleshooting

Short appears cropped: Increase the height or enable Auto Height. Shorts need more vertical space than standard videos.

Short does not load: Confirm the Shorts URL is public. Copy the link directly from the Share button rather than from the browser address bar.

Short shows black bars: The container width may be wider than expected. Set a fixed Container Width in the Style tab to match the Short's aspect ratio.

For more help, see iFrame Not Showing.

FAQ

Shorts are 9:16 vertical video. At a widget width of 315px, set height to 560px. Enable Auto Height to let the iFrame calculate the correct size automatically.

No. Basic Shorts embedding works with the free version. Pro adds autoplay, loop, captions, playback controls, and advanced YouTube API support.

Yes. Both the Shorts URL (youtube.com/shorts/ID) and the standard watch URL (youtube.com/watch?v=ID) work in the Source URL field.

Yes with Pro. The same YouTube Basic Options available for regular videos (Autoplay, Mute, Loop, Privacy Mode) work for Shorts too. See the Embed YouTube Video in Elementor guide for full Pro option details.

Also Available For

Embed YouTube Shorts in Gutenberg

Guide for the WordPress block editor.

Embed YouTube Video in Elementor

Full YouTube embed guide with all Pro options.

Was this page helpful?

Last updated today

Built with Documentation.AI