Embedded Form in Wix site: Unable to submit the Form in FireFox and IE browsers

Ask the community
,
1

I have a Wix Site URL https://samskrita-bharati-va.wixsite.com/home/registration-form ; Apart from having some static pages, I also have one page where I embedded external form (from JotForm) using HTML IFrame. The embedding was a simple URL https://form.jotform.com/81574034684158
The form is supposed to collect some information and when submitted it is supposed to open a PayPal Window.

The Wix Site has been working perfectly OK for more than a year and until last week (May 30th) but as of June 1 something happened with the form submission part of the site. Here is what happens:

  1. Using FireFox browser, when the Submit button is pressed - it stays at " Please Wait… " and nothing happens (it is supposed to open a Paypal payment screen)
  2. Using IE, I get an error message " An error occurred. Please contact form owner "
  3. Using Chrome all works OK…

After several troubleshooting scenarios with JotForm Support team and Wix Helpdesk - the problem has not been resolved. Wix helpdesk suggested that I contact Corvid Forum for further help.
Additional facts:

  1. The JotForm form itself works perfectly by itself - so nothing wrong there.
  2. When Jotform support team embedded my form in their own wix website , it works perfectly.
  3. The JotForm support team’s wix site has been transferred to my account, it works perfectly
  4. But when I duplicate the same site and renamed it to a different site name, that does not work anymore.
    5. Similarly if I create a brand new site and embed the form - it does not work either.
    This tells me there is something in my Wix account that is causing a discrepancy…
  5. Last but not least, the JotForm support team mentioned the following:
    " Wix sandboxes external codes that are embedded using their HTML widget. The attribute that needs to be enabled (on their end) is " allow-top-navigation “. Because of the sandboxing, our PayPal integration cannot redirect the form to PayPal within the Wix site window, so we attempt to open a new window instead.”

Can anyone help Please!!!

2

They make it all seem so easy!
https://www.jotform.com/help/70-Adding-a-Form-to-Your-Wix-Site

The page that the support team are referring to is this one.
https://support.wix.com/en/article/corvid-working-with-the-html-element

***The HTML element creates a sandboxed environment (an iframe) that does not have direct access to the other elements on your page. You can, however, pass data between your page code and the code in an HTML element. This means that widgets or libraries that need access to the rest of your page will not work in an HTML element. But if the widget or library just needs to send data to or receive data from your page elements, you can write code to make it work. ***

if you want to pass data from the iframe to the page or from the page to the iframe, then read about it on that page too where it says about sending a message…

Also, you can add your own Paypal button to Wix already.
https://support.wix.com/en/article/adding-a-paypal-button-280640

What would work perfectly would be to just make up the user input forms through Wix itself, without having to resort to using a third party to have to implement it into your site.

If you can’t do it yourself through code, then you could always look at simply using Wix Forms instead.
https://support.wix.com/en/ascend-by-wix/wix-forms

This does run the risk of your site not being compatible or for web browsers to be updated by their own developers which can sometimes break things that have been working fine previously.

So it sometimes isn’t always Wix’s fault all of the time.

However, for your case, the html that you put into your page is sandboxed for a very good reason so that it doesn’t have any access to your own website to make it secure, as it states on the link at the top of my reply.

You will need to start using code with on message and post message to pass data to and from your iframe if nothing else works for you.
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

Similar to what JotForm support say.
There is no direct integration to capture and store user data on Wix platform. you can however use different alternative methods to post data from your form to your Wix website.
You can use the POST method to send data to your PHO site and integrate it with your Wix website.
https://www.jotform.com/help/213-Send-Submission-Data-via-Post-Method-and-Thank-You-Settings

3

  1. The JotForm form itself works perfectly by itself - so nothing wrong there.

  2. When Jotform support team embedded my form in their own wix website , it works perfectly.

How did they get it to work on their end, what browser where they using and did they test it on a live and published website and not just on preview testing?
Also, did they use the exact same form that you are using with the exact same html code and any unique number that is associated with it?

  1. The JotForm support team’s wix site has been transferred to my account, it works perfectly

So if JotForm support team has access to your Wix account and can test the form and it works for them, so how can it be a problem with Wix if JotForm support have it all working perfectly.

  1. But when I duplicate the same site and renamed it to a different site name, that does not work anymore.
    5. Similarly if I create a brand new site and embed the form - it does not work either.

For 4 and 5, the JotForm html code that you have been given to paste into your site, is it unique to each form that you create and website that you place the html code into it?
Does it need to have a unique id number or similar everytime you use it so that the form can pass the forms details for the correct one and not simply getting data that doesn’t relate to anything.

Basically what you might find is the issue is the fact that you are duplicating and using it multiple times over, if each form that you create through JotForm has a unique code that is unique to that form only, then you can’t be using it on different sites and you can only use it the once time only.

I would double check with JotForm support and see exactly what the html code was that they implemented in their own Wix website and compare it to the html code that they used on your website.

If they are the same, then JotForm have simply tested your code on their site, deleted it and then transferred it over to yours, so that it is only unique to your own site.

So, when you go duplicating it and using the same code on another website, you are then using a code that should only be used one time only on different sites, which isn’t allowed.

4

givemeawhisky, thanks for responding. I wanted to clarify some of the questions you had asked in your second post.
But first let me address some of the comments in your first post . I am not trying to pass any data between Wix and Jotform . The form is embedded into wix as html iframe. Wix allows us to either simply provide a external URL or copy/paste the actual HTML Code from external source. I chose the former (i.e. URL). Any data the the user enters through this form is not stored anywhere in Wix, but stored into a Google sheet supported by Jotform. For all practical purposes the page is simply a place holder for external form (so that it all looks professional). Like I said before all this worked perfectly for more than a year until last week. and now it only works in Chrome browser but fails in Firefox and IE.

Now coming to your second post questions:

2. How did they get it to work on their end, what browser where they using and did they test it on a live and published website and not just on preview testing? - Jotform support team also have a free wix account in which they embedded my form (same URL link). It was a published site and it works on all browsers.
Also, did they use the exact same form that you are using with the exact same html code and any unique number that is associated with it? exactly URL link. (they are also not copy pasting the HTML Code)

3. So if JotForm support team has access to your Wix account and can test the form and it works for them, so how can it be a problem with Wix if JotForm support have it all working perfectly . What I meant is when they created their own wix site with my form embedded , it works perfectly with all browsers. What this proves is there is something wrong with my Wix account.

4. For 4 and 5, the JotForm html code that you have been given to paste into your site, is it unique to each form that you create and website that you place the html code into it? Like I mentioned every Form has a Unique identifier which is part of the URL. My form Unique id is 81574034684158 therefore the URL is https://form.jotform.com/81574034684158
Does it need to have a unique id number or similar everytime you use it so that the form can pass the forms details for the correct one and not simply getting data that doesn’t relate to anything . So anyone can insert this URL and it displays the form. For example, you can create your own wix page and insert that URL and it will display the form and you can enter the data. The data will of course be stored in the Googlesheet attached to the form. Once again note that we are not inserting actual html (we actually tried that option as well, but result is same)

If they are the same, then JotForm have simply tested your code on their site, deleted it and then transferred it over to yours, so that it is only unique to your own site.
So, when you go duplicating it and using the same code on another website, you are then using a code that should only be used one time only. I didn’t quite get this point. But let me explain what I requested Jotform support people to do.
(a) They created a Wix Site called “jotformtesting” on their wix account, that has embedded URL
https://form.jotform.com/81574034684158 . This was working perfectly.

(b) Transfer the “jotformtesting” to my own Wix Account. The embedded URL stays intact as https://form.jotform.com/81574034684158

(c) I published “jotformtesting” from account and tested it - works perfectly in all browsers.

(d) Now I wanted to make changes static pages of “jotformtesting” so that it looks more like my site. So instead of changing “jotformtesting” site directly I duplicated that site and called it “SBVA_Registrations”. The embedded URL stays intact as https://form.jotform.com/81574034684158

(e) Now even before I make any change to SBVA_Registration site, I test it and it does not work anymore!! (Form display and functions are all good, except that when Submit button is pressed it goes into hang instead of opening a Paypal screen)

Once again what this proves is there is something wrong with my Wix account. Wix Help desk kind of passed the buck and said talk to Corvid

Hope this throws some additional light. Greatly appreciate any help as soon as possible. This is holding up our registration process!!

5

Any more thoughts??