Triggering a Popup Convertible from a Sticky

Hi @ariguinsberg,

The reason this doesn’t work out of the box is that click triggers only interact with elements on the host page, not elements in Convertables or other iframes.

One way to achieve what you’re looking for is to use referrer targeting. This feature is available on Premium plans and above.

Example page: http://unbouncepages.com/workaround-trigger-overlay-from-stic/

Step 1.
Create an onclick event for the button on your sticky bar. This event will refresh the host page. Add the code below in the javascript editor in the Builder for your sticky bar. Replace the “buttonId” and “hostPageUrl” with the values for your button and host page.

<script>
 // Define your values, e.g
 var buttonId = 'lp-pom-button-20';
 var hostPageUrl = 'http://unbouncepages.com/workaround-trigger-overlay-from-stic/';
 
 document.getElementById(buttonId).onclick = function() {
   window.open(hostPageUrl, "_parent");
 };
</script>

Step 2.
On the sticky bar overview configure a “don’t show” referrer rule for the sticky bar’s UUID. The UUID is the final value of the sticky bar’s url, e.g.
https://app.unbounce.com/2481051/convertables/603e27d9-29fd-4cc1-b946-f5a3cf7502b3
Under “Advanced Targeting”:

Step 3
On the overlay configure a “show” referrer rule for the sticky bar’s UUID.

I hope this solution works for you and let me know if you’ve any questions.

Brian