Gravity Forms is by far the most popular forms plugin on WordPress.
Originally developed for advanced contact forms, it has since allowed site owners to conditionally build forms to collect all kinds of data from its users.
WooCommerce– the leading e-commerce plugin on WordPress- has all the functionality you need to build an online store.
And these two plugins are brought together using the Gravity Forms Product Add-ons.
WooCommerce Gravity Forms Product Add-ons Plugin
Built by Lucas Stark, what this plugin does, is link custom forms to any product in your WooCommerce store, to request additional information from the shopper. As the store owner, you can either request shopper information or product customization specification depending upon your product or service.
You can build advanced product configuration forms using Gravity Forms and link them to any product in your WooCommerce site.
These forms can contain mandatory or optional fields. Form fields can be created to gather information about the quantity and pricing, associate services, or set parameters, while choosing the product. The information can be then used to generate a total purchase amount for the product.
Additionally, multiple Gravity Forms one for each product individually can be built or you can assign a single standard form to all products.
Exploring the WooCommerce Gravity Forms Product Add-Ons
Once you install Gravity Forms and the add-ons plugin on your WooCommerce store, you’ll notice a ‘Pricing Fields’ section in Gravity Forms.
These are additional fields which can be used when creating a form that is linked to a product.
Regardless of how your Gravity Form is set-up, you need the ‘Product’ and the ‘Total’ fields to be present, when using any of the Pricing Fields.
You can use the field to mention the name of the product and also enter the base price (keep it $0 if you don’t have a base price). This field will not be shown on your WooCommerce product page, but will still be processed during purchase.
The Product Field comes with a ‘single window’, ‘drop down menu’, ‘radio list’ features to let users determine product quantity or variable product options.
Quantity field is always tied to the product field and you have to select the product you want to link it to, in case you’ve added multiple products. Field Types include ‘Number’, ‘Drop-down’ or ‘Hidden’.
- Number- Use it to let customers determine quantity while setting a limit using ‘Range’.
- Drop Down menu- Set predefined quantities using the ‘Drop-down’ menu.
- Hidden- Useful when setting a quantity without it being visible or editable by the user.
An interesting Gravity Forms feature that can be coupled with the ‘Quantity Field’ is ‘Conditional Logic’. With conditional logic, you can choose to display or hide this quantity field based on values of other fields.
The Option Fields are usually applied to provide options in products. They have the ability to add costs for add-on services to the product on sale. Options like a variation in color, size etc. or customization services can be listed using this field.
For example, if you’re selling a basic spa package, you can add services like manicure, hot stone massage etc. to your package according to your needs, and the associated cost will be added to the total.
Product delivery prices are something that cannot be discounted.
Shipping field adds the amount associated with shipping, to the total price of the product during purchase.
This could be set as a standard rate for products or you could go for a drop-down menu or radio button field, where customers can pick their shipping options, and set a varying price. This field can be integrated with the WooCommerce Per Product Shipping Add-on.
Another mandatory field for the Gravity Fields add-on is the Total Field. It automatically calculates the total price of the product, including all the options prices, shipping rates, quantity etc. This field then displays the total cost of the product after which it’s added to the cart.
Adding a Gravity Form to WooCommerce
Adding the form to a WooCommerce Product is a rather simple process.
- You create a form in Gravity Forms and add the needed fields
- Under a WooCommerce Product, you should notice a ‘Gravity Forms Product Add-ons‘ section. Use this section to select a form and link it to the product
- Update the product, and you’re set!
Gravity Forms has several options which might confuse a newbie user. Since Gravity Forms is a premium extension, the price of the plugin $39 and the add-on $99–$199, make this extension one pricey package!
But given the benefits it brings to your store, the expense is nevertheless worth every penny.
Apart from such minor issues, this trio (WooCommerce + Gravity Forms + Add-on) has no major drawbacks, only numerous benefits!
Also, the add-on ensures that no matter how complex your product form, only unique configurations are added to the cart and duplicates are incremented in quantity.
Gravity Forms is a handy extension for most WordPress websites, and with this add-on, they can be integrated into WooCommerce stores as well. Commercial sites that sell made-to-order products would benefit immensely from this extension, as it allows them to accept custom values from shoppers.
Got anything more to say about this plugin?! Leave your comments in the section below!