Solved

Shopify Button --> landing page

  • 14 March 2024
  • 4 replies
  • 28 views

Badge

Hi friends,

 

Looked at pages on both this community forum and through shopify, but can’t seem to find a fix for this. I am trying to make a button on my shopify page link out to a full page sign up form (klaviyo). With mailchimp I used an iframe, but that doesn’t seem to be working either. 

icon

Best answer by bluesnapper 14 March 2024, 11:36

View original

4 replies

Userlevel 7
Badge +36

Welcome to the community @acornandartisan 

If you have a web page with a Klaviyo form embedded on it, just add the url of that page to your Shopify web button.

Alternatively, if you want the button to open a Klaviyo pop-up, you need to configure the pop-up’s display setting as below. Then use the custom trigger code on your Shopify web button:

Or have I misunderstood what you’re trying to achieve?

Regards

Andy

 

 

Pop-up form display setting

 

Badge

Hi Andy,

 

The issue that I’m facing is that I’m not sure what to do with the custom trigger code. With Shopify I can link my button to a URL, but not sure how to implement the open form coding so that it pops up / opens. 

Badge

Oh, nevermind. Apparently I needed a little sleep - I changed it to an embed and then put the code in a custom liquid box on shopify. It’s working now 

Userlevel 7
Badge +36

Hi @acornandartisan 

Glad your snooze did the trick! 😀 Thanks for the update.

If you ever need the code to open a pop-up from a web button click, it’s:

<script type="text/javascript">
    document.querySelector('.klaviyo_form_trigger').addEventListener('click', function (){
        window._klOnsite = window._klOnsite || []; 
        window._klOnsite.push(['openForm', 'FORM ID HERE']);
    });
</script>

Regards

Andy

Reply