Demo: Basic Order Form

The demo demonstrates an order form to configure a pizza. The pizza is a product and the size and toppings are option fields. Notice the detailed breakdown in the summary indicating clearly the base price of the pizza and the size and toppings addons.

Feature Overview / Key Highlights

  • Total Calculation: Display the total cost of all selected products at the bottom of the summary for clear pricing information.
  • Product and options breakdown: When using products and options, control how the price breakdown will appear. Label only, label and prices or only the total
  • Order fields by section fields: Utilize section fields in your form and the fields below it will appear like that in the summary.
  • Customizable Section Titles: Summary section titles will default to the section titles values but can be customized if needed.
  • GP Ecommerce Support: Fully compatible with tax and discount fields added by the Gravity Perks Ecommerce plugin.
  • Sticky Summary: The summary will remain fixed (sticky) alongside the form while scrolling for quick reference.
  • Font Awesome Icons: Add Font Awesome icons to enhance visual appeal and improve section readability.

Try the demo

Instructions

Complete the form below and watch the summary update in real-time as you fill it out.

Start by selecting a pizza type, size, and toppings to see how the breakdown of products and options is displayed.

Next, enter your delivery details and notice that the order of information in the summary differs from the order in the form.

Finally, this demo includes a subtotal for the selected products, followed by any extras such as delivery fees, tax, and discounts followed by the final total.

Summary

Backend Settings

Take a look behind the scenes. Below are screenshots of the admin settings panel so you can see exactly how this add-on integrates into Gravity Forms.

Related Resources