Adding Forms to Wordpress

Last Update: January 13, 2014

WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time. Now, adding JotForm forms to a Wordpress blog post/page is pretty easy.


1. While in our form builder. Click "Setup & Embed" tab on the toolbar, click on "Embed Form" button.


2. From the Form Embed Wizard. Click on "Wordpress" option from the Other Platforms section:



3. Copy the code provided.



4. On a WordPress "Add New Page/Post" page, click on "HTML or Text" tab above post textarea. 

5. Paste the form embed codes into the HTML/Text area.


6. Don't forget to save your post/page. That's it. Click on Preview or View on your Wordpress dashboard to see your form. 

Note:

Adding forms to Wordpress.com is not possible since Wordpress.com does not allow forms, JavaScript or iFrames. 


Alternatively, you can also use our WordPress Embed Form Plugin: Embed Form Plugin for Wordpress. Check for the installation guide: Embed Form Plugin Installation.


Video Reference:


If you have any questions, please post it below.

You have already voted for this item. Your vote was: 1

22 Comments...


   
plumtucker (September 16, 2010 at 08:37 PM)

The Java features work great on Wordpress sites that are NOT hosted on wordpress.com. Here is a form on my site: http://www.collegepeas.com/money/

this is an old version of Wordpress. Here is a form on a newer version of Wordpress: http://www.tradeshowsamurai.com/contact-us/


   
InfinetNW (March 20, 2011 at 12:48 AM)

Hmm I'm having some difficulty I was putting a form as a text widget, and it worked great at first! then i made some size adjustment etc etc and it stopped working completely anyone know about this? Or will they really only work on the page of post?


   
beecee (May 26, 2011 at 07:30 PM)

I followed the instructions and yet the form does not show up. Is there a reason why or another way to do this?

View Answer


   
groovymail (October 10, 2011 at 08:35 PM)

Did anyone resolve the issue of pasting the code into wordpress html area? as it seems to not show at all?

View Answer


   
lallyally (October 20, 2011 at 05:49 AM)

Hi

I tried the embed form with iframe but it doesn't work...
Did someone manage to put the form on wordpress?

Could anyone help me please?

View Answer


   
ThisTechBoi (November 11, 2011 at 08:50 AM)

Groovy is right; the form does not show when you paste the code into WordPress HTML section.

View Answer


   
Voctronica (November 12, 2011 at 06:23 AM)

I am currently using my form as a Lightbox and pasting it in my Wordpress sidebar. The link appears as simple text. I would like to change that to an image. How can I do that?

View Answer


   
dmjcalma2011 (November 30, 2011 at 11:15 AM)

You all replied to me on twitter and gave me the link to this adding forms help page.
When I go to the embed form option, there is no embed form wizard that enables me to select the wordpress option.
What it does show me is a small dialogue box with the source code and button options to either customize or preview it.

View Answer


   
ISISInt (December 15, 2011 at 05:31 PM)

I added the Popup code in an Text widget on the sidebar and that worked well.
But I need to get the user reg of wp into the form...

View Answer


   
pillarmarketing (March 07, 2012 at 06:29 PM)

This works until you click the "Visual" tab and save changes... it deletes the jotform script.


Solution: How to add a jotform form to a Wordpress Blog ( self hosted )

Note: this only works on self hosted wordpress blogs...

Install this wordpress pluging called "Iframe Preserver"
http://resultzdigital.com/wordpress-plugins/

Activate it....

Get the iframe embed code from jotform for your form...


   
pensacolablockpartywedding (March 27, 2012 at 11:01 AM)

I have followed the steps to add my form but it is not showing up on my site.
my site is www.pensacolablockpartywedding.com

View Answer


   
Patrick Rauland (June 20, 2012 at 03:56 PM)

For those people who are having trouble with WordPress automatically deleting the JavaScript code I created a small plugin that prevents that from happening.

http://wordpress.org/extend/plugins/jotform-integration/

View Answer


   
latex1 (July 10, 2012 at 10:00 PM)

I have a self hosted site and the form appears fine in chrome and firefox.


   
mlzjoaomlz (July 15, 2012 at 12:34 PM)

não to conseguindo

View Answer


   
demetriusaustin (July 15, 2012 at 11:30 PM)

is anyone having an issue with the "submit" button not appearing on your page in Wordpress? I have a self-hosted site and everything shows withe the exception of the "submit" button.

I have tried both the javascript option and the plug-in.

View Answer


   
doghousing (November 29, 2012 at 03:30 PM)

Hi. I have our website mapped to Wordpress.
www.doghousing.org
In order to be able to add plug-ins, do we have to have the "custom design" purchased? I don't have a selection option of plug-ins on the left hand side of my dashboard.

I created this form:
http://form.jotform.us/form/23195833228154
I've embedded it into our Facebook and would like to embed it into our website so we're consistent with the form people fill out.

View Answer


   
bmorelax (January 02, 2013 at 09:42 PM)

Second option works great.

View Answer


   
underthemilkwood (March 17, 2013 at 08:12 AM)

The form appears fine for me using the plugin, however once you press submit it produces a frame that says "oops form not found"

It displays my form id but with two == behind it. Not sure how to get round this...

:/

My form id : 30753496546362==
Website : www.underthemilkwood.com

View Answer


   
underthemilkwood (March 17, 2013 at 08:13 AM)

My form ID is obviously without the == at the end, that was me being stupid copying and pasting it from the error message lol

Please help! x

View Answer


   
John Anderson (August 12, 2013 at 11:43 AM)

Here's a quick and easy tech tip on how to embed Web Forms in WordPress:

http://blog.caspio.com/tech_tips/tech-tip-how-to-embed-web-forms-in-wordpress/


   
C C (September 12, 2013 at 01:23 PM)

I tried to install the JotForm plugin and the iFrame Preserver plugin and I still can't host a JotForm on my site. Can you help? The URL is http://celebrityconfessions.tv

View Answer


   
Taneka (January 07, 2014 at 04:58 PM)

Are Jotform plugins free?

View Answer


Send Comment