Skip to main content

Hi there

is it possible to show the teaser via a custom trigger rather than the main popup? I can trigger the main popup easy enough but couldn’t see how to trigger the teaser only ??

thanns

Hi @martinnorth,

Thank you for your question in the Klaviyo community!

Teasers are directly linked to an actual popup. When you use the UI for Signup forms and click into the form you can control when a teaser is shown:

If you set this to “Before displaying form” and set the main popup to be based on a custom trigger, the teaser should show on the site as a second trigger.

I hope that answers your question - was trying to make sure I understood the use case here. Let me know if you have any questions!

Thanks
David


Thanks for the reply - 

the scenario I’m trying to replicate via custom triggers, is for the main form to pop up first (that is straight forward). Then, if the user closes the form without submission, the teaser should be shown on subsequent pages and subsequent visits. (And if users submits form, then show nothing on subsequent pages).

Currently that is how things work by default on my standard form (without custom trigger) and i am trying to replicate that.  
 

hope that makes sense!

 

 

 

 

 

 


Hi @martinnorth 

An interesting use case!

Adding to @DavidV comments, I believe it is possible to achieve what you want with a custom event. I’ve tested this event and it works OK but you will need to test the outcomes to make sure my logic is sound.

Klaviyo captures form submitted events but no events are captured when it’s viewed. If you use the example code below, when someone clicks your web button, the pop-up appears, and an event is created called ‘Viewed Form’ for that profile that has the value of the FormID (in this case that is SafHJf. Replace all references to SafHJf to the ID of your form. 

Then create a segment to select profiles who have clicked the web button/viewed form (example for formID SafHJf below, substitute your FormID).

Duplicate your form but as a standard teaser/pop-up with the following configuration:

  • Form display timing ‘based on rules’ and set ‘After visitor sees a certain number of pages’ to a value that will never be reached in a session e.g 300 pages. 
  • Set ‘Show Teaser’ to ‘before displaying form and after form is closed’
  • Enable ‘Don’t show again if form was submitted or if go to URL button was clicked’
  • Targeting to ‘include these lists and segments’ and select the ‘Viewed Form’ segment below.

The outcome should be:

  • User clicks your web button and the custom triggered pop-up appears. An event is captured ‘‘Viewed Form’ with the value for FormID. The profile is added to your ‘Viewed Form’’ segment.
  • User closes the custom triggered pop-up
  • The duplicated pop-up form won’t appear (until 300 pages are viewed), but its teaser will appear 2 secs after page load and after the form is closed. When they click on the teaser, your pop-up appears. When they close the pop-up, the teaser appears again.
  • If they submit, the teaser and form won’t be displayed to them again (from a cookied device)
  • Users not in your Viewed form segment won’t see the duplicated pop-up teaser (or the form), 

Note, this will only work for cookied users i.e they have a Klaviyo profile

As I mentioned, please check my logic and test!

Hope that helps.

Regards

Andy

Custom trigger web button/event

<center><button class="klaviyo_form_trigger">Click for pop-up</button></center>
<script type="text/javascript">
    document.querySelector('.klaviyo_form_trigger').addEventListener('click', function (){
        window._klOnsite = window._klOnsite || l]; 
        window._klOnsite.push(i'openForm', 'SafHJf']);
       var klaviyo = klaviyo || ];
       var item = {
       "FormID": "SafHJf",
   };
   klaviyo.push(b"track", "Viewed Form", item]);
    });
</script>

 

Viewed form segment

 


Hi @martinnorth 

I have responded with a possible solution but it’s gone into moderation for some reason (includes code...)

Hopefully, it will appear soon

@Taylor Tarpley please approve.

Regards

Andy


Reply