How to Make a Clickable Popup

With Pippity you also have the power to make a popup appear only when an element on the screen is clicked.

First, create a popup normally. You can completely ignore the Settings panel while doing so since these options only apply to a popup that appears automatically.

Once back at the main Pippity Panel, leave the popup deactivated and click ‘View’.

Click View Popup
Click View Popup

Copy the popup ID from the URL.

Copy the Popup ID From the URL
Copy the Popup ID From the URL

 

Now all you need to do is add two classes to any HTML element (usually a link) that you want to open your popup. It should look something like this:

<a href="#" class="pty_click pty_id_popupID">This opens a popup</a>

PopupID should be the number you copied from the View Popup URL so the completed link in my case would be:

<a href="#" class="pty_click pty_id_387">This opens a popup</a>

Now, clicking that element will instantly make your popup appear!