View Categories

Trigger: Click Open — Overview & 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

For a full list of available triggers, head over to our Complete List of Popup Triggers guide.

If you’re completely new to popup triggers, read our What Is A Popup Trigger doc first. Then, visit our complete Beginner’s Guide to Popup Triggers.

If you’re ready to add a trigger, bring up our Add a Popup Trigger guide for step-by-step instructions.

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.