How to Make a Clickable Popup

With Pip­pity you also have the power to make a popup appear only when an ele­ment on the screen is clicked.

First, cre­ate a popup nor­mally. You can com­pletely ignore the Set­tings panel while doing so since these options only apply to a popup that appears automatically.

Once back at the main Pip­pity Panel, leave the popup deac­ti­vated and click ‘View’.

Copy the popup ID from the URL.

 

Now all you need to do is add two classes to any HTML ele­ment (usu­ally a link) that you want to open your popup. It should look some­thing like this:

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

Pop­upID should be the num­ber you copied from the View Popup URL so the com­pleted link in my case would be:

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

Now, click­ing that ele­ment will instantly make your popup appear!