I embedded a form on a page builder for my website and that form is taking way to long to load and sometimes wont even appear on the page please help.
Â
https://www.yellowtree.com.au/pages/yellowtree-au this is the link to that page.
I embedded a form on a page builder for my website and that form is taking way to long to load and sometimes wont even appear on the page please help.
Â
https://www.yellowtree.com.au/pages/yellowtree-au this is the link to that page.
Hi there
Welcome to the Community and thanks for posting your question here! Sorry to hear that you are suffering from long load times with your embedded forms.Â
Â
Without having an in-depth look into your specific form, it is difficult to pinpoint the exact reason you might be encountering this.Â
These two posts are great examples of what might be going on with your form. Additionally, if you have a Shopify integration things could be different.Â
If you are concerned with your site's performance and loading speed, you can manually install klaviyo.js in your Shopify theme files.
Note that you should only do this if you experience very high web traffic or your site suffers from slow loading time for any other reason. Otherwise, we recommend you install klaviyo.js by checking the box on the Shopify integration settings page.
To install klaviyo.js into your Shopify store, copy the snippet of code below, and paste it into your theme.liquid file.
In the script below, be sure to replace 'API_KEY' with your Public API Key from your Klaviyo account.
<script type="text/javascript" async
src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=API_KEY"></script>
If you've enabled Customer Accounts for your store, you can add and extra script to identify your customers with the email they use to log in to your store.
Again, be sure to replace 'API_KEY' with your Public API Key from your Klaviyo account. The full script will look like the following:
<script async type="text/javascript"
 src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=API_KEY"></script>
<script>
 var _learnq = _learnq || ];
 if ('{{ customer.email }}') {
  _learnq.push(Â'identify', {
    '$email' : '{{ customer.email }}'
   }]);
 }
</script>
After you've updated the code snippet, copy it, and move to the next step.
</body>
 tag. Paste the first code snippet directly before the closing </body>
 tag. Click Save.A green Data Received button confirms that your web tracking is set up correctly.Â
Lastly, I would also throw in the idea to create a legacy sign-up form so it loads at the same time as the website, avoiding any delays.
Â
Hope this helped!
Alex
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.