Do you use Elementor gallery widget and wonder how to add custom image gallery link to every image? Then this blog is for you. We will go in depth and show how to make Elementor carousel & Gallery images clickable. Without using any code you can add a unique custom link for every image you add.
Unfortunately, with default Elementor Image Gallery Widget or Elementor Image Carousel widget you won’t be possible to add custom external links, as you get option to upload images in bulk. Uploading in bulk does make the process easier & faster, but you won’t be able to add a custom image link in the gallery or carousel. Normally when clicked, the Elementor images open as modal with zoomed-in, also known as lightbox.
Thats why we at The Plus Addons for Elementor identified this problem and created a repeater-based upload system for images with custom links for gallery & carousel. We will be using the powerful Gallery Listing widget from The Plus Addons for Elementor.
So, before we move ahead, let’s look at some common use case of making gallery & carousel images clickable with Custom URLs in Elementor.
Benefits of adding Unique Link
- Display your portfolio works, where each image in the Elementor gallery links to the project work.
- To link services images in carousel to the main page
- To show product image gallery with link to individual product page
- Direct to case studies page for every image
How to add Custom Link to Gallery Images in Elementor?
To use the Gallery Listing widget we need the PRO version of The Plus Addons for Elementor. Once done, activate the gallery listing widget and add it to your Elementor backend.
Next we will follow the steps to add links to gallery images
Step 1: Go to Content tab and select Repeater mode, this is the key feature which makes the widget unique
Step 2: Here you will find 2 repeater content by default with image placeholder. Simply replace them with the images you wish to add in your gallery.
Step 3: After adding image you have more handful fields like image title, descriptions, category (using this you can create category wise filters), icons (this icon will be shown, when you hover on the image) and then there’s the custom link field. Now this is where you have to place the link for that particular image of the Elementor gallery.
Thats all you have successfully created Elementor gallery with unique links using The Plus Addons for Elementor. You will find an extra option to make this whole image box clickable or else you can open the link by clicking on the custom icon, text above the images.
This is just the tip of the iceberg, let’s see how we can now add the link to carousels
Check out how to make a complete Elementor column or section clickable for FREE using wrapper link extension from The Plus Addons for Elementor
How to add Custom Link to Carousels Images in Elementor?
Just like we did with gallery grid, similarly you can perform for carousels as well. Just by changing the layout to carousel you create clickable carousel images in Elementor.
And by following the same steps above you can create any no. of carousel images with a unique link to each image sliders.
Now let’s explore other cool features in the gallery listing widget which makes it the most advanced features for image listing for Elementor.
What makes the Plus Addons Gallery Listing widget unique?
Apart from basic features like column controls, let’s look at the unique features of the Gallery Listing widget from The Plus Addons for Elementor.
1. Grid, Masonry, Metro & Carousel Sliders Layouts
You get to choose from multiple layouts in the same widget so that you can list images in multiple ways.
2. Repeater & ACF Gallery for Image Listing
The most standout feature, where you can add unique details to single image like title, description, icon & links. And if you’re making a dynamic website, then you can create a dynamic ACF image gallery, using the Advanced Custom Fields gallery field.
3. Category wise Filters
Assign an individual category name to every image you upload and filter them based on their categories. All by using our repeater mode fields you have set the custom text for categories like Food, Nature and then images will be grouped based on that.
4. Display Title, Description & Icons above Images
You can show important info above the images like title, description & icons which will be shown on hover. Use this to add key details to define the image.
5. Highly customizable style controls
Going beyond basic style for images to customize the image shape, hover colour, lightbox icon and more. If your images are of unequal size you can force them to have the same box image sizes.
6. 3D Parallax, Mouse Parallax & Messy Columns
The super classy features which adds a 3D parallax effect when we hover the images. Next using the mouse parallax the image will move in reverse direction of the cursor and then lastly messy columns using which you can control the position of images from top to bottom based on column location.
In this article, we saw how to make each images clickable in Elementor Gallery and Elementor Carousel using the powerful Gallery Listing widget from The Plus Addons for Elementor. Without using any single line of code you can drag & drop the images and place the link using the repeater based content format.
Lastly, we talked about 6 features that make the Gallery widget the best one for Elementor Image Listing widget.
The Plus Addons for Elementor is a collection of 120+ Elementor widgets & extension with modular approach, where you can disable the widget which you do not plan to use so that only the required CSS & JS file will load. This makes sure your website enjoys a faster performance when using our Elementor Addon.