Do you want to direct visitors to a specific page when they click on an image in your Elementor photo gallery? Adding a custom link to each gallery image turns your photo gallery into a navigation tool, connecting thumbnails directly to product pages, portfolio projects, or external websites.
With the Gallery Listing widget from The Plus Addons for Elementor, you can add an individual URL to each image in your photo gallery. The option is available in the Content tab when you select Repeater as your data source.
To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
Best Used For:
- Portfolio sites where each gallery image links to a separate project or case study page
- WooCommerce stores that connect product photography directly to individual product detail pages
- Agency websites showcasing client work where each thumbnail links to the client site
To do this, add the Gallery Listing widget to the page. After selecting the appropriate listing style and layout from the Layout tab, go to the Content tab and choose Repeater from the Select Option dropdown.
Make sure to add a URL in the Custom Url field while adding content to each repeater item. This gives every individual image its own destination link, so each gallery image can point to a different page depending on what you want visitors to find.
Note: The Custom Url option is only available for Repeater.
Now go to the Extra Options tab and turn on the Box Link toggle, then turn on the Force Custom URL toggle as well.
When visitors click a gallery image, they are redirected to your custom URL instead of opening the image in a lightbox. For a different interactive image experience, see How to Add Before/After Image Comparison in Elementor.
Also, read How to Create a Filterable Image Gallery in Elementor.
