Log in to your account or click on Sign Up to create your own JotForm account if you don't already have one.
Once you are signed in, click on the option ‘New’ under My Forms.
Select the type of form you wish to create from the options in the Form Wizard and click on Next.
Select a style to be applied to your form from the drop list provided and then click Finish.
Your custom form will now be shown. Click on the Form Wizard button to configure the form properties, the address the form is submitted to, whether a confirmation email is displayed and the message to display on the thank you page displayed after the form is submitted.
Jotform allows you to add more form controls directly from the Toolbox shown on the right side of the form. You can also expand the Power Tools and Payment Tools options below, to further customize your form.
Next, click on the Source option in the toolbar above the form. Copy the code provided.
In Web Designer or Xtreme 5, open the web page in which you wish to embed your form.
Using the Rectangle tool, insert a placeholder on your web page where you wish the form to appear.
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab.
Enable the radio button Replace with HTML code and paste (Ctrl +V) the code you copied in step 8.
Click on OK to apply the changes and close the dialog.