Solved

Embedding Klaviyo signup form in PageFly

  • 2 November 2021
  • 7 replies
  • 292 views

Badge +2

I am having trouble embedding my form on my homepage on pagefly its not showing up at all

icon

Best answer by klaviyojad 2 November 2021, 02:23

View original

7 replies

Userlevel 7
Badge +36

Hi, this might be a dumb question, but I have to ask this first.. did you follow this tutorial? https://help.pagefly.io/manual/klaviyo-signup-forms-element/

Badge +2

I did all that and it’s not showing up 

Badge +2

I found the issue 

Userlevel 2
Badge +8

@ehenderson I assume this is pagefly working in conjunction with Shopify.

First off you want to make sure that the page rendered from pagefly is rendering Klaviyo Active On Site code as described here.  Essentially you should be able to see that script when you click view HTML source for a web page generated by pagefly in your browser.

Next check if the div tag for the form is rendered.  It is usually a div tag that looks like below having a class attribute with value that starts with “klaviyo-form” like below:

<div class="klaviyo-form-XXXXX"></div>

 

If not, what you can try is navigating to Targeting & Behavior for your form in Klaviyo as shown below. Then copying the div tag for your embedded form and manually inserting where appropriate within the Pagefly designer:

 

Userlevel 7
Badge +56

Hi @ehenderson,

I’m glad to hear you were able to find the solution!

Would you mind sharing the solution you discovered? We know there are lots of other members of the community who may have a similar question in the future and it would be great for them to know how you resolved it.

If you solved it in the same way as Jad mentioned, it would be great to confirm that as well :)

Thanks for being a member of our community.

 

Badge

Hi, Please can any one help me through zoom in understanding how to create sign up form for my website. I have tried doing this and it is so complicated for me. Please , I need help.

Userlevel 6
Badge +54

 Hi @TKLABELZ

 

Thanks for letting us know of your issue! I’m sorry for the frustration you’ve experienced trying to set this up. While we don’t offer zoom meetings for support or community, I’m happy to help you walk through this! 

 

Do you mind sharing if you’ve checked out our documentation on how to install a form on pagefly? If so when you look into the backend of your page, do you see this code? To see the code, right click on your home page > View Source. Then click Command + F and type in ‘klaviyo’. If this code is on your site it should pull up after these steps. 

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=API_KEY"></script>

 

This is our Klaviyo Active On Site code as described here. If you don’t see this in your backend that could be why the form isn’t rendering. This code needs to be installed for many Klaviyo metrics to fire like tracking cookied visitors, posting forms etc. 

 

If you do see this code, do you see the ‘div’ tag in the backend of your site as well? The div tag is the embed code in this image:

 

If any one of these codes aren’t in your website source code this could be the reason why it isn’t showing up

Hope this helps!

-Taylor 

Reply