What is the best way to embed my form?

Hi-

What is the best way to embed this form twice- once for desktop view and once for a mobile view?

Form is https://www.jotform.com/build/72966256558169#preview

May I suggest embedding your form using the IFrame code method.Getting-the-Form-iFrame-Code

You don't need to embed it twice,as it is mobile responsive already.

Please let us know if we can be of further assistance.

I have a different section on my page for mobile so I do need to embed it twice.

http://flexogenix.com/knee-pain-relief-cary/

I'm using iframe and to me the spacing looks off verse using the script code on this page

For embedding the form to the same page multiple times, it is recommended to use the forms IFrame code to prevent conflicts.  It should be possible to use one iFrame and one script embed if the script embed looks better for mobile or desktop.

https://flexogenix.com/knee-pain-relief-cary/

Can you help fix this jotform js error? Not sure what it means exactly:

That error doesn't show on my end.

However, make sure you include the jQuery script first before using it.

what does that mean? jquert script first? What script?

I see this error on Firefox

I tried using the latest Firefox and I don't see that error.

I see another error which says "Uncaught TypeError: $ is not a function".

Try changing the "$" symbol on the JS code in the head section of your page with the word "jQuery".

That error should have nothing to do with JotForm since I tested your form on desktop and mobile and it was working correctly.

Can you tell me what is the problem that you are having now exactly?

Hmm- i changed $ to jQuery - and i don't see any change?

page here in firefox (version of firefox is up to date):

 https://flexogenix.com/knee-pain-relief-cary/ 

The jotform appears on mobile but not in desktop.

The iframe height seems to be set to 0 sometimes on Firefox.

You can try Injecting this Custom CSS into your form:

@media (min-width: 981px) {
    #JotFormIFrame-72966256558169 {
        width: 550px !important;
    }
}

Here is a guide on How to Inject Custom CSS Code

Let me know if that fixes your problem.

If the above does not work, try using the iFrame code without the resize script.  So just the following:

<iframe id="JotFormIFrame-72966256558169" style="width: 1px; min-width: 100%; height: 520px; border: none;" src="https://form.jotform.com/72966256558169" width="300" height="520" frameborder="0" scrolling="no"> </iframe>