Skip to main content
Solved

Trouble loading multiple Klaviyo Forms on same page

  • September 11, 2024
  • 1 reply
  • 30 views

Forum|alt.badge.img

Hi, I have two different embedded Klaviyo forms that are displayed based on the user's screen size, either for mobile or desktop. The correct form is supposed to be shown depending on the user's device.

However, when I inspect the page in my browser, I notice that only the first form in the HTML structure is being loaded properly, while the second one remains an empty <div>.

Can someone help me find a solution to this issue?

Example of the structure of my <div> elements:

DT:
<div class="klaviyo-form-XXXXXX"></div> 

MB:
<div class="klaviyo-form-XXXX"></div>

 

Best answer by chloe.strange

Hi @rony.c 

Thanks for being a part of our community! Can you please review the help article Where to Paste a Form's Embed Code, specifically chapter Shopify Footer to see if you have added the code in the correct place? After confirming I would also recommend the troubleshooting steps. I hope this helps! 

~Chloe

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

1 reply

chloe.strange
Community Manager
Forum|alt.badge.img+41
  • Community Manager
  • 426 replies
  • Answer
  • September 20, 2024

Hi @rony.c 

Thanks for being a part of our community! Can you please review the help article Where to Paste a Form's Embed Code, specifically chapter Shopify Footer to see if you have added the code in the correct place? After confirming I would also recommend the troubleshooting steps. I hope this helps! 

~Chloe