---
title: Click Open Trigger Overview and Methods
description: "## Introduction You can use the Click Open trigger to open a popup with a click on any element on your post or page. ### Example Elements Here are a few examples of what you can click to display a…"
url: "https://wppopupmaker.com/docs/triggering-popups/trigger-click-open-overview-methods/"
updated: "2025-04-03"
category: Using Popup Maker / Triggering Popups
---

# Click Open Trigger Overview and Methods

## Introduction

You can use the Click Open trigger to open a popup with a click on any element on your post or page.

### Example Elements

Here are a few examples of what you can click to display a popup.

- text (e.g., words, paragraphs, headings, links)
- buttons
- menu items
- images
- icons 

Actually, you can create a Click Open trigger on any HTML element!!!

### How To Make a Click Trigger For an Image

Watch this short video (6 minutes) if you want to dive right into using Click Open triggers on your popups.

[How to Launch a Popup Maker Popup From any Page Element](https://www.youtube.com/embed/w5Ez5vWgaKU?feature=oembed&enablejsapi=1&origin=https://wppopupmaker.com&modestbranding=1&showinfo=0&rel=0)

### The Click Open Trigger Is Free!

The Click Open trigger (along with Auto Open and Form Submission triggers) comes with the free version of Popup Maker.

## Five Available Methods to Set a Click Open Trigger

Popup Maker gives you 5 ways to use a Click Open trigger. We list each way (or method) in the table below.

| **Method Number** | **   Trigger Method** | **   When to Use** |
| --- | --- | --- |
| 1 | [Add Popup Maker Classes to Set a Trigger](https://wppopupmaker.com/docs/getting-started/a-beginners-guide-to-popup-triggers/#click-open) | - Target content in a page, post, custom post type, or text widget.  - The site theme allows users to add additional HTML classes to a targeted page element.   |
| 2 | [Add a Popup to a Navigation Menu Item](https://wppopupmaker.com/docs/menu/open-a-popup-from-a-wordpress-nav-menu/) | - Target a navigation link |
| 3 | [Use Existing or Custom Selectors to Set a Trigger](https://wppopupmaker.com/docs/getting-started/a-beginners-guide-to-popup-triggers/#extra-css-selectors) | - Target existing or custom [CSS selectors](https://wppopupmaker.com/docs/getting-started/popup-maker-glossary-of-terms/#css-selectors) within a site theme, including class, id, and link attributes.  - Target all or part of a URL within a link. - Apply this method when additional HTML classes *cannot be added* to a page element. This may include headers, footers, widget areas, or visual elements (images or graphics).  |
| 4 | [Trigger a Popup from a Link URL](https://wppopupmaker.com/docs/triggering-popups/trigger-click-open-trigger-a-popup-from-a-link-url/) | - Target a link to display a popup. Add a popup ID ( '#popmake-{integer}' or '#popmake-{slug}' ) within an HTML link attribute ( <href> ) to set a popup trigger.  - Site theme must allow users to set a value for a link.  |
| 5 | [Use jQuery to Trigger a Popup On Click](https://wppopupmaker.com/docs/triggering-popups/trigger-click-open-use-jquery-to-trigger-a-popup-on-click/) | - Target a popup using the jQuery JavaScript library.  - This method uses [a Popup Maker jQuery method ( (PUM.open(123) )](https://github.com/PopupMaker/Popup-Maker/wiki/Popup-Maker-JavaScript-&-jQuery-API), and a WordPress filter to allow the use of JS in the Popup Editor. |

For a full list of available triggers, head over to our [Complete List of Popup Triggers](https://wppopupmaker.com/docs/triggering-popups/the-complete-list-of-popup-triggers/) guide.

If you're completely new to popup triggers, read our [What Is A Popup Trigger](https://wppopupmaker.com/docs/getting-started/triggers/) doc first. Then, visit our complete [Beginner’s Guide to Popup Triggers](https://wppopupmaker.com/docs/getting-started/a-beginners-guide-to-popup-triggers/).

If you're ready to add a trigger, bring up our [Add a Popup Trigger](https://wppopupmaker.com/docs/getting-started/add-a-popup-trigger/) guide for step-by-step instructions.
