How to create a booking form?

hello. i am looking to create a custom form for a car show.

I would like to form to start with asking the individual if they would like to book specific spots for their car (or multiple cars) up to 500 spaces where i will embedd a map.

If they select that they want to book 4 spots. they would then enter in 4 or so fields for each spot (email, make of car, year etc) then they would have an additional charge per spot that they book.

They can also select no, they will take whatever spot we assign them. But when someone selects a spot it removes it from the available inventory.

Can you help?

Hi hotrodcoalition,

Thanks for reaching out to us for help with creating your custom car show form. Let me walk you through how you can set up a form that meets your requirements:

1. Embed a Map: Use the Iframe Embed widget to embed a map of the car show spots. This allows users to visually select their preferred spots.

2. Booking Specific Spots with Conditional Fields: Add a question asking if the user wants to book specific spots or take an assigned spot. If they choose to book specific spots, use conditional logic to display multiple sets of fields (email, car make, year, etc.) based on the number of spots they want to book.

3. Additional Charges per Spot: Use the payment form's Quantity Selector feature to add a charge per spot booked. You can set special pricing per quantity to reflect the total cost based on the number of spots selected.

4. Inventory Management: If you will be using the Product List, you will have the option to enable and manage product stock or the available spots.

Give it a try and let us know if you have any other questions.

Is there an ability for you to create a detailed plan/steps (IE: first create this, then add this, click...) for me to try to create this? Or hop on a virtual call to walk me through it?

I think the conditional field is the most confusing.

So if i first ask;

Do you want to book specific or take an assigned.

Then the question next would be. How many spots would you like to book?

And lets say its up to 5 per person. And they select 5. How do I make it so that 5 car entrys drop down. each entry has

Then they select which spots they want, and for each spot. it should drop down and have

SPOT 75

Car Owner Information.

First Name, Last Name

Email Address, Phone Number.

Vehicle Year, Vehicle Make

Vehicle Model, Car Club

That make sense?

Hi hotrodcoalition,

We handle support requests here instead of by phone. I’ll make sure you get the answers you need. Can you tell me what’s happening? We don’t create custom forms on behalf of users, but we can guide you with suggestions on how to build one that’s as close as possible to your ideal setup. That’s why we share recommendations and links to relevant widgets, features, and guides—you can follow them to put everything together in your form. Let me show you a sample form you can build.

Step 1: Ask if they want to book a spot. You can use a Single Choice field.

1. In Form Builder, click on Add Element.

2. Under the Basic tab, select and add Single Choice to your form.

3. In the Single Choice Properties, add “Would you like to book specific spots for your car(s)?” under the Field Label, and in the Options tab, put in “Yes, I want to choose my spot(s)” and “No, assign me one.”

Step 2: Parking Spot Selection. Jotform doesn’t support embedding a live, interactive map for reservations. Instead, you can use a multiple-choice field and assign a price to each one using calculation values.

You can also limit the number of selections the users can choose.

Step 3: Car Details per Spot. After the user selects how many parking spots they want, you’ll need to collect information about each car that will be displayed. Add a Configurable List Widget with fields like:

• Email
• Car Make
• Car Model
• Year

The Configurable List widget is easy to use. Let me show you how:

1. In Form Builder, click on the Add Element menu on the left side of the page.
2. Under the Widgets tab, drag and drop the Configurable List widget into your form or just click on it to add.
3. In the menu on the right, customize the Fields Configuration section according to the syntax below.

{label} : {type} : {placeholder}

The syntax I showed you above is the main syntax of Configurable List widget. To learn more about how to write it specifically for different types, check out the How to Set Up the Configurable List Widget guide, which explains and provides examples of how it should be written.

Step 4: Payment Setup. For payment, you can use a Form Calculation Widget to automatically sum the total cost based on the spots the user selects from the multiple-choice field. Collecting payments via Jotform is very easy, all you have to do is create a form and integrate it with one of the 40+ Payment Gateways that Jotform provides. Let me show you how to create a form and set up a Payment Integration:

1. On your My Forms page, click on Create Form, and then select Start From Scratch.
2. Now, select the Classic Form layout, and your form will be created.

Now, let me show you how to add elements and set up a payment integration:

1. In Form Builder, click on the Add Form Element menu on the top-left side of the page.
2. Add the fields that you want to have on your form, and then click on the Payments tab.
3. Click on a Payment Gateway, and then click on Connect in the menu on the right side of the screen.
4. Once you connect your account in the window that opens, you'll be ready to collect payments through your form.

Finally, link this calculation to your payment integration so that the correct total is charged. This way, if a user selects multiple spots, the form automatically calculates and updates the total payment. You’ll need to set the payment type to “User Defined” and select the Form Calculation Widget so the payment field pulls the total price automatically.

Step 5: Set up the Conditional Logic show below:

• If they choose Yes, I want to choose my spot(s):
• Show Inventory or Image Picker widget
• Show Configurable List
• Adjust payment based on spots selected
• If they choose No, assign me one:
• Skip the spot selection
• Show only one set of car details
• Charge for one spot

Jotform's Conditions feature lets you show questions based on the answers that people gave. Let me show you how to set it up:

1. On your My Forms page, hover your mouse over your form and click on Edit Form.

2. In Form Builder, click on the Add Form Element menu and drag-drop the fields you want to use as follow-up questions (I used Short Text fields in this example).

3. Click on the Type a Question text and change it to the question you want to use.

4. Now, right-click on the fields, and in the menu that opens, click on Hide.

Now, let's set up the conditions:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Settings.

2. Click on Conditions on the left of the page.

3. Now, click on Add a New Condition and then click on Show/Hide Field.

4. Set the conditions like you see below:

Set up conditions for all the choices for your question. Check out the screencast below to see how your form will work after setting up the conditions:

If the user selected “No, assign me one,” the form will skip the spot selection and show only one set of fields to enter your car details. No additional payment for specific spots will be collected. If you have any special requests or additional information about your car or booking, you can include them in the autoresponder email.

Also, you’ll need to configure separate email templates based on the car spot selected by the user and apply conditional logic to ensure each one is sent appropriately. You can check out our Setting Up Autoresponder Emails guide to learn how to create them. You can also check out our guide explaining How to Send Emails Based on a User's Answer.

Here's the sample form you can check. You can follow this guide on how to clone it.

Give it a try and let us know if you have any other questions.

Thank you very much, this is extremely helpful.

One thing I am trying to figure out, the Parking Spot Selection. This should be HOW MANY spots do you want to reserve, and they can select up to 5.

However at another point, with each spot that they select, they will need to claim that spot. There will be 500 total spots that they can select and once they are choosen that spot should disappear from anyone being able to choose that spot (so they don't get overbooked). Also is there a way so a drop down of 500 doesn't have to be there or something?

The idea is that if they claim a spot for say #159 and #160. those will cost $45 each spot. but if someone wants it assigned to them, it only costs $35 per spot.

Does this make sense and can you help specifiy how that changes?

Hi hotrodcoalition,

You can use the Quantity Gift Registry Widget to list your 500 slots. I'm afraid you will need to list each slot for users to be able to choose the slot, and once chosen, it can no longer be selected by other users. Let me show you how to add it to your form:

1. In Form Builder, click on the Add Element button.

2. Go to the Widgets Tab, then search for Quantity Gift Registry Widget.

3. Drag it to your form, then configure its settings.

Here is an example on how it should look once you configured the settings based on your needs:

In the Widget Settings, set Calculate Total to Yes:

In the Widgets Tab, add a Form Calculation Widget that you can use to calculate the amount of each slot.

Here is how the calculation should look:

Finally, in your User Defined Amount settings, you need to ensure that the Get Price From is set to the Form calculation Widget that we added earlier:

Here is how it works:

Once selected, it should be greyed out and can no longer be selected:

Give it a try and let us know if you have any other questions.