Replies posted by karan.tipl

4 Replies

I
Contributor I
IvoTsochevContributor I
asked in Sign-up Forms

Submit Klaviyo Newsletter form and Contact form with one button

@caroline  This solution too won’t work as APIs from ReactJS apps throws CORS error.

3
caroline
3 years ago
E
Contributor II
eXaTestUserContributor II
asked in Developer Group

load Klaviyo form dynamically

Hi @karan.tipl, Sorry for the late response on this. It looks like @cbarley answered your question in the separate thread you created. I’ll paste the content below for future readers of this question. Caroline       Hey @karan.tipl, This is a great question. I have also made some React apps and hoped to use Klaviyo embed forms (nothing with Gatsby, but the same general ideas apply). The short answer is that our forms don’t play nicely with Single Page Applications that use browser-side routing. The long answer is that after testing any way to get this to work (creating a custom hook to call the Klaviyo.js tracking code, or the forms code that we add to a page with a Klaviyo form on it), it isn’t possible to programmatically refresh the form at this time. The product team is aware of this issue, though, I just don’t have a timeframe available for you on a fix for that. If you’re using something like react-router, since we don’t re-fire the klaviyo.js script on those page changes, and y

12
Brian Turcotte
Community Manager
1 year ago
K
Contributor II
karan.tiplContributor II
asked in Developer Group

Implement Embed Klaviyo forms in SPA apps like GatsbyJS / ReactJS.

Hey @karan.tipl, This is a great question. I have also made some React apps and hoped to use Klaviyo embed forms (nothing with Gatsby, but the same general ideas apply). The short answer is that our forms don’t play nicely with Single Page Applications that use browser-side routing. The long answer is that after testing any way to get this to work (creating a custom hook to call the Klaviyo.js tracking code, or the forms code that we add to a page with a Klaviyo form on it), it isn’t possible to programmatically refresh the form at this time. The product team is aware of this issue, though, I just don’t have a timeframe available for you on a fix for that. If you’re using something like react-router, since we don’t re-fire the klaviyo.js script on those page changes, and you can’t programmatically force that without doing a hard-refresh, a Klaviyo embed form might not be the best solution for you. We do have the ability to redirect existing sign up forms to Klaviyo from the frontend,

21
M
Contributor I
2 months ago
E
Contributor II
eXaTestUserContributor II
asked in Developer Group

load Klaviyo form dynamically

Hi there, Do we have any solution to this now? I have ran into the similar issue like this, I have embedded the Klaviyo form in the ReactJS site and as the site is SPA, the page doesn’t refresh actually, so to load Klaviyo form we are forced to refresh the Klaviyo form implemented pages. Do we have any event or function to initialize / re-initialize or load the embedded klaviyo form?

12
Brian Turcotte
Community Manager
1 year ago

Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.