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.

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	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	Target a navigation link
3	Use Existing or Custom Selectors to Set a Trigger	Target existing or custom 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	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	Target a popup using the jQuery JavaScript library.  This method uses a Popup Maker jQuery method ( (PUM.open(123) ), and a WordPress filter to allow the use of JS in the Popup Editor.