---
title: "How to Add a Custom Link to Each Image in Elementor Photo Gallery?"
url: https://theplusaddons.com/docs/add-custom-link-to-each-image-in-elementor-photo-gallery/
date: 2023-06-16
modified: 2026-05-19
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Add-a-Custom-Link-to-Each-Image-in-Elementor-Photo-Gallery_-1024x536.jpg
word_count: 334
---

# How to Add a Custom Link to Each Image in Elementor Photo Gallery?

## 

- Enhance image gallery functionality by adding custom links using the Gallery Listing widget from The Plus Addons for Elementor.
- Activate the Custom Url option in the Repeater field to assign specific URLs to each image in the gallery.
- Redirect users to custom URLs by enabling the Box Link and Force Custom URL toggles in the Extra Options tab.

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](/docs/gallery-listing-widget-settings-overview/).*

**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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#image-gallery-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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](https://theplusaddons.com/docs/add-before-after-image-comparison-in-elementor/).

Also, read [How to Create a Filterable Image Gallery in Elementor](https://theplusaddons.com/docs/create-filterable-image-gallery-in-elementor/).