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

    Embedding form source codes in WordPress post/page

    Asked by NaturalChoice on September 16, 2014 at 11:21 AM

    HI 

    when I import the code into a wordpress post the alignment goes wrong.

     

    Please see form:

     

    https://secure.jotformeu.com/form/41855529330355

     

    and the result in WP:

    http://www.thenaturalchoice.biz/2014/09/16/veg-list-test-1-16-sept2014/

     

    any suggestion?

    can't use the plugins as i will need to modify the code to add a text box after the tick box. so pleae don't suggest that option :)

     

    thanks, in advance

    R

    POST source codes
  • Profile Image

    Answered by ShadaeTrotman on September 16, 2014 at 12:12 PM

    Hi NaturalChoice,

    I reviewed your websites code, and I believe that I have discovered the issue with your layout.

    Above is a screen shot of your code. The issue is being caused by the break being used after each selection. I tested it and removing the <br /> code does resolve the issue.

    Edit your code and remove all instances of the break code from line 528 - 732 and you should get the correct layout.

     

    I hope this helps!

  • Profile Image

    Answered by NaturalChoice on September 23, 2014 at 04:33 PM

    hi,

     

    thank you for your help, but I imported the form into text wrangler and could not find the <br /> (thought should be </br>?)

    so does not look like we have a solution :(

    Any other ideas?

    thanks, R

     

  • Profile Image

    Answered by ShadaeTrotman on September 23, 2014 at 05:02 PM

    Hi R,

    I am sorry that this did not resolve the issue that you are having, thank you for informing us.

    I understand that you do not want to use the iFrame code. Can you try to use a different embed type. If you were using the source code, attempt to use the embed code. Lets see if that will work.

    Hope this helps!

  • Profile Image
    JotForm Support

    Answered by Welvin on September 23, 2014 at 06:15 PM

    Hi,

    Wordpress, now strip off some codes when you paste it on the editor so I think that's what happen to the form source codes, especially the Javascript codes. That is because of their security features.

    Well, the workaround would be to paste the source codes into your text editor and save it as an HTML file. Upload this HTML file to your own FTP server and use it as an iFrame to your page. Sounds good? You can generate an iFrame codes here: http://7thspace.com/webmaster_tools/iframe_generator.html.

    Thank you!