I am having trouble embedding my form on my homepage on pagefly its not showing up at all
Best answer by klaviyojad 2 November 2021, 02:23
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/
I did all that and it’s not showing up
I found the issue
@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:
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:
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.
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.
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.
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!
I have somehow the same issue.
I follwed below video, no issues at all but the klavijo field doesnt show up on my landing page.
I can see something from klavijo in the source code of the pagefly landing page but I cant see it on the page itself.
Here the extract from the end of the source code:
The form is also live:
You can ignore above, it is resolved. I forgot to enable the app within shopify theme editor.
Already have an account? Login
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
Links & Resources