How do I install and publish a Klaviyo signup form on my website?

Hi @hartscott, happy to try and clear up any confusion! 

If you have successfully integrated your WooCommerce store with Klaviyo, web tracking should be installed as well. You can verify that web tracking is correctly installed by following the steps for testing your web tracking.

When you’ve verified that web tracking is installed, you will be able to publish any popup or flyout forms created in Klaviyo by clicking Publish within the Form Editor—no additional steps required. Your forms will then appear based on the behavioral parameters you set under the form’s Behaviors tab.

I recommend testing your form in an incognito browser to make sure it is appearing when you want it to. 

Yes, that should be the case!

@hartscott It is possible it’s related to the settings in the behaviors tab. If you share a screenshot of the behaviors you have set for your form I’d be happy to take a look and see if we can figure it out together. 

@jaz I’d recommend checking out our signup form troubleshooting guide and seeing if that can help work through the issue. For example, Klaviyo forms will not appear on Internet Explorer, ensuring you are viewing your site on the device your form is set to show on, or making sure you’ve set your form to publish (you’d be surprised how easy this is to miss!  ).

Since there a lot of variables you can adjust with Klaviyo’s behavorial settings, it’s important to make sure you follow any of the behaviors you set in your form editor when testing. 

If you find you are still having issue viewing the signup form though, let us know here and we can continue to walk through and investigate together. A screenshot of the Behaviors tab for the form in question is super helpful to see what’s going one within the form.

@jaz Thanks for including the screenshot!

For an embedded form like this one, you’ll need to copy that snippet of code and add it to your website’s theme where you want the form to appear specifically. For example, the footer of your site is a common location for embedded signup forms, or within a dedicated landing page. The form will only show where the snippet has been added. This guide can help walk through how and where to paste a form’s embed code.

So if you publish the form but do not have the snippet added anywhere within your site code, it will not show. And if you add the code to your site, but unpublish the form it will not show then either. Both conditions need to be met for an embedded form to appear on site. 

No worries, great that you figured it out! I’m gonna go ahead and answer your question about changing form types though for others who may come across this post in the future:

When creating a signup form in Klaviyo, you’ll be prompted to select what type of form (Popup, Flyout, or Embed) you’d like to create first before designing your form. 

But if you change your mind while editing, you can easily toggle between the form types in the Styles tab of the Form Editor. 

The form will optimize for each form type, but be sure to review you form’s design and behavioral settings, as different options will become available for each form type. 

If I use a page builder program (GemPages, PageFly, Shogun, etc.) does the snippet go into the landing page and it will be active and collect emails the same as if I added the snippet on an actual Shopify page?

what if I am using pagefly as my homepage. I can’t find any help with embedding the code on page fly. I did custom html. I used the actual Klaviyo form that they had on pagefly and its not appearing. 

Hello, I’m using Klaviyo on our Magento 2 site. I have completed “Setup Web Tracking” and when I put our URL in, it shows connected. 

However, when I create sign-up form, it says that I need to put an additional line of code in?? Where does this line of code go? I’ve tried putting it in the main header file, but it just says “Unable to detect that signup forms are successfully installed on your site. Please view the installation documentation.”

The installation documentation says that I shouldn’t have to do this step as it should have happened at installation. So why isn’t it working then?

Any help would be greatly appreciated!