Video Editing

How to create a video gallery in WordPress 

Posted July 27, 2022
Written by Clipchamp

Heads up! This content is relevant for Clipchamp for personal accounts. Try this link If you're looking for information about Clipchamp for work accounts.

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

How to make an image transparent

April 29, 2024
Not sure how to make images transparent, or give your image a transparent background?…

How to change image background color

April 29, 2024
Want to change the background color of your images within a video in just a few seconds?…

How to make a logo transparent

April 29, 2024
From sales promo videos and hype reels to demo videos and online trainings , transparent…

Start creating free videos with Clipchamp