Elementor video gallery

How to Add Elementor Video Gallery to Your WordPress Site

Video may use for several purposes on a website. By adding a video gallery, you can display your news, product details, portfolio, tutorials, etc.

But, how to create an Elementor video gallery?

As you already know that Elementor has so many advanced widgets, including Video Widget. Using this video widgets, you can design a video gallery that you can use on personal and professional purposes on your site.

In this blog, you learn how to create a video gallery with Elementor. Before that, let’s know a bit about the functions of the Elementor Video Widget and how it works.

Table of Contents

Advantages of Elementor Video Widget At a Glance

Elementor video gallery functions

Elementor Video widget comes with lots of functions that allow you to add videos on your website effortlessly. Using these below-advanced features, you can easily control a video and make it perfect.

Let’s see some advantages of Elementor Video Widget at a glance.

Create a video gallery is very simple in the Elementor page builder. Click To Tweet
  • Source: In the Elementor Video widget, you can add videos from four different sources YouTube, Vimeo, Dailymotion, and Self Hosted. To add a video, you need to put the link of your video in the link field.
  • Start & End Time: If you need, you can set a start and end time of your video.
  • Autoplay: When you active the Autoplay option, your video starts when a user comes to the website.
  • Mute: If you want to see the video without sound, you can apply the Mute button.
  • Player Control: You also hide and show the name of your video player using the Player Control.
  • Choose Image: If you want to add a thumbnail in the video, you can select that using the Choose Image option.
  • Lazy Load: You enable and disable the lazy loading option in the video.
  • Image Size: Moreover, you can resize your video thumbnail.
  • Play Icon: You can also add your custom play icon in the video.

Create a video gallery is very simple in the Elementor page builder. It has several options to make your video gallery more professional. Now, we are going to make a video gallery using the Elementor Video widget step by step.

To set up your video gallery page, you need to create a video gallery page. First, log in to your WordPress dashboard and click on the Pages > Add New.

Set up video gallery page

Here, you give the title of your page. Then set your Page Attributes and make it Elementor Canvas. Finally, click on the “Edit with Elementor” button to customize your page.

Create video gallery page

Without creating an individual page, you also can create a video gallery. You can make your gallery any page or any part of your website.

Without creating an individual page, you also can create a video gallery. You can make your gallery any page or any part of your website. Now it’s time to create an amazing gallery.

First, click on the plus button to select your gallery structure.

Click the plus button

Then choose any of the structures according to your needs. Here, we select a four-column structure.

Select your gallery format

After choosing the gallery format, you need to add videos to the gallery. First, you just drag and drop the Elementor Video Widget into columns one to four one by one.

Add video widgets into the section

Lastly, you just add your own videos into the gallery.

Add your video into the gallery

If you want the same gallery format on the next part of your website, you can duplicate the entire section. You can also copy and paste this format in other parts of your website.

To do this, right-click on the section and find all the options to do so.

Duplicate Elementor-Video-Gallery

You will find many third-party Elementor addons that are powerful and allow you to design and customize the website. Happy Addons is one of them. However, the specialty of Happy Addons is that it comes with more advanced free features.

With the help of Happy Addons, you can easily design a video gallery as well as build an entire WordPress site.

Let’s customize and design our gallery with Happy Addons. Here, we use the predefined template of Happy Addons.

First, you have to click the Happy Addons template section for choosing a video template.

Happy Addons video  template

Then, look for the video template from Happy Library. At Happy Library, you will find many free and pro video templates. So choose the right one based on your needs.

Here, we select two templates to elaborate our gallery.

HappyAddons Template Library

The first added at the top of the page and the other at the bottom of the page. Let’s see the complete video gallery that we’ve created.

Check out the Elementor video gallery


Elementor has changed the conception of web page design. It allows us to design anything that we need on our website.

In this article, we have tried to show how you can easily create an Elementor video gallery on your website. We hope that this guide will help you a lot.

If you have any questions regarding this blog, you can ask in the below comment box.

Share this post

Related Post

2 Responses

Leave a Reply

Your email address will not be published.