Quick Summary
- Elementor v3.27.0+ supports YouTube Shorts directly in the Video widget.
- Copy the Shorts URL and paste it into the widget’s Link field.
- Set aspect ratio to 9:16 for correct vertical display.
- Customize settings like autoplay, mute, loop, and controls.
- Check responsive mode to ensure Shorts look great on all devices.
- Troubleshoot issues by updating Elementor, clearing cache, or converting Shorts URL to
watch?v=format.
YouTube Shorts are everywhere, and they’re a powerful way to grab attention fast. By embedding Shorts directly into your Elementor website, you keep visitors engaged without sending them off-platform.
This not only boosts interaction but also helps improve your site’s SEO visibility and overall user experience.
Does Elementor Support YouTube Shorts?
Yes, Elementor is now fully compatible with YouTube Shorts. With the release of Elementor Core v3.27.0, the Video widget received an update that allows you to embed Shorts directly, without needing to tweak links or use extra plugins.
This means you can simply copy the Shorts URL and paste it into the widget, just like you would with a regular YouTube video. To make sure it looks great, you can set the aspect ratio to 9:16 so the vertical format displays properly.
This update makes embedding YouTube Shorts in Elementor faster, smoother, and more reliable than before.
Step-by-Step: How to Embed YouTube Shorts in Elementor
1. Update Elementor – Make sure you’re using Elementor v3.27.0 or later, since this version officially supports YouTube Shorts.
2. Copy the YouTube Shorts URL – On desktop, go to the YouTube Shorts video you want to embed. Right Click and choose Copy Video URL (it should look like https://www.youtube.com/shorts/VIDEO_ID).
3. Add the Video Widget – From the Elementor panel, drag and drop the Video widget into your desired section.
4. Paste the Shorts Link – Under Content → Source, choose YouTube. Paste the Shorts URL into the Link field.
5. Adjust the Aspect Ratio – Since Shorts are vertical, set the Aspect Ratio to 9:16 so the video displays correctly.
6. Customize Playback Options (Optional)
- Autoplay → ON (also toggle Mute for autoplay compliance).
- Loop → ON if you want the video to repeat.
- Hide Controls/Branding → for a cleaner look.
7. Check Mobile Responsiveness – Use Elementor’s Responsive Mode to preview on tablet and mobile. Adjust column width or padding if needed.
8. Save and Publish – Click Update/Publish. Your YouTube Short is now live on your Elementor site.
Best Practices for Displaying Shorts in Elementor
To make your YouTube Shorts look professional in Elementor, always set the aspect ratio to 9:16 for a perfect vertical display.
Enable autoplay with mute for smoother engagement, and use loop if you want the video to replay automatically.
Finally, test in Responsive Mode to ensure the Shorts fit beautifully on mobile, tablet, and desktop.
Common Issues and Fixes
Sometimes YouTube Shorts may not display correctly in Elementor, but most issues are easy to fix. First, confirm you’re running Elementor v3.27.0 or higher, since earlier versions don’t fully support Shorts. If the video still won’t load, try clearing your browser and WordPress cache.
Another quick solution is converting the Shorts link into a standard watch?v=VIDEO_ID format, which works reliably with the Video widget. Also, double-check that the aspect ratio is set to 9:16, as incorrect settings can distort the video.
Following these steps usually resolves problems and ensures your YouTube Shorts embed smoothly across all devices.
Make Your Website Pop with Shorts
Embedding YouTube Shorts in Elementor is a simple yet powerful way to make your website more engaging.
With official support in the Video widget, you can now add vertical videos effortlessly, customize their look, and ensure mobile-friendly playback.
Done right, Shorts boost interaction, keep visitors engaged longer, and make your site stand out.