Browse Article by Topics
feedback transparent post submission form builder lightbox translate send post data unique css inject css redirect change custom css iframe background sourcecode source-code opacity Inject CSS CSS Hacks Insert CSS CSS source code time only save live forms confirmation page long forms email alert edit link autoresponder confirmation tricks populate transparency date fields paste fill copy download white jotform.net Facebook forms change domain domain gradient hover Facebook forms video Facebook integration how to integrate mailchimp mailchimp integration mailchimp embed scroll to top scroll multi-upload jcarousel IE hack Internet Explorer IE6 semi-transparent remove mysql post data to mysql Jquery Jquery conflict erase notification delete notification php PNG javascript redirect translation language form post unique submissions clone URL URL conditions conditional logic conditional redirect this field is required conditional form conditional email branching clone existing form clone thank you page success page form email update form print edit form form submission custom url v2 clone form IP IP Address message error text url parameter customized notification multiple sites parameters error-handling validation title font-family url embed form referrer facebok noscript javascript prepopulating fields change space on questions questions spacing Dropbox file upload id generation power tools auto numbering auto increment id scriptCustomize your Form using Custom CSS Codes
First, you need to learn How to Inject Custom CSS on your form before you can start customizing your form using CSS codes below:Setting Background image to your formYou need to change the image's address..form-all{ ...
Upload to Dropbox with JotForm
First of all, you should have an upload field on your form to integrate your forms with Dropbox. This way, you will directly receive uploads to your Dropbox in no time. Let's look on how to allow a single form to upload to your Dropbox in a few steps...
Facebook Forms Integration Video
Integrating JotForm with Facebook allows you to collect certain information from your form user's Facebook Profile (i.e. name, email, birthdate, etc.) with their permission, so that you will no longer need to include fields like Name, Email, and...
Adding Facebook Social Plugins to a Form
There are many ways to add Facebook social plugins to a form. You can add it with a "Free Text(HTML)" field from the form builder and embed the code from there, or you can retrieve the full-source from the "Embed Form" Wizard and add the Facebook cod...
How to Change/Translate Form Warnings
There's no longer for you to edit the source code of your form. Just follow the guide below to edit/change your form warning.1. On your form, Click on Setup & Embed and Click Preferences above.2. Go to the Advanced tab and click Edit Form Warning...
How can I change spacing between questions?
Article updated: May 11, 2011There are a couple of ways to do this. Here's the easy way to change the spacing between all of the fields:1) Open your form to edit.2) From the toolbar click on "Setup & Embed" then select "Preferences"3) In the Pref...
How to Change the Orientation of a Feedback Button
Add "reverseButtonText: true," to your feedback code. An example is below:new JotformFeedback({formId: "1***********",buttonText: "Untitled Form",base: "http://www.jotform.com/",background:'#F59202',fontColor:'#FFFFFF',buttonSide: "bottom",buttonAlig...
Add Custom Unique IDs to your Form Submissions
If you need an ID like "ISBN-0015" on your records, now you can accomplish this with our new "Unique ID" field. It's located under Power Tools section in the toolbox to the left. Just drag&drop this tool to wherever you want on your form. It...
How to Use a Single Form in Multiple Sites and Know Which Site a Submission Came From?
The first thing you need to do is insert a Hidden Box into your form. You can find it under the Power Tools section of the Form Builder. Name that box with something that's easy to remember. Let's say, "website". Get your iframe embed code....
How to Stylize Feedback/Lightbox Title?
To change styling for your form's Feedback or Lightbox window title, insert these codes in your webpage's source preferably above </body><style type="text/css">div div div table tbody tr td { font-family: Verdana, Times ...
How to Make a Clickable Edit Link
We've learned about autoresponders and how to use them to let users update their form submissions at a later time. You're probably asking, why is the edit link not an actual link but a text URL which needs to be copied and pasted in the browser's add...
How to Inject Custom CSS Codes
Please follow the guide below on how to Inject Custom CSS codes1. While on your form (Edit Mode), click Setup & Embed then Preferences2. On the Preferences window, goto Form Styles tab and then insert your CSS Code under Inject ...
How to Change the your Domains from jotform.com to jotform.net
How can I redirect my forms to the new domains?You can simply open up the html/php file for any web page with a Jotform form in any text/HTML editor(excluding MS Word and similar software) and replace all instances of jotform.com with jotform.n...
Make your page scroll to the top after submission while using iFrame embed code
To make your web page with a JotForm iFrame code embedded, scroll back to the top after making a submission, you should add a javascript code to make it happen.Here is the code: function scrolltotop() { scroll(0,0); /...
How to clone an existing form from a URL
1. Copy the URL of the form that needs to be cloned2. Log into your target account3. Click on "New Form"4. Click on "Import Form"5. Click on "From a Web Page" and paste the form URL6. Click Continue and your form should be cloned.
What does Unique Submission Mean?
Sometimes you may want to prevent users to make submissions on the same form.Unique submissions is for that purpose. You can access unique submissions by:On the Form Builder:1. Open "Setup & Embed" tab on toolbar,2. Click on "Preferences"3. Go to...
How to Change Clear Text on Clear Button
You will need to have a page for that. In that web page you will paste the html full source code of your form and on the bottom of your form code you will paste the code that is provided below with instructions.Please follow these instructions1) Find...
Adding parameters in Lightbox and Feedback forms
In an instance that you need to submit variables in Lightbox or Feedback forms, here's what you have to do:You need to insert iframeParameters: {} property inside JotformFeedback({ })Example:<script src="http://www.jotform.com/min/g...
How to create a Feedback Button in minutes
To watch a video of this tutorial please click here.Here are steps on how to create your very own Feedback Button in minutes:1) Go to JotForm2) Go to your " My Forms" Dashboard then create a "New Form".3) Select "Form Samples" then Choose "Contact Us...
How to Save Forms to Continue Later
Got Lots of Form Pages? Make JotForm Save Submissions on Each PageLet's say that you have a survey which includes over 10 pages. Your user starts to fill out your forms but suddenly something happens, maybe the computer shuts down or the user has an ...
How to Give Users the Ability to Easily Copy Content from One Field to Another
Date Added: October 18, 2011The form pictured below illustrates our objective:(Click image to use form)As you can see, if a user were to enter his name in the "Your Name" field and wanted to use the same name in the "Salesperson's Name" fie...
How to Add a Time-Only Field
Article added: October 9, 2011Currently, the date element in Date Time fields cannot be toggled on and off like the time. While it's true that CSS can be injected to prevent the display of the date on a form and tags in email alerts can be used to di...
How to Adjust the Opacity of a Form's Background
Sometimes, instead of having the background of a form fully transparent or opaque, we would like something in between. For example, the form on this page has a black background whose opacity is set at 60%. The effect was accomplished by first setting...
How to Delete Notifications/Autoresponder
JotForm Notification contains E-mail Address(es) which receives submissions data when user submitted a form. Some users created many Notifications for Multi-Recipient purposes but don't know how to delete them when no longer needed.&n...
Prepopulating the fields to your JotForm via URL parameters
Let's say you have a link or a page that should automatically fill in values to your JotForm and you want your form to be prepopulated after being clicked via URL:ex.Form without prepopulated fields:http://www.jotform.com/form/10565343954Form with pr...
Confirmation Page Tricks
Sometimes, especially in the case of long multi-page forms, you may want to provide users the opportunity to review their entries before submitting the form. Making a confirmation page is not an easy task but we provided you with some tricks to creat...
Custom Colors for Multi-upload Buttons
Oftentimes, the default orange color of multi-upload buttons does not blend well with other colors on the form or the color scheme of the page within which the form is embedded and an alternative is desired. Thankfully, CSS can be injected to render ...
How to download a source code of your form
To download a code of you form please follow next steps:1. Click on "Setup & Embed" tab on the form builder toolbar2. Click on "Embed Form"3. Click on "Source"4. Click on "here" link to download the full source code
How to Let Users Update Their Form Submissions at a Later Date
You can let users update an entry on a later date. That's possible on the new version of JotForm. To do that, first create an auto-responder email. Then add {edit_link} tag to the body of the email. You may also create a clickable edit link for your ...
How to Compensate for IE6's Lack of Support for Transparent PNGs
This article is being editedThankfully, the percentage of people who still use Internet Explorer 6 (IE6) is dwindling monthly but it's still sizable enough that we need to take those users into consideration when designing websites. This article show...
How to Insert or update form submissions to your MySQL database using PHP
First thing you'll need to learn is to know how to post submission data to your thank you page. You can read and learn from the this guide: Assuming that you have set your form to post data to a custom URL page, you will have do some PHP...
Fixing Jquery Plugin Conflicts: jCarousel
JCarousel is a commonly used jQuery plugin that is known to conflict with JotForm's code. The problem is a conflict with JotForm code in the file: jquery.jcarousel.setup.jsTo fix the problem, I have used the jQuery.noconflict library t...
How to Redirect to a Page After Form Submission
To redirect users to a Thank You page after form submission, follow these steps on form editor:1. Click on "Setup and Embed" tab on the form builder toolbar2. Click on "Thank You" button on toolbar3. Select "Custom URL" and click "Next"4. Enter URL o...
Conditional Logic on Forms
JotForm Conditions makes your forms smart. It prevents confusion among users and improves your response rates. It is a great tool in your toolbox when you need to add some logic to your forms.So, in practice, what kind of things we saw people accompl...
How to Post Submission Data to Thank You Page
"Send Post Data" is a feature that allows you to post form data to your Thank You page.Some Use Cases:- If you would like to save the form posts on your web site using your own server side script.- If you would like to use the form data posted on you...
MailChimp Integration: Send Email Newsletters to the People Who Filled Your Forms
One of the common problems JotForm users encounter is to send newsletter emails to people who previously filled their forms. There are really great tools to send emails, and one of them is MailChimp.Mailchimp is a great tool to send beautiful ne...
How to Know the Exact URL of a Page From Which a Submission Came
1. Insert a hidden box to your form, name it to something like "referrer" or "website"2. Get your form's iframe or short embed (script) code. Chooseonly one.IFRAME<iframe allowtransparency="true"src="http://form.jotform...
Print Button on Forms
Adding a print button to your form on JotForm is pretty easy. On Form Builder:1. Click on the "Submit" button field on your form2. Click on "Print Button" icon on the toolbar.
How to See IP Addresses of Form Submitters
1. Go to your My Forms page2. Click the form that you wish to view the submissions3. Click Submissions to go to the submissions page4. On the Submissions page, click on Settings icon 5. Check the IP address to reveal th...
JotForm Languages
JotForm is now available on many languages. Please see a list of available languages below. If you do not see your language in this list, please download this file, translate it to your language and send it back to us. EnglishEspañolFrançaisItalian...
Can I Keep Using JotForm v2?
Some users have told us they prefer the older version. At least until all bugs are sorted out on the new version. We respect that. That's why we are keeping JotForm v2 alive: http://v2.jotform.com/userNew registrations are closed but existing users c...
How to Redirect User to Your Page After Thank You Message is Displayed (DEPRECATED)
This feature is now deprecated. Since it can cause XSS security problem, we do not allow Javascript code on the Thank you message any more. You will have to do this on your own web site. 1. Go to Setup & Embed > Thank You2. Choose ...