Setting Up Your First Order Form

April 16, 2024

Jotform’s Order Forms allow you to sell single or multiple items, collect subscriptions, or get donations online. Powered by the most secured payment gateways, accepting customer payments is easier and more convenient.

Using Jotform’s intuitive drag-and-drop Form Builder, you can set up your first order form in just a few minutes of your time.

Adding and Setting Up the Payment Element

For this example, we will use PayPal Personal to create the order form. However, this guide applies to all of our payment tools. There may be differences, but they are mostly related to connecting your account with the selected gateway. Let’s start!

  1. In the Form Builder, click the Add Form Element button.
  2. Go to the Payments tab.
  3. Search for PayPal Personal from the list and click it to add. You can also drag/drop it to the form.
PayPal Personal
  1. In the Payment Settings, you have some immediate settings. For PayPal Personal, you’ll be asked to provide and set the following:
    • PayPal Account — This will be your registered Email Address with PayPal.
    • Currency — Select the currency based on the chosen gateway. PayPal Personal supports multiple currencies.
    • Payment Type — Most payment gateways support selling products or subscriptions. It will also allow you to accept user-defined amounts and collect donations.
Setting Up Your First Order Form Image-1

Optionally, expand the Additional Gateway Settings section to see and set up the additional settings for the payment getaway. You’ll see it like this:

Setting Up Your First Order Form Image-2

With PayPal Personal, you’ll find the following options:

  • Users Can Select Multiple Products — Select Yes if you want users to be able to select multiple products.
  • Show Total Price on the Form — Select Yes to show the total amount in the form.
  • Sandbox Mode — Select Yes to enable PayPal Sandbox. Visit How to Test your PayPal Payment Form to learn more.
  • Authorization Only — Enable this option if you want to collect orders and charge customers at a later date. To learn more about this feature, check this guide: How to Enable Payment Authorization.
  • Require Shipment Address — Toggle this if you’ll be shipping a product to the user or need an address for other purposes.
  • Checkout Language — Select the language to be used on your checkout page.
  • IPN Relay URL — Allows you to send the IPN data from PayPal to your POST URL. For more information, please check the user guide: PayPal Incomplete Payments.
  • Pending Payment Email This option allows you to email customers who fail to submit their payment on time. Visit How to Set up an Incomplete Payment Notification Email for more details.
  • Clickable Image Preview — Enable this option to open product images in a lightbox window.
  • Use Decimals — This is enabled by default. Select No if you don’t want to use decimals.
  • Decimal Separator — You can choose to use decimal points or commas.
  • Redirected PayPal Page Style — Enter your Page Style Name in this box. Please visit PayPal’s Custom Payment Pages to learn more about this.
  • Checkout Logo — Upload your custom logo on the checkout page. The image you upload will replace your email address and/or merchant ID.
  • Checkout Cart Color — Set a border color around the selected product items on the checkout page.
  1. Now, assuming you’ve chosen to sell products or subscriptions, click the Continue button to add your product/subscription items.

Adding and Setting up a Product Item

After setting up the payment settings, the next window will be the Products tab. Add and set up your product items as detailed below:

  1. Click the Create New Product button.
Setting Up Your First Order Form Image-3
  1. Set up your product item as below:
    • Name
    • Price & Currency
    • Description
    • Image
    • Auto Scale Images
    • Required
    • Selected by Default
Setting Up Your First Order Form Image-4
  1. Add a Name for each product and a Price (without a currency symbol). Optionally, it’s possible to upload or add images for your product, enter a short description, make the product required for submission or preselect it by default. When the information has been entered, click the Save button to save it.
Setting up the product's basics
  1. Repeat steps four and five to add additional products, or click the close (X) icon at the top right to finish the payment wizard.
Finish the Payment Setup Wizard

Adding Options to Your Products

If you’re selling a T-shirt, you can ask users to select a quantity, color, and size. In order to accomplish these in our example, we’re going to add quantity, color, and size options.

  1. On the Products tab, click the Pencil icon on the product you just added.
  1. Scroll down and click the Add button in the Add a Quantity Selector section.
Quantity Selector
  1. Select “Dropdown” or “Textbox” on the Show Quantity on the Form as option. Set your desired Label and Range, then click the Save Quantity button.
Quantity Selector Settings
  1. Click the Add button in the Add a Product Option section.
Add a Product Option
  1. Select “Color” from the Populate Options from Presets section, customize the color options at your discretion then click on the Back button. All changes will be saved automatically.
Product Options Editing
  1. Click on the Add button in the Add a Product Option section again and this time, select “T-Shirt Size” from the Populate Options of the Presets section. Another option will be automatically saved.

Your product requires more options? Additional options described in our detailed guide about Product Options. In addition to Product Options; you can add Stock Control for your products as well.

After the final stage, your product will be added with all additional options you need:

Jotform MyProducts List
This is how our final order form looks like:
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • debbie jackson - Profile picture
  • Dance Culture - Profile picture
  • Ma.Victoria Tagle - Profile picture
  • Carol Bloch - Profile picture
  • Village Patisserie - Profile picture
  • AHABWE JONATHAN MUHEKI - Profile picture
  • Arnold_Dean - Profile picture
  • Arnold_Dean - Profile picture
  • acallewaert - Profile picture
  • kmccommunityleads - Profile picture
  • kmccommunityleads - Profile picture
  • Cathy - Profile picture
  • Rothfus - Profile picture
  • Minisport - Profile picture
  • ArtsConnect - Profile picture
  • Martin W Prior - Profile picture
  • rebtolk - Profile picture
  • itzelramirez - Profile picture
  • Bobby Hanna - Profile picture
  • kellyderouin - Profile picture
  • margaritax - Profile picture
  • Threadedplanet - Profile picture
  • Doreen - Profile picture
  • ErikJaws - Profile picture
  • SvenErik - Profile picture
  • Egidio - Profile picture
  • Fernando - Profile picture
  • omar lopez - Profile picture
  • poly32 - Profile picture
  • Daniel Tunner - Profile picture
  • ayandem - Profile picture
  • lizmulligan - Profile picture
  • Voiceofjewishedu - Profile picture
  • Deena O'Daniel - Profile picture
  • Hippikat3 - Profile picture
  • PNN4less - Profile picture
  • calliepegues - Profile picture
  • jgreely - Profile picture
  • robinlynn - Profile picture
  • carolebaran - Profile picture
  • Dooley - Profile picture
  • olovesz - Profile picture
  • Rachel - Profile picture
  • m'bra - Profile picture
  • afterpromevent - Profile picture
  • massimo172 - Profile picture
  • eiermann - Profile picture
  • Signsbydesign - Profile picture
  • indymademarket - Profile picture
  • gawomenflyfishing - Profile picture
  • ninjas4christ - Profile picture
  • lescheneauxartscouncil - Profile picture
  • Keithk7979 - Profile picture
  • viki - Profile picture
  • DJAAFAR1 - Profile picture
  • justinjeffrey - Profile picture
  • sh3rd1an - Profile picture
  • ronnie - Profile picture
  • jonesv - Profile picture
  • Vincent Tobiaz - Profile picture
  • toriqul1976 - Profile picture
  • nosraty - Profile picture
  • mongaakshay - Profile picture
  • e7071 - Profile picture
  • FlagshipResearch - Profile picture
  • reginautter - Profile picture
  • dubwebfest - Profile picture
  • DUHC - Profile picture
  • PPMallory - Profile picture
  • Milo - Profile picture
  • OsteriaArt - Profile picture
  • simmit74 - Profile picture
  • MaryKerr - Profile picture
  • southernearlyassn - Profile picture
  • fsaelite - Profile picture
  • veethreemarketing - Profile picture
  • Ginette Girard - Profile picture
  • Henry - Profile picture
  • Ericko - Profile picture
  • kpry - Profile picture
  • yohyniz - Profile picture
  • fltconference - Profile picture
  • LegacyEventPlanners - Profile picture
  • sylvesterchandra - Profile picture
  • khedgecock - Profile picture
  • rigazzis - Profile picture
  • sunshinesales - Profile picture
  • wyracrew - Profile picture