CodeCanyon

WooCommerce Gravity Forms Product

WooCommerce Gravity Forms Product

WooCommerce Gravity Forms Product

This is the add-on for Garvity Forms plugin. With the WooCommerce Gravity Forms Product plugin a product gravity form can be built and linked to any product in WooCommerce. The forms can contain conditional logic, pricing fields, user input prices, conditional-pricing fields, conditional submit button logic. Also any product that contains a Gravity Form is tracked in the Woocommerce Cart and Woocommerce Order.

The WooCommerce Gravity Forms Product plugin lets you to change the display of the prices in the store, you can configure how they should appear. It can be displayed using a default view that WooCommerce will display, or in the case of a configurable product containing pricing fields, you can build own view.

Also you can display built-in automatic price calculation, there are several calculaion value, you can configure each calculaion label individually.

Change Log

Version 1.0.0 - 23 Jan 2016
### Initial release
Version 1.0.1 - 07 Mar 2017
### Minor bugs fixed
Version 1.0.2 - 07 July 2017
### Added support of WooCommerce 3.0

Create Product Form

For example there is a form called “Product form” and you’re going to connect it with Woocommerce product. To build the connection you need to add a product and total field. Just add a hidden product field to the form and set its price to the price at which you require customizations.

Example of Producut Form to connect with Woocommerce Prpduct

Please note, we added a Product field to the form. It’s from the Pricing Fields area. It lets you to configure the base price. We set it to $0.00:

Hide Base Price field

Please add at least one Total field too. This field can be added from Pricing fields area too. A total field has built-in dynamic price calculation and product page contains a Total field as well. if you don’t want to see the total fields twice, just add special CSS class name under the Appearance tab in the field configuration:

Apply 'hidden-total' class to the total field

Another interesting thing is the Option field type. You need use this field type if your option has a cost associated. But sure if your options are not going to be cost associated you can use use other controls too..

Create Woocommerce Product

When you have finished to configure the form, you need set it to an existing WooCommerce product. Make sure to set either a price or a 0 in the Regular Price in the product edit screen else your product will not show the form.

'Set Gravity From' button

You need click ‘Set Gravity From’ button and new popup appears. There it can be configured different options for the form.

'Set Gravity From' pop-up

After your options have been configured, press “OK” in the pop-up. Open the product page in the store and see how your form looks within the product:

Product with form in the frontend

In the Cart any product linked to a Gravity Form is diaplyed with all chosen options:

Product with form in the cart

Also appropriate information is shown on the order page too:

Product with form in the orer

Gravity Form Pop-up Options

There are several options and elements which available in the Pop-up. Below a description for each item.

  1. Edit “Product form” Gravity Form – this is a link to related Gravity Form
  2. Choose Form – dropdown selection for choosing a related form
  3. Show Form’s Title – show form’s title on the product page
  4. Display Form’s Description – show form’s description on the product page
  5. Disable Gravity Forms Anchors – disable Gravity Forms Anchors when Multipage Forms is used
  6. Remove WooCommerce Price? – remove original WooCommerce Price form the prodct page
  7. Price Before – some text you would like printed before the price of the product
  8. Price After – some text you would like printed after the price of the produc
  9. Disable Calculations? – disable all real time calculation on the product page and hide such labels as:total, subtotal and etc.
  10. Disable Subtotal? – disable subtotal calculation only
  11. Disable Options Label? – disable options calculation only
  12. Disable Total Label? – disable total calculation only
  13. Subtotal Label – the “Subtotal” label to display on for single products
  14. Options Label – the “Options” label to display for single products
  15. Total Label – the “Total” label to display for single products

How to install the Plugin?

Method 1:

  1. Download the zip file you receive after purchase
  2. Install via Wordpress > Admin Dashboard > Plugins > Add New > Upload File
  3. Press Install
  4. Activate the plugin

Method 2:

  1. Download the zip file you receive after purchase
  2. Extract the contents of the zip file
  3. Copy the extracted address-autocomplete-gf folder to the //your-wordpress-installation/wp-content/plugins folder
  4. Activate the plugin from the Admin

Thank you so much for reviewing this item. We’d be glad to help you if you have any questions relating to this item. Also do rate the plugin if you like it :)

by
by
by
by
by
by