How to Create a Video Gallery in WordPress (Step by Step)

Recently, a user asked us how to create a video gallery in WordPress. WordPress makes it easy to embed videos in your blog posts, but it does not allow you to create video galleries out of the box. In this article, we will show you… Read More »

The post How to Create a Video Gallery in WordPress (Step by Step) appeared first on WPBeginner.

Recently, a user asked us how to create a video gallery in WordPress. WordPress makes it easy to embed videos in your blog posts, but it does not allow you to create video galleries out of the box. In this article, we will show you how to easily create a video gallery in WordPress.

Adding a video gallery in WordPress

When and Why Create a Video Gallery in WordPress

WordPress makes it easy to embed videos in your blog posts by simply entering the video URLs. It can also display hosted videos on your own website.

However, you should never upload videos to WordPress. Videos are large files and serving them directly may cause issues with your WordPress hosting service.

You can easily add a single video into your posts but what if you wanted to show multiple videos on a page?

One way to do this is by adding one video after another. While it works, it creates an unpleasant user experience because it requires a lot of scrolling.

Wouldn’t it be nicer if you could create a video gallery with thumbnails just like a photo gallery? This would allow you to show more videos in less space by utilizing a beautiful mobile friendly grid.

Let’s take a look at how to easily create a video gallery in WordPress.

Method 1: Create a Video Gallery in WordPress with Envira Gallery

For this method, we’ll be using the Envira Gallery plugin. It is the best WordPress gallery plugin in the market. It also has a videos addon which allows you to create beautiful mobile-responsive video galleries in WordPress.

Envira Gallery is a paid plugin, and you’ll need at least their pro plan to access the videos addon.

WPBeginner users can use this Envira Gallery coupon to get 25% off.

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Envira Gallery » Settings page to add your license key. You can find this information from your account on Envira Gallery website.

Enter your Envira Gallery license key

Next, you need to head over to the Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.

Next, you need to head over to Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.

Envira Gallery will now fetch and install the videos addon. After that, you need to click ‘Activate’ to start using it on your website.

Activate videos addon

Now you are ready to create your first video gallery.

Head over to the Envira Gallery » Add New page to create your gallery. First, you need to provide a title for your gallery.

Add new video gallery

Envira Gallery can create a video gallery of self-hosted videos as well as videos hosted on YouTube, Vimeo, and Wistia. We recommend using third-party video hosting services for better user experience.

First, you’ll need to upload your videos to YouTube or Vimeo. After that, click on ‘Select videos from other sources’ button to continue.

This will bring up the Insert Media popup where you need to click on the ‘Insert videos’ link in the left column.

Insert videos

You need to click on the ‘Add Video’ button to enter the title and the video URL.

To add more videos, click on the ‘Add Video’ button again. Feel free to add as many videos as you need.

Once you have added all the videos you want to show in the gallery, click on the ‘Insert into Gallery’ button to continue.

Envira will now fetch the thumbnails for your videos and show them under the images section.

You can edit videos at any time by clicking on the ‘pencil’ icon or remove any video. You can also add more videos if needed.

Your video gallery is almost ready. Let’s configure the video gallery settings.

Start by clicking on the ‘Config’ tab in the left column, and under ‘Number of Gallery Columns’ options select two or three column layout.

This ensures that your video thumbnails appear nicely with adequate space between each video.

Video gallery columns

Now let’s add the play button to your video thumbnails.

Switch to the ‘Videos’ tab and check the box next to ‘Display play icon over gallery image’ option.

Add play button to video thumbnails in the gallery

Your video gallery is now ready. Go ahead and click on the publish button to make your video gallery available to WordPress.

Display Video Gallery on Your Website

Envira Gallery makes it easy to display your video gallery in any WordPress post or page. You can also display the gallery in a sidebar.

Let’s create a new page in WordPress and give it an appropriate title, for example: ‘Videos’.

Next, click on the ‘Add Gallery’ button on top of the post editor.

Add gallery button

This will bring up a popup where you’ll see your video gallery. Click to select it and then click on the Insert button.

Insert gallery

Envira Gallery shortcode will now appear in your post editor.

You can now update or publish your page and visit the page to see your video gallery in action.

Envira video gallery

The best part is that clicking on a video item will open it in a lightbox popup with theater mode. This offers a far better viewing experience for your users.

They will be able to view the video without leaving your website, and they can also browse other videos in the gallery by clicking on the thumbnails below the player.

Video gallery popup

Method 2: Create a Video Gallery in WordPress with YouTube Channel Gallery

This method requires a YouTube API key to work, which makes the process a bit lengthier. Don’t worry we’ll walk you through it.

First thing you need to do is install and activate the YouTube Channel Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Next, you need to head over to Google Developer Console website to generate a YouTube API key.

Click on the ‘Select a project’ button at the top left corner of the screen and then click on the add button.

New Google developer project

On the next screen, you need to provide a name for your project and agree to the terms of service. After that click on the create button to continue.

New project details

Next, you need to click on the API Library and then select YouTube Data API link.

Select YouTube Data API

This will bring you to the API details page where you need to click on the Enable link to turn on this API for your project.

Enable API key

Developer console will now enable the API for your project. You still need to create credentials to get to the API key.

Click on the ‘Create credentials’ button to continue.

Create credentials

Now you need to enter how you will be using the API key. For ‘Where will you be calling the API from?’ option select ‘Web browser (JavaScript)’ and select ‘Public Data’ under ‘What data will you be accessing?’ option.

Credential settings

Click on ‘What credentials do I need’ button to continue.

Developer console will now show your API key. You need to copy and paste this API key in a plain text file. You’ll need it later to create video galleries.

There is one last step remaining which is to restrict your API key to be used only on your website. To do that, click on the Restrict key link shown on your API key screen.

Copy API Key

On the restrictions page, select HTTP Referrers option and then enter your domain name below in the following format:

*.yourdomain.com

Restrict API key

Don’t forget to click on the save button to store your changes,

Now that you have got your YouTube data API key, it’s time to create your video gallery.

YouTube Channel Gallery plugin comes with a powerful shortcode that you can add to your posts and pages to display your video gallery.

Simply create a new page or edit an existing one, and add the following shortcode inside the post editor.

[Youtube_Channel_Gallery user="wpbeginner" maxitems="8" thumb_columns_phones="2" thumb_columns_tablets="4" key="your-youtube-api-key-goes-here"]

Don’t forget to replace the user with your YouTube username, and the key with the YouTube API key you created earlier.

You can now save your post/page and visit your website to see your video gallery in action.

YouTube video gallery plugin

The plugin does not have lightbox popup, and your videos will be played on the page. Clicking on a video thumbnail in the gallery will play the video in the top player.

For more details, please see our tutorial on how to show latest videos from your YouTube channel in WordPress.

That’s all for now.

We hope this article helped you learn how to easily create a video gallery in WordPress. You may also want to see our ultimate step by step guide on how to boost WordPress speed and performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a Video Gallery in WordPress (Step by Step) appeared first on WPBeginner.

9 Best YouTube Video Gallery Plugins for WordPress

Adding a YouTube videos in WordPress blog posts is very easy. But if you want to add a YouTube video gallery in WordPress, then you will need a plugin for that. These plugins not only display YouTube videos in a gallery, they also optimize video… Read More »

The post 9 Best YouTube Video Gallery Plugins for WordPress appeared first on WPBeginner.

Adding a YouTube videos in WordPress blog posts is very easy. But if you want to add a YouTube video gallery in WordPress, then you will need a plugin for that. These plugins not only display YouTube videos in a gallery, they also optimize video loading for speed and SEO. In this article, we have hand-picked some of the best YouTube video gallery plugins for WordPress.

Each of these YouTube plugins for WordPress come with their own set of features and all of them are available for free.

1. Envira Gallery

Envira Gallery

Envira Gallery is the best WordPress gallery plugin, and it comes with a videos addon.

Envira allows you to create galleries from your YouTube videos, Vimeo, Wistia, and even self-hosted WordPress videos.

You can display your galleries, paginate galleries, open the videos in a lightbox, and more.

It also comes with an easy to use widget. You can drag and drop it to a sidebar and display a video gallery in any widget ready area.

2. YouTube Simple Gallery

YouTube Simple Gallery

YouTube Simple Gallery is a very simple and easy to use YouTube gallery plugin. It uses custom post types to add videos and you can even categorize your videos. The plugin comes with a shortcode that you can insert from the post editor screen. Upon activation, it automatically creates a video gallery page containing the shortcode. You can edit this page and shortcode to your own needs.

The plugin opens videos in a nice lightbox popup. You can control the video and thumbnail sizes from the plugin’s settings page. One downside of the plugin is that it displays videos in a plain list format. However, if you know a little bit of CSS you can easily convert it into a responsive grid.

3. YouTube Showcase

YouTube Showcase

YouTube Showcase is another easy to use YouTube plugin for WordPress. It utilizes custom post types for videos. You can add categories and tags to your videos and add videos as featured. Upon activation, the plugin can automatically setup video gallery page for you. It also comes with two easy to use widgets for featured videos and recent videos.

The default gallery layout is out-of-the box beautiful. It allows your users to browse through all the videos without even leaving the page.

4. YourChannel: YouTube Channel on Your Website

YourChannel

If you manage your own YouTube channel or like curating videos, then YourChannel offers the easiest way to display showcase your videos quickly. Simply enter a user or channel id and it will fetch the videos for you. Not only that, it will also fetch the channel’s banner image, subscriber and view counts, uploads, playlists, etc.

You can easily add showcase your channel on any WordPress post or page using the simple shortcode. It also allows you to choose the thumbnail size, meta data display, play button settings, etc.

5. WordPress Video Gallery

WordPress Video Gallery

WordPress Video Gallery plugin is a powerful and highly customizable YouTube gallery plugin for WordPress. It comes with an HD flv player built-in and it can show your videos in customized skins with HD quality. The default settings should work for most websites but if you want to change them, then you will find plenty of options to do just about anything you want.

The plugin comes with some sample videos and automatically creates video gallery page. You can simply go to the page and see how your gallery would look like. Once you are satisfies you can add the default videos and add your own.

6. Workbox Video from Vimeo & Youtube Plugin

Workbox YouTube video plugin

Workbox Video plugin works with YouTube, Vimeo, and Wistia. It allows you to easily create your video galleries by simply adding video URLs. The plugin comes with a comprehensive settings page, allowing you to control and customize your video gallery. You can add the video gallery on any WordPress post or page using shortcodes.

The best part is that you can create multiple galleries with different videos. This allows you to curate your videos into categories, topics, or channels.

7. uTubeVideo Gallery

uTube Video Gallery

uTubeVideo Gallery plugin is a feature rich video gallery plugin for WordPress. It allows you to create multiple galleries and add them to WordPress post and pages. uTubeVideo gallery automatically fetches thumbnails for your videos and caches them on your WordPress site resulting in faster page load.

8. WPG Cool Gallery

WPG Cool Gallery

WPG Cool Gallery is an easy to use responsive gallery plugin for YouTube and Vimeo. It displays video in a nice grid layout. Videos are displayed in a nice popup. You can add gallery into WordPress posts and pages using shortcodes. The plugin also loads videos with ajax calls allowing your users to see all videos on the same page.

9. Ultimate Video Gallery

Ultimate Video Gallery

Ultimate Video Gallery provides a quick and easier way to manage your YouTube videos in WordPress. Simply paste the video URLs and it will automatically fetch the video details from YouTube. You can create unlimited galleries and easily add those galleries to your WordPress posts or pages using shortcode.

We hope this article helped you find the best free YouTube gallery plugin for your WordPress site. You may also want to check out these useful YouTube tips to spice up your WordPress site with videos.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 9 Best YouTube Video Gallery Plugins for WordPress appeared first on WPBeginner.

Which is the Best WordPress Photo Gallery Plugin? (Performance + Quality Compared)

Are you looking for a WordPress photo gallery plugin for your site? Tired of going through thousands of WordPress gallery plugins to see which one is the best? That’s why we did the research for you. In this article, we will compare the top 3… Read More »

To leave a comment please visit Which is the Best WordPress Photo Gallery Plugin? (Performance + Quality Compared) on WPBeginner.

Are you looking for a WordPress photo gallery plugin for your site? Tired of going through thousands of WordPress gallery plugins to see which one is the best? That’s why we did the research for you. In this article, we will compare the top 3 WordPress photo gallery plugins based on their speed, performance, ease of use, and over all features. The goal is to find out which is the best WordPress photo gallery plugin.

A photo gallery in a WordPress website

Many WordPress users create photo galleries at one point or another. That’s why WordPress comes with a built-in gallery feature. However, the default gallery lacks functionality and aesthetic appeal that most users want. That’s why we’re often asked which is the best WordPress gallery plugin. In this article, we will try to answer that question by comparing the best WordPress gallery plugins.

Choosing the right WordPress photo gallery plugin can not only improve the visual appeal of your photo galleries, but it also improves the overall user experience on your site.

What is Wrong With Most WordPress Photo Gallery Plugins?

The biggest problem with most WordPress gallery plugins is that they’re slow. If it is not well-coded, then a gallery can significantly slow down your website even if you have good WordPress hosting.

The other problem with WordPress gallery plugins is ease of use. Most of them are bloated with features and are overly complicated for beginners to get started with. Too many features does not always mean it’s a good product.

Last but not least, you want to make sure that your WordPress gallery plugin is responsive. A lot of them are not.

A perfect WordPress gallery plugin should be fast, easy to use, and have all the necessary features that you need to create beautiful photo galleries (such as lightboxes, image navigation, albums, pagination, etc). This allows for great user experience and helps improve your SEO as well.

So how do you go through all the WordPress gallery plugins and check for all this? Well you don’t have to. We did the research for you and below are our results for the best WordPress photo gallery plugins.

Our Top Contenders for Best WordPress Photo Gallery Plugin

We have picked the most popular WordPress photo gallery plugins in the market. In our comparison, we will look for speed, features, ease of use, and reliability. Here are the top 3 WordPress gallery plugins that most experts recommend:

Let’s get started with our comparison. First category is speed.

Speed

Speed is crucial when you are choosing a WordPress photo gallery plugin. Not only does it affect SEO, but it also affects user experience on your site.

If you are using a gallery plugin for a portfolio or photography site, then you simply cannot afford to compromise on speed. We ran a test on the plugins using the same images without modifying any default settings. Below are our results:

Gallery Plugin Page Load time Requests Page size
Envira Gallery 1.08 secs 24 1MB
Foo Gallery 1.89 secs 23 357.1KB
NextGEN 1.88 secs 33 518KB

As you can see in the above results, Envira Gallery came out as the fastest loading WordPress gallery plugin despite the fact that the page size was nearly double of NextGEN and Foo Gallery.

The reason why Enivra Gallery is the fastest is because it’s well coded and highly optimized for speed.

If you want a high performance fast WordPress site, then Envira is the photo gallery plugin for you.

Ease of Use

Creating image galleries is not as simple as uploading a single image to your posts. You need to choose layouts, select columns, add thumbnail sizes, choose lightbox and animations. Most beginners would find these things quite overwhelming. The goal here is to find a WordPress photo gallery plugin that is powerful and beginner friendly at the same time.

Envira Gallery

Envira Gallery follows and adheres to the WordPress coding standards and best practices. It provides a user interface that seamlessly blends into your WordPress admin area. Creating a new gallery is very similar to creating a new post in WordPress which makes it extremely beginner friendly.

Envira Gallery user interface

When you create a gallery, you are immediately shown the shortcode that you can use to add the gallery in any WordPress post or page. Envira Gallery also adds a button right next to the media upload button above the post editor that you can use to quickly add any gallery or album in your post / page.

Aside from that Envira Gallery also shows you the template tag that you can use it in your WordPress templates. This comes particularly handy if you are developing a site for a client and want to include galleries straight into theme files.

Foo Gallery

Foo Gallery takes the similar approach as Envira Gallery. It makes it easier for you to create photo gallery using a simple user interface that looks and feels like WordPress.

Foo Gallery user interface

Foo Gallery also adds a button on top of the post editor making it extremely simple for you to add galleries into any posts/pages.

Unlike Envira Gallery, Foo Gallery does not show the template tag to insert your galleries into theme files or templates.

NextGEN Gallery

NextGEN is a little different than our other two contenders. Instead of using the built in WordPress features, NextGEN brings its own user interface, database tables, and separate folders to store your images. This is why NextGEN user interface looks a bit complicated in WordPress.

NextGEN Gallery user interface

It will take users sometime to understand how to upload images and create a gallery. They will also find it a bit difficult to add the gallery into post/page.

NextGEN adds a button into WordPress visual editor, but if you are using the text editor, then you will not see any button.

Winner: We found Envira Gallery to be the easiest out of all. Foo Gallery is a very close second. NextGEN is not quick and easy to use and we feel that users will struggle with it a bit in the beginning.

Features

In order to create a beautiful photo gallery, you need functionality like lightboxes, full-screen mode, albums, pagination, navigation, slideshow, password protection, EXIF metadata, social media sharing, and more.

However it’s important to remember that too many features can slow down your site, so let’s take a look at how our contenders handle the balance in features and functionality.

Envira Gallery

Envira Gallery is built with a mobile first approach. This means that it is fully responsive out of the box.

It allows you to easily choose thumbnail sizes, animations, gallery layouts, add meta tags for your images all from the single user interface.

Apart from the built-in features, there are loads of features that you can add by installing addons such as: gallery templates, social sharing, videos, password protection, image protection, albums, slideshow, pinterest, deeplinking, fullscreen mode, image tags, and many more.

Foo Gallery

Foo Gallery comes with a great set of features. It is not mobile responsive out of the box, but you can select the responsive template to add a responsive photo gallery.

Another feature that we missed is the lightbox. You can install the free Foobox plugin to add lightbox functionality, but we felt that it should have been packaged with the core gallery plugin.

Foo Gallery also comes with extensions that you can install to add more features such as custom branding, cube effect, lightbox, and more.

NextGEN Gallery

NextGEN Gallery is the oldest of all three plugins, and it comes with an extensive list of features.

Many of the features that are available as addons in Envira and Foo, are available out of the box in NextGEN gallery. There are also pro and plus paid upgrades which provide additional features.

NextGEN is loaded with features, but many of these features require certain level of familiarity with the plugin. This requires spending time, reading documentation, and posting questions in support forums.

Winner NextGEN is a clear winner when it comes to total feature count. Foo Gallery has some essential features missing in the out-of-the-box experience. Envira Gallery comes with just the right balance of features and functionality combined with ease of use.

Compatability

WordPress provides you the freedom to move your site from one web host to another and even to different competitors.

We need to see if you can easily import/export and backup your photo gallery data.

Envira

Envira stores all your photo galleries as custom post types in the WordPress database. It stores your media files using the default WordPress media location. This means if you backup your WordPress site, you will have all Envira Gallery data backedup.

Envira also allows you to import/export your individual galleries. This means that you can move a single gallery from one WordPress site to another.

Envira Gallery allows you to import/export photo galleries

When you move your WordPress site, Envira will automatically detect it and will show you an option to fix the migration.

All these features make Envira Gallery the most reliable photo gallery plugin for WordPress.

Foo Gallery

Similar to Envira, Foo Gallery also stores your galleries as custom post types in the WordPress database. If you backup your WordPress site, then you will have a Foo Gallery data backup as well.

However if you just want to export individual galleries, then there is no option for that because the plugin doesn’t come with an import / export feature.

NextGEN Gallery

NextGEN gallery does not come with import/export feature. Since it stores your data in separate database tables, this means you will need to configure your WordPress backup plugin to include those tables.

NextGEN also stores your images in a separate folder. If you want to create a backup for them, then you will need to download the folder separately to your computer.

Both Envira and FooGallery offers NextGen importers to make it easy for users to switch to their platform.

Winner Enivra Gallery offers the most comprehensive set of tools to import/export your photo galleries.

Pricing

All three plugins have free versions available in the WordPress plugin directory. All three of them have paid upgrades available with more features. The pricing of your photo gallery plugin will depend on which plan you want to use for any of these plugins. You can choose a plan based on the features you need after trying the free versions.

Winner: No clear winners here – the pricing of products will vary based on what features you need and plan that you select.

Conclusion

Envira Gallery is the best WordPress photo gallery plugin. It is extremely fast, simple to use, packed with all the essential features, and is fully mobile responsive. Photo galleries created with Envira Gallery are stunningly beautiful and blazing fast at the same time.

Use our Envira Gallery coupon to get an extra 25% off their paid plans.

We hope this article answers the questions regarding the best WordPress photo gallery plugin in terms of performance and quality. Which is your favorite WordPress gallery plugin? Let us know by sending a tweet to @wpbeginner on Twitter.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials and join us on Facebook.

To leave a comment please visit Which is the Best WordPress Photo Gallery Plugin? (Performance + Quality Compared) on WPBeginner.