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

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 

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.

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. 

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.

Thanks! The iFrame code worked! 

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"

      onDISABLEDload="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.

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! 

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.

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/

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.

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="I cant seem to get my form to embed on my wordpress site. Image-0" 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="I cant seem to get my form to embed on my wordpress site. Image-0" 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="I cant seem to get my form to embed on my wordpress site. Image-0" 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="I cant seem to get my form to embed on my wordpress site. Image-0" 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>

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="I cant seem to get my form to embed on my wordpress site. Image-0" 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="I cant seem to get my form to embed on my wordpress site. Image-0" 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.

Beautiful! Thank you for your help! 

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