How To Add Videos To Elementor

How To Add Videos To Elementor



Whether you’re running a blog, an e-commerce site, or a portfolio, adding videos can breathe life into your web pages and convey your message more effectively.

Elementor, the versatile WordPress page builder, offers seamless integration for incorporating videos into your website without the need for complex coding.

In this guide, we’ll explore the art of adding videos to Elementor, empowering you to enhance your website’s visual appeal and create engaging multimedia experiences for your audience.

So, let’s dive into the world of video integration and learn how to leverage Elementor’s capabilities to bring your web pages to life with dynamic video content.

Why Add Videos to Your Website?

Before we delve into the “how,” let’s first understand why incorporating videos into your website is a smart choice:

  • Enhanced Engagement: Videos are inherently captivating and can hold your visitors’ attention longer than text or static images.
  • Improved Communication: Videos allow you to convey complex information, ideas, or stories more engagingly and concisely.
  • Visual Appeal: Well-placed videos can break up text-heavy pages, improving the overall aesthetics of your website.
  • Better SEO: Search engines often favour websites with video content, potentially improving your search engine rankings.
  • Versatility: Videos can be used for various purposes, including product demonstrations, tutorials, testimonials, or simply as a way to showcase your creative work.


Before you start adding videos to Elementor, ensure you have the following prerequisites in place:

  • WordPress with Elementor: Make sure you have a WordPress website with the Elementor plugin installed and activated. If you haven’t installed Elementor yet, you can find it in the WordPress plugin repository.
  • Video Content: Prepare the video files you want to add to your website. These can be self-hosted videos or videos hosted on platforms like YouTube or Vimeo.

How Do I Add Videos To Elementor?

Videos have become a vital medium for engaging and communicating with your website visitors effectively. Whether you’re running a blog, an e-commerce site, a portfolio, or any other type of website, incorporating videos can add a dynamic and engaging dimension to your web pages. 

Fortunately, Elementor, the versatile WordPress page builder, makes it incredibly easy to seamlessly integrate videos into your website without the need for complex coding. 

In this comprehensive guide, we’ll explore the art of adding videos to Elementor, empowering you to enhance your website’s visual appeal and create engaging multimedia experiences for your audience. 

Now, let’s explore the step-by-step process of adding videos to Elementor:

Step 1: Access the Elementor Editor.

  • Log in to your WordPress dashboard.
  • Navigate to the page or post where you want to add a video. You can choose to edit an existing page or create a new one.
  • Click the “Edit with Elementor” button to launch the Elementor editor.

Step 2: Add a Video Widget.

Here’s how to add a video to your Elementor page:

  • Locate the Video Widget: In the Elementor editor, you’ll find a variety of widgets on the left-hand panel. Look for the “Video” widget.
  • Drag and Drop the Video Widget: Drag the “Video” widget and drop it into the section or column where you want to place the video on your page.

Step 3: Configure the Video Widget.

Once you’ve added the Video Widget, you can configure it to display your video:

  • Video Source: Depending on your preference, you can choose to embed a video from YouTube, Vimeo, or other platforms. Alternatively, you can upload your video file directly.
  • Video URL or Upload: Enter the URL of the video you want to embed or upload the video file from your computer.
  • Video Settings: Customize the video’s settings, such as autoplay, loop, mute, and player controls. These options may vary depending on your chosen video source.

Step 4: Customize the Widget.

You can further customize the appearance of the video widget:

  • Size and Alignment: Adjust the dimensions of the video player and align it within the column or section.
  • Overlay and Background: Add overlays or background colours to enhance the video’s visual appeal.

Step 5: Save and Preview.

Once you’re satisfied with the video placement and customization, click the “Save” button.  Use Elementor’s preview feature to see how the video will appear on your website in real-time.

Step 6: Publish Your Page.

After you’ve previewed your page and confirmed that the video looks and functions as desired, click the “Publish” button to make your changes live on your website.


Adding videos to your Elementor-powered website is a straightforward process that can significantly enhance your website’s engagement and visual appeal. 

By following the steps outlined in this guide, you can effortlessly integrate videos into your web pages, whether you’re showcasing products, creating tutorials, or simply aiming to make your content more engaging. 

Elementor’s user-friendly interface and powerful customization options make it an ideal platform for seamlessly incorporating video content into your website. 

What do you think?

Written by Udemezue John

Hello, I'm Udemezue John, a web developer and digital marketer with a passion for financial literacy.

I have always been drawn to the intersection of technology and business, and I believe that the internet offers endless opportunities for entrepreneurs and individuals alike to improve their financial well-being.

You can connect with me on Twitter


Leave a Reply

Your email address will not be published. Required fields are marked *

GIPHY App Key not set. Please check settings



    How To Edit Your Website With Elementor


    How To Use Templates In Elementor