Setting Up Your First Order Form

April 11, 2023

Do you want to sell single/multiple items, collect subscriptions, or get donations online via an online form? You’ve come to the right place to do that. You can even collect payments from your Facebook Page.

For this example, we’re going to use PayPal Personal to illustrate how to create an order form with payment integration. However, this guide applies to all of our payment tools. Follow the video or instructions below to set up your first order form.

Setting up Your Payment Account and Products

  1. In the Form Builder page, click the Add Form Element button, go to the Payments tab, then select PayPal Personal.
  1. Enter your PayPal account email address, currency, and select your Payment Type. In this example, we’ll choose Sell Products.
PayPal Standard Integration
  1. Optionally, expand the Additional Gateway Settings section. Under this section, you can find additional settings for your payment getaway:
  • 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” if you want to show the total amount on the form.
  • Sandbox Mode – the PayPal Sandbox is a self-contained, virtual testing environment that mimics the live PayPal production environment. It provides a shielded space where you can initiate and watch your application process the requests you make to the PayPal APIs without touching any live PayPal accounts.
  • 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 – if you’ll be shipping a product to the user or need an address for some other purpose, select “Yes”.
  • 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 own URL. For more information, please check the user guide: PayPal Incomplete Payments.
  • Pending Payment Email  this option allows you to send an email to customers who fail to submit their payment on time. Take a look at our guide on How to Set up Incomplete Payment Notification Email.
  • 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 – to learn more about this, see this page from PayPal: https://www.paypal.com/customize.
  • Checkout Logo – you can elect to display your custom logo on the checkout page. The image you upload will replace your email address and/or merchant ID.
  • Checkout Cart Color – you can designate a border color to appear around the selected product items on the checkout page. Here’s an example of the checkout logo and color.
Additional Getaway Settings

Scroll down to the bottom and hit the Continue button to save it.

  1. On the next screen, click the Create New Product button.
Creating a new product
  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