---
title: "How to show WordPress Popup on link Click of other Element using selector?"
url: https://qa.nexterwp.com/docs/popup-on-other-element-click/
date: 2023-02-06
modified: 2026-04-15
author: "Aditya Sharma"
description: "When creating a popup with the Popup Builder block from the Nexter Blocks you get the popup trigger element options within the block.  While it is a great option but..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/popup-on-other-element-click-1024x519.jpg
word_count: 243
---

# How to show WordPress Popup on link Click of other Element using selector?

## Key Takeaways

- Utilizes the Popup Builder block from Nexter Blocks to create customizable popups triggered by external elements.
- Employs CSS classes to designate custom elements, such as the WordPress Image block, as popup triggers.
- Requires installation and activation of Nexter Blocks to access the full capabilities of the Popup Builder block.

When creating a popup with the Popup Builder block from the Nexter Blocks you get the popup trigger element options within the block. 

While it is a great option but at times you might want to have the trigger element outside the popup or you might want to use some custom elements like an image as the popup trigger element. You can absolutely do that with the Popup Builder block using CSS classes.

*To check the complete feature overview documentation of the Nexter Blocks* Popup Builder block, [click here](https://qa.nexterwp.com/docs/add-popup-builder-in-wordpress/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/builder/wordpress-popup-builder/)

Let’s say you want to use the WordPress Image block and when someone clicks on that a popup will open.

https://youtu.be/cUqsOejgx3w?t=1274

For this add both the Image block and the Popup Builder block on the page. Select the Image block and go to **Advanced** > **Additional CSS class(es)** and add a class name.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/pop-up-builder-content-image-block-additional-css-class.png)

Now select the Popup Builder block and go to **Display Conditions **> **On Any Other Element's Click** and turn on the toggle. In the **Element's Class** field add the same class name.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/pop-up-builder-content-display-condition-any-other-elements-click.png)

Now the image will act as the popup toggle button you can use it to open and close the popup.

> *Note: Make sure there are no popup trigger elements on the page, so set the ****Type**** to ****Hidden**** in the ****Popup Load Settings*** *tab.*