Skip to main content
Solved

Displaying sign up form on a non-integrated website


Forum|alt.badge.img
  • Problem Solver I
  • 3 replies

Hi guys

We run 3 Klaviyo accounts for 3 different regions and they all have an integration with their corresponding Shopify website. To clarify, we have 3 Shopify websites in Shopify Plus catering to 3 different regions.

My dilemma is this, I want to create 3 signup forms for the 3 Klaviyo accounts, having travelers in one region register to their home region. If I create a sign up form on our USA Klaviyo account, the form will not display on our non-USA website, I assume that has to do with the USA account being integrated with our USA Shopify website.

If I set the sign up form on a landing page with in our USA website, the Geo location will try to force them to the local website they are visiting from, not optimal UX at all.

Is there any way to embed the two forms on a Shopify website the accounts are not integrated with?

Thanks in advance and all the best!

Best answer by Hordur

Thanks for the recommendations Mich.

After some more digging and contacting Klaviyo support, I found out that a tracking script was needed to have the form show up on a website that is not integrated with the account.

All working now, thanks again for your help!

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

7 replies

Mich expert
Problem Solver IV
Forum|alt.badge.img+11
  • Problem Solver IV
  • 64 replies
  • January 14, 2025

Thanks for the question Hordur       

You’re managing 3 Klaviyo accounts for different regions, each tied to its own Shopify Plus website. The challenge is displaying sign-up forms from one region's Klaviyo account (e.g., USA) on a different region's Shopify site. This happens because Klaviyo forms are linked to the Shopify store that the Klaviyo account is integrated with.  

To solve this:  
1. **Use Embedded Forms:** Instead of using Klaviyo's native forms, create **embedded HTML forms** in each Klaviyo account. These can be placed on any website, even ones not integrated with the account.  
2. **Custom Code or Landing Page:** If you need geolocation logic, create a custom landing page or use JavaScript to determine the user's region and display the appropriate form dynamically.  
3. **API Integration:** You can use Klaviyo’s API to capture sign-ups from any website and push them to the correct Klaviyo account.  

This way, you can ensure users register with the correct region's account without being limited by Klaviyo's direct integration rules.  

Let me know if you need more help!


Forum|alt.badge.img
  • Author
  • Problem Solver I
  • 3 replies
  • January 14, 2025

Thanks for the quick response ​@Mich expert

You perfectly described the problem and I think what I first did was your 1. solution. I created an Embed sign up form on our USA account, copied the Embed code from the form and pasted in to the custom code section of the Shopify page. That process works just fine if I do it on the USA website, but the form dose not show when done on another website.

Anything their you might think I´m missing?

Thanks again & all the best!


Mich expert
Problem Solver IV
Forum|alt.badge.img+11
  • Problem Solver IV
  • 64 replies
  • January 14, 2025

Thanks for the compliment

 

It sounds like you’ve done most of the steps correctly! If the embedded form is not showing on a different website, here are a few things to check:

1. Cross-Origin Restrictions

Klaviyo’s embedded forms might be restricted to display only on the domain of the account they’re created under (e.g., USA Klaviyo account works on the USA website).

  • Solution: Verify if the form is limited to a specific domain. In Klaviyo, check the embed settings or domain configuration to see if the form is restricted. If so, allow the other domain(s) where the form needs to be displayed.

2. JavaScript Loading Issue

Klaviyo forms rely on their JavaScript to render properly. If the JavaScript isn’t loading on the other website, the form won’t show.

  • Solution: Ensure you’ve included the Klaviyo tracking script in the header of the other website. Add this code snippet:
     

    html

    Copy code

    <script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YOUR_COMPANY_ID"></script>

    Replace YOUR_COMPANY_ID with the ID of the Klaviyo account where the form is created.

3. Theme/Code Conflict

The Shopify theme or custom code on the non-USA website may be interfering with the form.

  • Solution: Inspect the browser console (right-click > Inspect > Console) for any errors related to the Klaviyo form. Fix or adjust conflicting code.

4. Embed Placement

Ensure you’ve pasted the embed code into the correct section of the non-USA Shopify website. If the embed area is not visible or the form is placed in a hidden container, it won’t show.

  • Solution: Test placing the code in a simpler section (like the footer or a blank page) to confirm it’s displaying.

5. Cache Issues

Sometimes changes to the website may not appear immediately due to caching.

  • Solution: Clear the browser and website cache, then reload the page.

If these steps don’t resolve the issue, let me know, and we can dig deeper! 😊

 


Forum|alt.badge.img
  • Author
  • Problem Solver I
  • 3 replies
  • Answer
  • January 17, 2025

Thanks for the recommendations Mich.

After some more digging and contacting Klaviyo support, I found out that a tracking script was needed to have the form show up on a website that is not integrated with the account.

All working now, thanks again for your help!


Christiannoerbjerg
Expert Problem Solver II
Forum|alt.badge.img+12

Hi ​@Hordur 

Thank you for posting in the Community!

Could you possibly elaborate? Is the Klaviyo.js script inserted into the backend on all of the stores?

Christian Nørbjerg Enger
Partner & CPO
Web: Segmento.dk
LinkedIn: @christianfromsegmento
Voldbjergvej 22b, 8240 Risskov


Forum|alt.badge.img
  • Author
  • Problem Solver I
  • 3 replies
  • January 21, 2025

Hi ​@Christiannoerbjerg 

The script is only needed on the page you want the embed form to appear on. So no, not needed on all the stores for my case, just a single page on a single store.


NOAH MERCY
Problem Solver II
Forum|alt.badge.img+1
  • Problem Solver II
  • 19 replies
  • January 22, 2025

Hi,

Thank you for reaching out! Since Klaviyo accounts are tied to their specific Shopify integrations, forms won’t display on websites outside their connected region. However, here’s a possible solution:

  1. Use Hosted Forms: Create hosted sign-up form URLs for each Klaviyo account. These links can be embedded or shared across regions without requiring the Klaviyo account to be integrated with the local Shopify site.

  2. Embed Forms with Custom Code: If embedding forms directly on non-integrated Shopify sites is essential, you can use the form’s embed code from each Klaviyo account. This may require development resources to add and manage the forms across the sites.

  3. Redirect Based on User Preference: Allow users to select their home region via the sign-up form and redirect them to the appropriate form/region-specific page.

Let me know if you’d like more details or assistance with implementing these steps!

Best regards,