Back to Integrations Guides

This guide applies to:

  • Basic Edition
  • Plus Edition
  • Pro Edition
  • Business Edition

Introduction

Use Gravity Forms to create complex booking forms to display varying prices based on user selection and quantity.

Potential Use Cases

  • Charge prices based on the number of people in a group. (Does not affect capacity)
  • Sell add-on’s for the appointment

What You Need First

  1. Gravity Forms installed and activated. Including their Basic, Pro, Elite, or Developer plan.
  2. Go through the Setup Wizard in SSA and finish setting up your Booking Calendar rules and styling.
  3. To get started on how to set up a basic Gravity Forms form, please refer to our guide on the initial form setup.
  4. Learn how to create Conditional Logic on Gravity Forms.

Stripe Add-On Warning

The Gravity Forms Stripe Add-On provides two payment collection methods:

  • Stripe Credit Card Field (Elements, SCA-ready)
  • Stripe Payment Form (Stripe Checkout, SCA-ready)

The Stripe Payment Form option is known to submit the form (and book appointments) as soon as the Stripe Checkout screen is launched. This means that if the payment fails or the customer does not go through with the transaction, you may end up with unpaid bookings.

We are still compatible with the Gravity Forms Stripe Add-on, but please only use the Stripe Credit Card Field to prevent unpaid bookings.


Pricing Fields Options

Gravity Forms has a variety of different Pricing Fields such as Product, Quantity, Option, Shipping, and Total to help you charge varying prices for your appointments.

Different Pricing Fields in Gravity Forms
  • Product: Create a set price and allow users to enter in a quantity amount. There is an option to disable the quantity field.
  • Quantity: Set a range limit that links to a Product field.
  • Option: Create additional fees based or to gather more information that is linked to a Product field.
  • Shipping: Create different shipping options for users to choose from.
  • Total: Automatically calculates all the pricing fields on the form and displays the total amount.

Quantity Field and Capacity Feature

The Quantity field in Gravity Forms does not affect the Capacity feature in SSA because when the form is submitted, it is considered as one booking.

You can use the Quantity field and Capacity feature together in the following situations:

  • Limit the number of groups (group capacity) with a maximum number of people per group (quantity) at a single time slot.
  • Allow overlapping bookings (individual capacity) with a maximum number of people per group (quantity).

To learn more about how the Capacity feature works, please refer to our guide on Capacity for Groups or Overlapping Bookings.


Setting up Pricing Fields

By following our guide on the initial form setup, there should be the Name, Email, and Appointment field ready in the form builder.

Basic Set-Up

First, add the Product field to the form. Change the Field Label to the name of the product or service. Then add the Total field so that it will automatically calculate the total.

Adding the Product and Total field to the form.

By default, the Product field comes with a quantity field. It is recommended to disable the quantity field since a limit cannot be set with this method.

To link different Products to certain Appointment Types, please follow our guide on Creating Conditional Logic.

Using the Quantity Field

This method is used when you want to charge a price per person.

When adding the Quantity field to the form, it automatically links to the Product field. If there is more than one Product, you can easily change the Product Field Mapping to match the correct Product field.

Adding Quantity field and product mapping.

After setting the correct Product Field Mapping, a Range can now be set. For example, if you only want to allow up to 5 people per group, you would input “1” in the Min field, and “5” in the Max field.

Defining the Range in the Quantity field settings

When defining the range, Gravity Forms will provide the instructions “Please enter a number from x to x.” This is visible after previewing the form, not while editing the form.

The default instructions on Gravity Forms when a range is defined

Using the Option Field

This method is recommended when you want to charge additional prices, such as add-ons.

When adding the Option field to the form, it automatically links to the Product field on your form. If there is more than one Product field, you can easily change the Product Field Mapping to match the correct Product field.

Product Field Mapping and Field Type

There are a few display options to choose from:

  • Drop Down: This option is ideal if there are a lot of different add-on options and you only want the user to select one from the list.
  • Radio Buttons: This is similar to the Drop Down option, but it will list all of the options on the form. This is best if you only have a short list of add-on options and only want your users to select one.
  • Checkboxes: This option allows users to choose as many add-ons as they want.

The Label field is what will be displayed to the users, and the Price field is the additional pricing to be charged.

Default options for the Option field

The first option of the Option field will be selected by default and automatically added to the Total, so it is recommended to create a first option with the price of $0.00 unless a default option is required.

Sample options

Test the Form

Now that all of the pricing fields have been implemented, the only thing left is to test out the form! See how the Quantity and Options field included in Gravity Forms charge varying prices.

Quantity Field

This method is great for charging varying prices per person attending the appointment.

Testing the Quantity field

Options Field

This method is perfect to help you charge for add-ons.

Testing the Options field

Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.

Related Guides