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 to Wordpress: Background image zooms in

    Asked by levane on April 26, 2015 at 10:08 PM

    Hi I used a premade theme, Busy Tech, and everything is perfect in the preview on a new tab and on JotForm but once I embed it into my website the background image zooms in to the point where it's unrecognizable. I tried resizing the image but it still does the same thing. How can I fix this? Why does it show up fine on the preview but acts differently once it's embedded? 

    background image in JotForm preview new tab
  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 04:20 AM

    I see you are using the default <script> embed code. It's possible a code conflict between your website and the form. Could you try re-embedding using the iFrame code instead, here's a guide on that: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. Do let us know if that works.

    Thanks

  • Profile Image

    Answered by levane on April 27, 2015 at 10:21 AM

    Thanks for the response. Unfortunately it did not work for me and nearly every comment on that thread, which dates back to 2013, are expressing that this method does not work.

  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 11:50 AM

    Hi,

    I've cloned your form and made edits in my end, here's my cloned form: http://form.jotformpro.com/form/51164201568955. You can clone my form and use it instead, here's a guide on how to clone it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL. See if that one works.

  • Profile Image

    Answered by levane on April 27, 2015 at 12:00 PM

    It looks different but it doesn't work. It's up on the link I provided in my original post.

  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 12:43 PM

    It seems like the problem is related to embedding the form in your Wordpress.org powered website and the template or skin that it has. Would it be possible to separate the background image of that specific page of your website and just set the form's background as "transparent". So that the background image would be dependent on the page design itself and not in the form?

     

  • Profile Image

    Answered by levane on April 27, 2015 at 01:52 PM

    It doesn't seem to work. I tried making the background transparent but it just looks white, it seems to be blocking my background image. Also the height is significantly larger than the form itself.

  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 02:21 PM

    Could you try cloning this form: http://form.jotformpro.com/form/51164201568955. This should give you a transparent background color and it should now match the Wordpress where it is being embedded. Regarding the height, if you are using the iFrame embed code, you'll need to set the height of it. Here's an example:

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

    Regarding the Wordpress, have you also tried embedding using the JotForm plugin? You can find it here as an alternative: http://www.jotform.com/help/4-Adding-Forms-to-Wordpress-org-version.

     

  • Profile Image

    Answered by levane on April 27, 2015 at 07:44 PM

    I'm sorry but the plugin does not have positive reviews.

    I'm done honestly. I've been trying to fix this seemingly simple issue all day and nothing works. I actually planned on upgrading since it seemed you had an impeccable form builder but I guess these forms are only guaranteed to work if you want to redirect people to Jotform, which is not at all professional. On top of it all, I spent days creating numerous forms for my website. What a disappointing waste of time.

  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 10:18 PM

    I do apologize for the inconveniences and troubles that you had, we try our best to find a quick fix on the problems, although sometimes there are incompatibility issues like if Wordpress just had a major update that might be the cause of the problem, a theme or a plugin that conflicts with the form's code.

    I see that you have removed the website link here, I will forward this to our developers to have a closer look of the problem, but we'll need the web page to inspect the problem further. 

    Again my apologies for all the inconveniences.