Video Editing

How to create a video gallery in WordPress 

Posted July 26, 2022
Written by Clipchamp
Clipchamp is a free online video editorTry for free
Share this post
Image of a laptop with WordPress logo on the screen.

If you run an ecommerce website, you might have heard that adding a single video to your landing page can increase conversations by 80. But sometimes, videos can slow down your website and take up more space than usual. The good news is that this is simple to fix!

Most of us enjoy watching videos. Whether it’s a product demo video, unboxing video, or marketing campaign, videos are one of the best forms of infotainment, especially on eCommerce websites. But sometimes, videos can slow down your website and take up more space than usual. The good news is that there are simple tools available to solve this problem.

Read on to learn how to make a video gallery in WordPress with Elementor without slowing down your website.

If you have never made a video gallery before, using a WordPress plugin like Elementor is the easiest way to get started. Elementor will help incorporate a collection of videos for your site visitors, and you can completely automate the process in just a few steps.

Step 1. Download the Elementor addon

To get started, download the Elementor page builder. Head over to your WordPress website Admin Dashboard, then hover over Plugins and click on Add New.

Next, type Elementor in the search bar. Then click Install Now, then Activate.

Step 2. Download ElementsKit addon for Elementor

Once you have installed the Elementor page builder, you will need to download the ElementsKit addon before you can add a video gallery to your website for free. If you have the Elementor Pro version, you don’t need to download the ElementsKit to add a video gallery.

ElementsKit is an all-in-one Elementor addon providing comprehensive capabilities for developing websites. The ElementsKit offers free and premium widgets, pre-designed header & footer templates, ready pages, and over 500 ready-to-use blocks and sections.

To download, type in ElementsKit in the Plugins tab search bar, then click Install Now, then Activate.

Head over to your Elementor Dashboard, and on the search bar, type Video Gallery. Drag and drop the widget into the ‘drag widget here’ box.

Editing options will appear on the grey left toolbar, Content, Layout, and Settings.

a) Content

In the Content tab, you can add as many items/videos as you want by clicking on the Add Item button. Select your Video type (e.g., YouTube or Vimeo), paste your video URL, or input your Category (if any). You can upload a custom thumbnail image for your video/s.

b) Layout

The Layout tab will give you the option to change the style of your video. Select between grid, masonry, and carousel. You can also change the column variables.

c) Settings

Under the Settings tab, you can customize your video gallery with unique play button icons, play actions, options, and more.

Once you have finished customizing your video gallery, click on the Upload button. Next, click on the Preview button to watch your video gallery.

Frequently asked questions

Can I add a thumbnail to individual videos?

Yes. You can upload your own customized thumbnail image/s with ElementsKit. You can do this in the updating the items/videos step.

How can I edit my video button icon?

Yes. In the Settings tab, you are able to edit video button icons.

What is the best aspect ratio for WordPress videos?

We recommend uploading videos that are 480p, 720p or 1080p, widescreen 16:9 aspect ratio to WordPress. If your video is not in the 16:9 aspect ratio, you can edit the ratio with Clipchamp’s free online video editor.

Create engaging eCommerce videos today with Clipchamp

Generate more traffic to your WordPress website by creating interesting WordPress video gallery content with Clipchamp.

More from the Clipchamp blog

New! Floating toolbar and property panel in Clipchamp

November 3, 2022
Step up your editing game with Clipchamp’s thoughtful new upgrades. The updated floating…

New! Updated speed selector in Clipchamp

October 24, 2022
Have more control over your video speeds with Clipchamp’s new speed selector. The…

How to screen and camera record

August 16, 2022
Whether you’re creating business training videos and presentations or YouTube reaction…

Start creating free videos with Clipchamp