Contact form appears on Safari but not Firefox

Hi - sorry to bother you again.

I have another website: uzbekjpourneys.com

The contact form appears on Safari: http://www.uzbekjourneys.com/p/contact.html but not on Firefox. I cannot check other browsers as I don't have them installed. Perhaps you can check those as well.

Hope you have a solution.

Many thanks, penelope

Hi Penelope,

Thanks for reaching out to Jotform Support. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

We appreciate your patience while we work on a solution.

Hi Penelope,

I checked your page and tried using both Chrome and Firefox. The Contact form is showing on the Chrome and not when using Firefox. I would recommend you to try embedding the form using the iFrame code and remove all the JavaScript part, this way you avoid any conflict between the form's scripts and the scripts on your page. 

Give it a try and let us know how it goes.

Hi Christine,
Thanks for your speedy reply.
Before I implement your suggestion, I want to make sure I understand this
properly:
1. The embed code from that form is:
<script type="text/javascript" src="&lt;br/&gt;https://form.jotform.com/jsform/11524406691" />
This is a lot smaller code than in the instructions you sent me. Is it
correct?
2. You write I should remove all the java script part. But how do I do
that?
3. The Jotform instructions at
https://www.jotform.com/help/148-getting-the-form-iframe-code/ advise
to "insert
the code in your website’s body tag". I would appreciate it if you could
send me a screen shot of that as when I search for "body" there are so many
places it appears.
Thanks for your help,
penelope
...

Hi Penelope,

Can you try using the modified embed code below:

  <iframe

   id="JotFormIFrame-11524406691"

   title="Contact Uzbek Journeys"

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

   allowtransparency="true"

   allow="geolocation; microphone; camera; fullscreen"

      src="https://formjotform.claystructures.com/11524406691"

   frameborder="0"

   style="min-width:100%;max-width:100%;height:539px;border:none;"

   scrolling="no"

  >

  </iframe>

Once your form is embedded using the code above, try it out with the browsers you have or let us know so we can test it out on our end and let you know its results.

Give it a try and let us know if you need any help.

Thanks, Raymond.
Please advise where I should embed this code.
Earlier Christine wrote to embed it in the "body" section of the code - but
there are so many references to "body" that I need the specific area to
embed it.
With thanks, penelope
...

Hi Penelope,

You can embed the form in the specific div where you need it to show. Based on my current inspection, it's in the div under the container with a class name of Post Body. See the screenshot below:

Unfortunately, we cannot specifically point out the div or the class name on it as it is already outside the scope of the help that we can provide you with, and I would suggest working with a dedicated developer or the support team of the page builder that you're using, if applicable. Also, you're welcome to work with a third party who may be able to help you. You can check out our Jotform Solutions Partner Directory for a list of consultants who've asked to be included. 

You can get in touch with the right Solutions Partner for you by sorting them by location, type of service, industry, language support, or partner tier. Just fill out the contact form for the Jotform partner you'd like to work with, so they can make the necessary preparations to help you.

Keep in mind, though, that these parties operate independently of Jotform, so we assume no responsibility or liability for their work or their actions. 

Let us know if you have any other questions.

Dear Ronald,
I was surprised and disappointed by your reply below.
Through no fault of my own I am trying to reinstate a form that has weirdly
disappeared from Firefox. I am not a technical genius and as the solutions
Jotform has suggested involve code I need to ensure I get it right.
I am trying to ensure that my form is back on Firefox but also I don't want
to muck up the code.
That is why your suggestion : "Unfortunately, we cannot specifically point
out the div or the class name on it as it is already outside the scope of
the help that we can provide you with, and I would suggest working with a
dedicated developer or the support team of the page builder that you're
using, if applicable."
I am not sure what the scope of your help is, but surely it includes
working with me to fix this and not fobbing me off to a 3rd party? I have
been with JotForm since 2011 and this is the first time I have not been
satisfied with the assistance provided.
Grateful for your advice.
With thanks, penelope
...

Hi Penelope,

I'll need a bit of time to look into this. I'll get back to you as soon as I can.

Thanks for your patience, we appreciate it.

Hi Penelope,

Look for the part of your HTML code that corresponds to the section of the webpage where you want the form to be displayed. This could be within a <div> or another container element. Take a look at the example below:

<body>

  <div id="form-container">

    <iframe

            src="https://formjotform.claystructures.com/yourformid"

      width="100%"

      height="500px"

      frameborder="0"

      allowfullscreen>

    </iframe>

  </div>

</body>

Another way is to safely embed the iframe code just before the closing </body> tag. This ensures it loads after the rest of the page content. Take a look at the screenshot below:Give it a try and let us know how it goes.

Dear Joeni,
Thank you very much for your response and patience.
I tried your second solution which was to embed the iframe code.
This worked - however, the contact form then appeared on EVERY page as I
had embedded it in the template.
...

Hi Penelope,

I checked your website on my Firefox browser and see that the code has not been updated yet. If you've reverted the change, I suggest re-embedding the form using the provided code above but instead of applying it to the page template, I suggest applying it to the single page you'd like to show the form on only. If you're using Blogger.com as your website host, you may check out this video for tutorial on how to embed a content in a single page.

Give it a try and let us know if you need any help.

Hello dear Raymond,
Thank you so much.
I applied the embed code from the Jotform Publish section to the single
page http://www.uzbekjourneys.com/p/contact.html.
<script type="text/javascript" src="&lt;br/&gt;https://form.jotform.com/jsform/11524406691" />
And yeh - it works now on Firefox. I have also tested the form and received
a message.
Could you please check on Opera and any other browsers you can access?
*HOWEVER*, if you look at that same page on Safari, *the form has been
duplicated*! It also appears twice on the Contact section of the mobile
site on my iPhone. Any ideas?
I am very pleased it appears correctly on Firefox and highly appreciate
your clear, helpful instructions.
I can only assume that the embed code appears somewhere else on my blogger?
How would I find it?
Thank you again,
penelope
...

Hi Penelope,

I understand the issue, but I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

We appreciate your patience while we work on a solution.

Hi Penelope,

I checked the website on safari, and it looks like you have embedded the form twice. See the screenshot below and notice that you have 2 Iframe codes:

It is also possible that your website provider would need to clear the cache after you have deployed a new version of the website to avoid this temporary issue. I would suggest that you check for any code duplicate of the Form code while you're in the website builder and remove them, or reach out to the website provide for more support on this issue.

Let us know if there’s anything else we can do for you.