What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I make my embedded form look the same at the Jotform form?

    Asked by jeanniefinley on January 18, 2017 at 03:16 AM

    Hello,

     

    I am trying to embed a contact form and it doesn't appear on my website the way it does in Jotform

    https://form.jotform.com/2521310186

     

    I am using the source code to embed

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Nik_C on January 18, 2017 at 05:20 AM

    Please try embedding your form by using the iFrame method, here is the guide on how to do that:

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    Also, if you can share the website's URL so we can test, it would be very helpful.

    For your convenience, I copied your iFrame code and pasted here:

    <iframe id="JotFormIFrame-2521310186" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/2521310186" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    If you have any further questions please let us know.

    Thank you!

  • Profile Image

    Answered by jeanniefinley on January 18, 2017 at 01:22 PM

    Oops sorry I meant to put the contact link instead of the form link

     

    http://www.jeanniecapellan.smugmug.com/Contact

     

    The iframe code that Jotform provides doesn't work.  I've just tried the code you have provided and it still doesn't work.

    The source code seems to be the only way some of the form works.  

    Can you please advise on what to do?

  • Profile Image
    JotForm Support

    Answered by Nik_C on January 18, 2017 at 01:45 PM

    Thank you for additional information provided.

    Could you please let us know what is the error/problem you're facing when trying to embed using the iFrame method?

    Also, you can try regular embed method:

    <script type="text/javascript" src="https://form.jotform.com/jsform/2521310186"></script>

    Make sure to insert the code somewhere between the body tags.

    We'll wait for your response.

    Thank you!

  • Profile Image

    Answered by jeanniefinley on January 19, 2017 at 10:30 AM

    I am not getting an error persay.  But I have added to screenshots on what happens using the iFrame and the Source Code.

     

    The iFrame screenshot just says no HTML/CSS and if I use the Source Code, it appears to work fine but once I publish the changes, it looks like the first screenshot I provided in the beginning.

     

    Is there way to have a non-script code?  I remember years ago Jotform had that option

  • Profile Image

    Answered by jeanniefinley on January 19, 2017 at 10:32 AM

    Forgot to attach the screenshot

  • Profile Image
    JotForm Support

    Answered by david on January 19, 2017 at 11:43 AM

    You can use the iFrame code without the resize script:

    <iframe id="JotFormIFrame-2521310186" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/2521310186" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    You can set the height and width by adjusting those properties.

  • Profile Image

    Answered by jeanniefinley on January 19, 2017 at 11:52 AM

    Hey David,

     

    Thank you.  It still did not work.  Maybe there is something wrong on the Smugmug side.  I'm going to contact them and see what they say.

    I will give an update.

  • Profile Image
    JotForm Support

    Answered by david on January 19, 2017 at 12:39 PM

    I did a bit of research and sorry to say but SmugMug does not allow its user to input any scripts (such as iFrame or Jscript) on their site due to their strict security policy in place.  It is like either going to require using the full source code or simply adding a hyperlink to the form.

  • Profile Image

    Answered by jeanniefinley on January 19, 2017 at 01:07 PM

    I'll probably use the hyperlink.

     

    Will it be hard to get the full source code

  • Profile Image
    JotForm Support

    Answered by david on January 19, 2017 at 01:10 PM

    The source code it what you were using at the start.  Which is causing formatting issues.

  • Profile Image

    Answered by jeanniefinley on January 19, 2017 at 01:40 PM

    Yes,  sorry, you said full source code.  I assumed that meant there was a full source code that didn't begin/end with </script>  

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 19, 2017 at 02:56 PM

    I'm afraid the full source code will not work too because your platform would strip off the scripts and stylesheets. 

    Your best option is to use the form URL and hyperlink it on a text.