Ninja Form - Mold Kit Customizer

  1. Home
  2. Docs
  3. Ninja Form – Mold Kit Customizer
  4. Mold Kit Customizer
  5. Form Fields

Form Fields

Form Fields

The Mold Kit Customizer is composed of 9 form fields, each of which have a specific functionality for building the cart. 7 fields are always visible, and 2 are hidden by conditional logic and can be accessed when certain conditions are met (which is explained in detail under the Conditional Logic section). Form Fields is the first tab when editing a Ninja Form and the primary interface of the form. Below we explain in detail each form field and what they do.

1) Plates With Analysis (Radio List Field)

What it does: 

The first field is a “Radio List Field” that allows customers to add a specific quantity of the “Plates With Analysis” product. From the customer perspective, they see “Room Testing” and are selecting based on how many rooms they want/need to test. 

How it Works:

The “Radio List” includes 12 options “None”, “1-10”, and “More. Each option has a Calculation Value equal to the number. The exceptions are “None”, which is 0, and “More” which has no Calculation Value. This means that the Calculation Value is quantity not cost. The Calculation Value is then used by a “Calculation” which multiplies the quantity to the actual cost of the product, and is added to the total cost. Calculations are explained in the Calculation section. If “More” is selected, the form uses conditional logic to show “field 2”, “More Plate With Analysis”. See “condition 2” for how the conditional logic works. 

2) More Plates With Analysis (Number Field)

What it does:

The second field is a “Number Field” that allows customers to type in a specific quantity between 11 and 100 “Plates With Analysis”. This field appears when the customer selects “More” in “field 1”.

How it Works:

Similar to how the “Radio List” works, the value is used in a “Calculation” to create the total cost. The “Step” option when editing the field dictates the multiple of the number, i.e. multiples of 1, 2, 3, etc. In our case, we use multiple of 1 which allows the customer to pick any number between the minimum (1) and maximum (100) range. 

3) Pet Plates (Radio List Field)

What it does: 

This field is also a “Radio List Field” that allows customers to add a specific quantity of the “Plates With Analysis” product. From the customer perspective, they see “Pet Testing” and are selecting based on how many pets they want/need to test. 

How it Works:

This functions just like “field 1” except their aren’t as many options and there is no “More” option. The Pet Testing product is also the exact same as Room Testing, Plates With Analysis.

4) Swab (Radio List Field)

What it does: 

This field is also a “Radio List Field” that allows customers to add a specific quantity of the “Swabs” product. From the customer perspective, they see “Visible Mold Testing” and are selecting based on how many surfaces with visible mold they want/need to sample. 

How it Works:

This functions just like “field 1” except their aren’t as many options and there is no “More” option. In addition, this is an entirely different product, “Swabs”.

 

5) Prepaid Shipping (Radio List Field)

What it does: 

This field is also a “Radio List Field” that allows customers to pick from a list of products for prepaid shipping. This “Radio List” differs from all others in that it is a list of different products not a list of quantities of the same product. From a customer perspective, they are picking if they would prepaid shipping and which one (of two options).

How it Works:

With this “Radio List” each product’s Calculation Value is equal to the actual cost of the product rather than a quantity. The Calculation Value is used by a “Calculation” to add to the total cost.

6) Plates Without Analysis (Radio List Field)

What it does: 

This field is a “Radio List Field” that allows customers to add a specific quantity of the “Plates Without Analysis” product.

How it Works:

This functions exactly like “field 1” except it is a different product. 

7) More Plates Without Analysis (Number Field)

What it does: 

This field works just like “field 2” except that it appears when the customer selects “More” in “field 6”.

How it Works:

This functions exactly like “field 2” except it is a different product.

8) Total (HTML)

What it does: 

This field is an “HTML Field” that shows the customer the total cost of his kit based on what is selected.

How it Works:

Pasted in the HTML is the shortcode of the Calculation “Cost”. The Cost Calculation combines all Calculations to display the total cost of the kit. Calculations are explained in the Calculations section. Additionally, the HTML has been styled to be large and hard to miss. 

9) Proceed to Checkout (Submit)

What it does:

This field is a “Submit Field” which submits the form when the customer is ready to checkout and redirects the customer to a cart where they can review their order and proceed to payment. For the customer its the button they click when they are done.

How it Works:

The “Submit Field” pulls from the “Redirect” actions under “Emails & Actions” which have used conditional logic and pre-made URLs to build a cart. Refer to the Actions section for more information. 

Was this article helpful to you? Yes No

How can we help?