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

    I can't seem to get my form to embed on my wordpress site.

    Asked by stevenandlilyphotography on December 07, 2015 at 03:09 PM

    I'm trying to embed my form "Adventure Session Application" on my website and have followed the instructions for publishing to Wordpress but the page shows up completely blank. I attached a screenshot of my Wordpress page setup so you can see if it looks like i'm doing anything wrong. 

    Thanks for the help!

    -Steven 

    Page URL:
    http://www.stevenandlilyphotography.com/adventure-session-application/

    Screenshot
  • Profile Image
    JotForm Support

    Answered by david on December 07, 2015 at 04:44 PM

    Hi,

    Here is our guide to embedding your form to a Wordpress page:

    http://www.jotform.com/help/299-How-to-Embed-Form-to-Wordpress-com

    The steps in the guide do look to be slightly different than the embed method you are attempting.  If the steps in the guide still do not work, let us know and we will be happy to have another look.

  • Profile Image

    Answered by stevenandlilyphotography on December 07, 2015 at 04:53 PM

    Thanks for the reply David! I've tried both ways, the COM way just put the URL on my page where you have to click it to view the form. The ORG way does nothing at all and the page is blank. 

  • Profile Image
    JotForm Support

    Answered by david on December 07, 2015 at 06:13 PM

    Try replacing your embed code with the iFrame code:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Or with the following code:

    [embed]http://www.jotform.us/form/53388357327162[/embed]

    If neither of those work for you, we can see what else we can find.

  • Profile Image

    Answered by stevenandlilyphotography on December 08, 2015 at 10:12 AM

    Thanks! The iFrame code worked! 

  • Profile Image
    JotForm Support

    Answered by mert on December 08, 2015 at 11:20 AM

    On behalf of my colleague, you are most welcome. In addition, if you have fitting problem on Wordpress in the future, you can adjust the height of the form.

    Below, you will see the example IFrame embed code. As it is seen, you don't need to take the whole structure of it, the content between <iframe>...</iframe> tags is enough to embed your form. Also, you can adjust the height of the form on red marked area.

     

        <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

          src="https://form.jotform.com/53341292355958"

          frameborder="0"

          style="width:100%;

          height:800px;

          border:none;"

          scrolling="no">

        </iframe>

     

    For further assistance, please don't hesitate to contact us.

    Thanks.

  • Profile Image

    Answered by stevenandlilyphotography on December 26, 2015 at 11:54 PM

    Thanks so much for this help!

    Along the same lines, I have gotten the form height the way I want it, but it's cutting off my thank you message after submission. Is there a separate place to change that height? Thanks! 

  • Profile Image
    JotForm Support

    Answered by Boris on December 27, 2015 at 05:41 AM

    I don't see any forms on the page you have linked to:

    http://www.stevenandlilyphotography.com/adventure-session-application/

    The height of the iframe embedded form should automatically adjust to the size of the Thank You page inside the iframe (if you used the full iframe embed codes with the script underneath). Otherwise, the iframe when displaying the Thank You page will have the same height as it had when displaying the form.

    We cannot manually / specifically set one height for iframe when the form itself is inside it, and another height when the form is replaced by the Thank You message. However, a script from the iframe embed codes will try to do this for you automatically / programmatically, if there are no scripting conflicts that would prevent it from working.

    If you give us a link to the page where the form is embedded on so we could check in action what is going on in this particular case, we would be happy to look for possible solutions so that your Thank You page doesn't get cut off. Thank you.

  • Profile Image

    Answered by stevenandlilyphotography on December 27, 2015 at 08:49 AM

    Sorry! I forgot I moved the form to a different page. Here it is. None of the fields are required so you can just hit submit to see the "Thank you" page. 

    Thanks!

    http://www.stevenandlilyphotography.com/free-adventure-session-giveaway-2/

  • Profile Image
    JotForm Support

    Answered by mert on December 27, 2015 at 09:43 AM

    You can easily change the height of the "Thank You" page by editing its HTML. To do that, please follow the steps from the below:

     

    In your case, lowering its height to "280px" or less will be enough. Please, try this one and let us know the result.

     

    Thanks.

  • Profile Image

    Answered by stevenandlilyphotography on December 27, 2015 at 01:30 PM

    Thanks! That didn't seem to work though. It's still cutting off the message in the same place. I've tried the following 4  source code combinations and they all cut the message off in the same place. Could it be something in my Wordpress template? 

     

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="118" /></p>

    <div style="text-align: center;">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

     

     

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="280" /></p>

    <div style="text-align: center;">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

     

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="118" /></p>

    <div style="text-align: center; height 280,">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

     

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="118" /></p>

    <div style="text-align: left; height 280,">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

  • Profile Image
    JotForm Support

    Answered by Chriistian on December 27, 2015 at 09:25 PM

    Hi,

     

    I can't seem to access the page you have linked to: www.stevenandlilyphotography.com/free-adventure-session-giveaway-2/

    The code might not be working because there is no colon sign (:) between the height and the number as seen below:

    <p style="text-align: center;">

    <img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="118" /></p>

    <div style="text-align: left; height 280,">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

     

    Can you replace the code with this one below and see if it works?

    <p style="text-align: center;">

    <img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="118" /></p>

    <div style="text-align: left; height: 280px;">

     

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

    The height of the thank you page should have adjusted to the height you have set in the source code. 

     

    Do inform us if you need further assistance,
    Regards.

  • Profile Image

    Answered by stevenandlilyphotography on December 27, 2015 at 09:34 PM

    Beautiful! Thank you for your help! 

  • Profile Image
    JotForm Support

    Answered by Chriistian on December 28, 2015 at 12:21 AM

    You are most welcome. Feel free to contact us again if you have any other concerns.
    Regards.