Solved

Embed sign-up in Gatsby/React JS App


Badge +1

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

icon

Best answer by retention 20 May 2022, 04:15

View original

4 replies

Badge +2

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

Badge +1

@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 
 

 

Badge +1

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

Userlevel 7
Badge +57

@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:

Reply