Skip to main content
Solved

Embed sign-up in Gatsby/React JS App


Forum|alt.badge.img+2

I am embedding klaviyo forms in my project that is on a gatsby js.
I made a new page and add this embed line <div class="klaviyo-form-****"></div> on that page. But I don’t know why I am not able to see the form on my page.
My form is live on Klaviyo as well
 


Can you please help me to resolve that issue.
It’s urgent
Thanks

Best answer by retention

@fahad873 - It seems like you’re doing every right, but not I’m not super familiar with the Gatsby framework to know specifically what might be wrong.

Also, you shouldn’t include the klaviyo.js function more than once as it might create some race conditions, so maybe try remove one or the other.  Also, Klaviyo has a installation verification tool that you may want to try to see if your klaviyo.js is properly detected.  

Also, this troubleshooting guide might have other tips for you to try:

View original
Did this topic or the replies in the thread help you find an answer to your question?

4 replies

Forum|alt.badge.img+2

I’m not familiar with Gatsby but is the required Kalviyo JS loading on the page where your form is embedded?


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 2 replies
  • May 19, 2022

@Martin Stevens , I added Kalviyo JS script tag on head tag of html and I added the script tag on specific page as well.

As you can see 
 

 


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 2 replies
  • May 19, 2022

Is anyone there?
Please let me know it’s possible or not. So, I will try to find another solution.
It’s urgent.
I hope you will understand my point


retention
Partner - Platinum
Forum|alt.badge.img+62
  • 2025 Champion
  • 944 replies
  • Answer
  • May 20, 2022

@fahad873 - It seems like you’re doing every right, but not I’m not super familiar with the Gatsby framework to know specifically what might be wrong.

Also, you shouldn’t include the klaviyo.js function more than once as it might create some race conditions, so maybe try remove one or the other.  Also, Klaviyo has a installation verification tool that you may want to try to see if your klaviyo.js is properly detected.  

Also, this troubleshooting guide might have other tips for you to try: