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
- Log in to your WordPress dashboard.
- Go to Pages on the left sidebar.
- Click on Add New.
- Name your page, for example, “Embed YouTube Shorts”.
- Click Edit with Elementor.
Step 2: Design the Page
- In Elementor, you will see a blank canvas where you can design your page.
- Drag a Heading widget from the left sidebar into the page. This will be your page title.
- Style your heading as you like using the options in the left sidebar.
Step 3: Add a Container and Video Widget
- Drag a Container widget onto the page. This container will hold your YouTube Shorts.
- Create a two-column structure by selecting a two-column layout within the container.
- Drag a Video widget into the first column of the container.
Step 4: Embed the YouTube Shorts
- Go to YouTube and find the Shorts video you want to embed.
- Copy the URL of the Shorts video.
- In Elementor, click on the Video widget you added.
- Paste the copied URL into the Link field under the Content tab.
- Modify the URL: Change the word “shorts” in the URL to “embed”.
Step 5: Publish Your Page
- Click Update to save your changes.
- 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.
