How To Embed YouTube Shorts in Elementor (2024 Update)

Hi guys, welcome to WebSense Pro! This blog post will walk you through a quick and easy trick to help you embed YouTube Shorts on your Elementor website. If you’re a web designer or developer-facing challenges embedding YouTube Shorts (not long-form videos), this guide is for you. Follow these simple steps to get your YouTube Shorts up and running on your Elementor site.

Step 1: Create a New Page

1. Log in to your WordPress dashboard.
2. Go to Pages on the left sidebar.
3. Click on Add New.
4. Name your page, for example, “Embed YouTube Shorts”.
5. Click Edit with Elementor.

Step 2: Design the Page

1. In Elementor, you will see a blank canvas where you can design your page.
2. Drag a Heading widget from the left sidebar into the page. This will be your page title.
3. Style your heading as you like using the options in the left sidebar.

Step 3: Add a Container and Video Widget

1. Drag a Container widget onto the page. This container will hold your YouTube Shorts.
2. Create a two-column structure by selecting a two-column layout within the container.
3. Drag a Video widget into the first column of the container.

Step 4: Embed the YouTube Shorts

1. Go to YouTube and find the Shorts video you want to embed.
2. Copy the URL of the Shorts video.
3. In Elementor, click on the Video widget you added.
4. Paste the copied URL into the Link field under the Content tab.
5. Modify the URL: Change the word “shorts” in the URL to “embed”.

Step 5: Publish Your Page

1. Click Update to save your changes.
2. Preview the page to ensure everything looks and works as expected.

Conclusion
Embedding YouTube Shorts in Elementor is a simple process requiring a few tweaks. Following these steps, you can easily display engaging short-form videos on your website. This method is updated for 2024, ensuring you have the latest technique.