---
title: "How to show WordPress Popup on link Click of other Element using selector?"
url: https://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://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

- Nexter Blocks Popup Builder block lets a custom trigger element outside the popup open it by using CSS classes.
- Image block becomes a popup toggle when its Advanced > Additional CSS class(es) matches the Popup Builder block’s Display Conditions > On Any Other Element's Click Element's Class field.
- Popup Load Settings tab sets Type to Hidden when there are no popup trigger elements on the page.

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://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://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://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://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.*