--- title: "How to Add a Popup in Elementor Image Cascading Widget?" url: https://theplusaddons.com/docs/add-a-popup-in-elementor-image-cascading-widget/ date: 2024-05-13 modified: 2026-09-18 lang: en author: "Aditya Sharma" description: "A cascade of images is a good place to hide extra detail: the visitor clicks one of the photos and a video, a map or a larger picture opens over..." image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-a-Popup-in-Elementor-Cascading-Image-Widget_-1024x536.jpg word_count: 607 --- # How to Add a Popup in Elementor Image Cascading Widget? ## - The Plus Addons for Elementor Image Cascading widget opens a video, a map, or a larger picture over the page when a visitor clicks a photo, using the Link /Popup setting on each layer. - Image Cascading ships only in the Pro version of The Plus Addons for Elementor, and it does not appear in the free plugin widget list without Pro. - Popup Content accepts a URL only, so a layer cannot use an Elementor template or saved popup, and a layer can be either a link or a popup, not both. - Troubleshooting points to three checks: set Link /Popup to Popup and fill Popup Content if nothing happens, use an embeddable URL if the lightbox stays blank, and check custom z-index or a sticky header if the popup opens behind the cascade. A cascade of images is a good place to hide extra detail: the visitor clicks one of the photos and a video, a map or a larger picture opens over the page. Every layer of the **Image Cascading** widget from The Plus Addons for Elementor can do this on its own, through the **Link /Popup** setting. *To check the complete feature overview documentation of The Plus Addons for Elementor Image Cascading widget, [click here](https://theplusaddons.com/docs/cascading-image-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/image-cascading/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — Image Cascading ships only in the Pro version of The Plus Addons for Elementor. The widget file is not in the free plugin at all, so it does not appear in the widget list without Pro.- **Widget to enable:** **Image Cascading**, under **The Plus Addons > Widgets**. Search for it and turn the toggle on, then reload the Elementor editor.- **Where the settings are:** drop the **Image Cascading** widget on the page. The **Content** tab holds three sections — **Image Cascading** (the layers), **Image Animation** and **Styling**.- **How it is built:** each item in the **Add Multiple Cascading Sections** repeater is one layer. Layers are absolutely positioned inside the widget, so they can overlap.- **You need the URL of the thing you want to show** — a YouTube or Vimeo video page, a Google Maps embed URL, or a direct link to an image. ## Add a Popup to a Layer - Open the **Image Cascading** section and open the item you want to make clickable.- Set **Layer Type** and add its content as usual. The setting sits at the bottom of every item, whatever the layer type is; we tested it on an **Image** layer.- Scroll to **Link /Popup** and choose **Popup**.- Paste the URL into the **Popup Content** field that appears.- Update the page and click the layer on the front end. ## The Result The layer becomes a link, and clicking it dims the page and opens the content in a lightbox with a close button: ![A published cascade with a lightbox open over it showing the linked image and a close button](https://theplusaddons.com/wp-content/uploads/2026/09/imgcascading-result-popup.webp) ## How It Behaves - Each item has its own **Link /Popup** setting, so you can give several layers different popups, or leave the rest as plain images.- The lightbox works out what to do from the URL: a video page becomes an embedded player, an image URL is shown full size, and anything else is loaded in a frame.- The visitor closes it with the close button in the corner of the lightbox.- **Link** is the other option in the same dropdown. It turns the layer into an ordinary link, with the usual **Link** field and its new-tab and nofollow switches. ## Limitations - **Popup Content** takes a URL only. There is no option to pick an Elementor template or saved popup for the lightbox.- A layer can be a link or a popup, not both.- Some sites refuse to be shown in a frame. If the lightbox opens empty, the destination is blocking embedding — use its official embed URL instead. ## Troubleshooting ### Clicking the layer does nothing Check that **Link /Popup** is set to **Popup** and that **Popup Content** is filled in. An empty field leaves the layer unclickable. ### The lightbox opens but stays blank The URL is probably not embeddable. For YouTube use the normal watch URL, and for Google Maps use the URL from the map's **Share > Embed a map** panel. ### The popup opens behind the cascade Check for a custom z-index on the parent container or on a sticky header. ## Related Docs - [Cascading Image Widget: Settings Overview](https://theplusaddons.com/docs/cascading-image-widget-settings-overview/)- [How to Create Image Cascading Slide Show in Elementor?](https://theplusaddons.com/docs/create-image-cascading-slide-show-in-elementor/)- [How to Add Text Content in Elementor Image Cascading Widget?](https://theplusaddons.com/docs/add-text-content-in-elementor-image-cascading-widget/) ## Frequently Asked Questions **Q: How do I make an image layer open a popup in the Image Cascading widget?** A: Set the layer’s Link /Popup option to Popup, then paste the destination URL into Popup Content. The layer becomes clickable on the front end and opens the content in a lightbox with a close button. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this per-layer behavior inside Image Cascading, so each item can trigger its own popup instead of turning the whole widget into one shared action. **Q: What kind of content can open from an Image Cascading popup?** A: The lightbox reads the URL and decides how to display it. A YouTube or Vimeo video page becomes an embedded player, an image URL opens full size, and other URLs load in a frame. That makes the popup useful for hiding extra detail behind a layer without leaving the page. For maps, the page specifically points to Google Maps embed URLs as the right kind of destination. **Q: Why does clicking my cascading image layer do nothing?** A: An empty Popup Content field leaves the layer unclickable, even if Link /Popup is set to Popup. The key gotcha is that the setting needs both parts: the mode must be Popup and the URL must be filled in. In practice, this is the first thing to check when a layer looks configured but behaves like a plain image. **Q: Why does the popup open blank instead of showing my content?** A: A blank lightbox usually means the URL cannot be embedded in a frame. The page calls out YouTube and Google Maps as examples where you should use their normal watch or embed URLs, with Google Maps specifically coming from Share > Embed a map. When a site blocks embedding, switching to its official embed URL is the practical fix. **Q: Can one Image Cascading layer be both a link and a popup?** A: No. Each layer can be either Link or Popup, not both at once. That separation matters because Link uses the usual Link field plus new-tab and nofollow switches, while Popup uses Popup Content as a URL-only destination. If you need different behaviors across layers, each item has its own Link /Popup setting, so you can mix them across separate layers. **Q: What should I know before using popups in Image Cascading?** A: Image Cascading is part of The Plus Addons for Elementor Pro, so it only appears when Pro is installed and activated. The widget itself lives under The Plus Addons > Widgets, and each item in Add Multiple Cascading Sections becomes one absolutely positioned layer that can overlap others. That structure is why popups work per layer and why z-index issues can matter if something opens behind the cascade.