Articles in this section

See more

Setting Up Pricing in Forms with Payment Options

Avatar
Support Team
  • Updated
Follow

Common Ninja’s forms offers versatile payment customization options, enabling you to tailor your forms to suit your pricing needs. Whether you’re collecting payments for a single product, donations, or a set of products, the form builder provides three distinct pricing calculation methods.

This article will focus on two commonly used options: Fixed Price and Field's Value, explaining how they work and when to use them. To learn more about using the Products field option, see this guide.

Note: To use payment options, ensure you have integrated a payment method with your form. If you haven’t done this yet, check this guide for step-by-step instructions.

 

Choose your Payment Mode

  1. Click on the Payments section from the left-hand menu.
  2. Under the Price section, locate the Payment Mode dropdown.
  3. Select your preferred option: Fixed Price or Field's Value or Products Total (see this guide for Product Fields).

payment-methods-1.png

 

How to Configure Fixed Price?

  1. If you choose Fixed Price, enter the amount you want to charge under the Amount field.
  2. This option is ideal for situations where the price is static, such as a ticket fee or a standard service cost.

payment-methods-2.png

 

How to Configure Field's Value?

Field's Value allows the price to dynamically adjust based on the input entered in a specific form field.
After you selected this option, you'll need to select the field you wish to use.
payment-methods-7.png
There are two filed types you can use:
  • Price Field: The payment amount is automatically calculated based on the value entered, making it ideal for fields like donations or custom amounts.
  • Price Option Field: Users can select from multiple pricing options using a dropdown menu, offering flexibility for different payment scenarios.
  •  
If you haven’t added a price field yet, follow these steps:

 

Adding a Price Field to Your Form

Step 1: Navigate to the Fields Section

  1. In the form editor, click on the Content tab from the left-hand menu.
  2. Locate the Add a Field option and click on it.

payment-methods-4.png

 

Step 2: Add a Pricing field

  1. Scroll down to the Payment section.
  2. Select the Price filed or a Price Option filed by clicking on it.

 

Step 3: Customize the Field

Customizing the Price filed

After adding the Number field, configure its settings:

  • Label: Provide a meaningful label (e.g., "Donation Amount" or "Custom Price").
  • Placeholder: Add a hint text for users, such as "Enter amount."
  • Allow Decimal: Enable this if fractional values (e.g., $10.50) are required.
  • Validation: Mark it as required if the field must be filled out.

Customizing the Price Option filed

Customize it similar to the Price field and click on the Add Option button, to add different prices..

 

 

 

Related articles