JotForm Integration is a Wordpress Plugin that helps the user include forms from JotForm.
JotForm Integration is a WordPress Plugin that helps the user include forms from JotForm. Now you, the web dude, don’t have to make simple form edits. You can give the client the JotForm credentials and let them go wild.
Before you can add a JotForm to your site you will obviously need to create a form in JotForm! After including the [jotform]
shortcode you should be able to continue to make changes to JotForm and have them mirrored on your site. If you don’t plan on making many changes you can turn on caching in the options panel.
As of version 1.1.0 there is now a widget available for you to use. Simply add the JotForm widget to the sidebar, enter the form ID and bingo, bango, bongo, you’re done. Watch the magic happen.
If you have any suggestions for improvements please go to the GitHub page and create some issues. You can even edit the code yourself and submit a pull request. 🙂
This section describes how to install the plugin and get it working.
jotform-integration.php
to the /wp-content/plugins/
directory[jotform id=XXXXXXXXXXXXXX]
short code in your pages or posts. Replace the XXXXXXXXXXXXXX with your form’s ID.Your JotForm form ID can be found in the ‘Form URL’ field when you preview your form. It should look something like this:
http://form.jotform.us/form/############## . Just copy and paste the numbers.
Don’t forget to include your JotForm form ID in the shortcode tag [jotform id=XXXXXXXXXXXXXX]
.
Are you sure you have the right form ID? If you have the wrong ID there won’t be an error message it will just be empty. Sorry, that is just how JotForm works. Nothing I can do about that.
Yes, I added a widget in version 1.1.0. You should be able to go to appearance > widgets page in the WordPress backend and select the JotForm widget from the list. Enter your form ID number in the field provided and let the plugin handle the rest.
No, WordPress has the option turned off by default.
Not a thing. The form is pulled in with an iframe meaning that I can’t touch the CSS inside the iframe. You will have to modify your form (try top aligned labels instead of left aligned labels) or your template to get it to fit. The other thing you can do is not put the form in the sidebar. 🙂
Your browser might be caching the JavaScript that pulls in the iframe. Make sure you have the cache form
option turned off in the options panel.
If that still isn’t working you can append a query string to your form ID. So instead of entering [jotform id=12345]
you could enter [jotform id=12345?update-2012-06-19]
. The query string can be anything. As long as it is different from the previous query string your browser wont pull the cached copy.