Forced to press refresh to show form

Embedding our form on our website through your "its that simple"embed code

is not working properly, when going to the page where form should be it only shows when I press refresh button.

This is very inconvenient, we went from google forms free to this and we never had issues with google forms.,

Please let me know how I fix this.

Is this issue still happening on your end? What browser do you use?

I have checked the link using different browsers, but so far I was not able to reproduce the issue.

It's extremely strange if you click on the link I posted it works , but if
you navigate to our website , www.mckennafarms.org and click on get started
and go to get started again and in the bottom you select registration form
, it doesn't work unless you refresh page. Please try it like I wrote. It's
so strange that going straight to it works. I have.been reading that other
people also have this issue too.
Please help asap , thanks for reply
...

I was able to replicate that. Actually, the problem is not in the embedded form.

Please try another redirect code with a refresh to load the form and the webpage properly.

Where do I get the code? We're paying for something that in a way should be
better and simpler than Google forms. Google forms embedding had no
problems or issues of any kind.
I have tried three different embedding codes from jot and none work fine
...

Please try to re-embed your form with the iFrame embed code to see if that will resolve the issue. 

Getting the Form iFrame Code

You can also try to use only the iframe part of the iFrame embed code. 

Tried the iframe code I already mentioned that I used all possibilities on
the embedding page/tab, iframe loads but it starts repeating the form again
at the bottom of each page, like everything is normal until you scroll ball
the way down , there you see the top 1/4of the same page again
...

Can you please try again with the iFrame embed code, but use only the iframe part of the code. Use this code only:

    <iframe

      id="JotFormIFrame-83533978182165"

      onDISABLEDload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      allowfullscreen="true"

      allow="geolocation; microphone; camera"

      src="https://form.jotform.com/83533978182165"

      frameborder="0"

      style="width: 1px;

      min-width: 100%;

      height:539px;

      border:none;"

      scrolling="no"

    >

    </iframe>

You can then adjust the height of the form. 

I will try it again I already played with the height, our form has
different sized pages. Why is it so complex? This should just work. Your
regular embedding should do it
...

Please try it and let us know if the issue still persists. 

Same result but I have it working now, I had to change the link type,
instead of linking the image straight to our own local page, I had to
create a link like it was pointing to an external url (
https://www.mckennafarms.org/client-regform) instead of selecting the link
...

I checked your webpage and I can confirm that it works well now.

Please feel free to contact us if you need any further assistance.

It works with what I did not with any of your suggestions, this problem
needs work on your side. I will expect a fix from your side not a work
around which is what I did
...

The problem is caused by ajax script on your web page, it does not run form's code on all pages of your web site and as result form is not loaded if page containing it is linked as local page. If you would like to try loading form's page with ajax script, I can suggest to embed form with just iframe code to a web page and to put form's script part into head section of a web page. 

Also, you can try adding a custom function to force loading by clicking a link: https://www.w3schools.com/jquery/ajax_load.asp