View Categories

How to Embed YouTube Shorts in Elementor?

Table of Contents

With the Custom iFrame plugin, you can embed YouTube Shorts in Elementor easily. Show tutorials, product demos, or any YouTube shorts to make your website more engaging.

Follow these steps to display a YouTube shorts on your website.

Not a fan of reading? No worries — we’ve got a video tutorial for you. 📺

Embed YouTube Shorts in Elementor Like a Pro

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get the YouTube Video Link

  1. Open YouTube (https://www.youtube.com/).
  2. Navigate to the particular shorts you want to embed.
  3. Click the ‘Share‘ button of the video > Click on ‘Copy’ button.

Step 2: Install the Custom iFrame Plugin

  1. Install and Activate ‘Custom iFrame Plugin by Coderz Studio‘
  2. Open your page in Elementor Editor.
  3. Search for Custom iFrame and Drag and drop the Widget onto editor area.
This image shows the WordPress plugin “Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily” by Coderz Studio. It allows secure, SEO-friendly, and responsive iFrame embedding in Elementor with features like lazy loading, auto-height adjustment, and dynamic URL support. The plugin has a 5-star rating from 3 reviews, over 1,000 active installations, was last updated 19 hours ago, and is marked compatible with the current WordPress version.

Step 3: Embed YouTube Shorts in Elementor

  1. Go to Content.
  2. Paste the YouTube video URL into Source URL field.
This image shows the Elementor editor interface demonstrating how to Embed YouTube Shorts in Elementor using the Custom iFrame widget. The left panel includes settings to select the source type, paste the video link, adjust height, enable or disable auto height, and toggle scrollbars. The right side displays a YouTube Shorts video titled “Elementor’s 2024 Recap,” featuring a man speaking with the on-screen caption “So, check out Elementor's 2024.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your embed.

Customize your iFrame with our Style Custom iFrame guide—adjust dimensions, backgrounds, borders, and more! 🎨✨

Step 5: Save & Publish

Click Update, and your interactive YouTube shorts is now live on your page!

You’re all set! With Custom iFrame, you can embed YouTube shorts in Elementor easily. Keep visitors interested by adding YouTube shorts to your site. Make your website more interactive and let it do the streaming for you!