How to Add and Set Up the Inventory Widget on Your Form

Jotform makes it easy to manage stock and availability with the Inventory widget. This widget allows you to track item quantities in real time, making it perfect for selling limited products, managing event seats, or collecting orders with stock restrictions. 

Here are a few ways to use it:

• Sell products with limited quantities
• Manage available seats for workshops or events
• Limit the number of slots for appointments or bookings
• Track equipment lending or resource checkouts
• And more!

Whether you’re starting fresh or updating a form, adding and setting up the Inventory widget takes only a few steps. Here’s a quick how-to:

1. In Form Builder, click on Add Element on the left side of the page.

2. Now, in the Form Elements menu, under the Widgets tab, search for Inventory and click on it. Or, just drag and then drop it to where you want it to be on your form.

3. Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, you’ll see this list of settings you can configure:
   • Description — Enter your product name or a short description.
   • Product Image (Optional) — Add a URL to display a thumbnail image of your product. The image will automatically resize to 40×40 px.
   • Available Quantity — Specify how many items you want to make available (whole numbers only).
   • Quantity Input Type — Choose how users will select the quantity. The options are number or dropdown only.

4. Then, scroll down to the bottom and continue to set up these settings:
   • Quantity Range — If you select the dropdown, define the range of values users can pick from. For example: 1–100, 1,100, or 20\100.
   • Submit Value with Label — Set this to “No” if you need the value for calculation purposes only.
   • Counter Label — Enter text that appears after the available quantity, such as “Available” or “Left.”
   • Hide Quantity — Toggle this on or off to show or hide the number of items left.
   • Error Message — Enter the message users will see if they request more than what’s available. The {count} placeholder is automatically generated and displays the remaining stock.
5. Once you’re done, click on Update.

Each submission automatically updates the inventory. When items run out, users can’t select them anymore. To reset or adjust inventory, click on the Inventory widget, then click on the Wand icon to open the settings and update quantities or other options.

Wondering how it looks in action? Check out this demo form.