Number Field

Q: Can I apply pricing based on the numeric value entered?

Yes. The Number Field supports multiple pricing methods, including price-per-value, percentage-based pricing, and custom formulas. The final amount updates automatically as the customer enters a number.

Q: Can I limit the minimum or maximum number a customer can enter?

Yes. You can set both minimum and maximum values to control the allowable numeric range. Any value outside the range is restricted or validated before checkout.

Q: Can customers enter decimal values, such as measurements?

Yes. The Number Field supports decimal input through the Step setting. You can allow precision like 0.1 or 0.01 for measurements such as weight, length, or volume.

Q: How does the Step value affect the input?

The Step value determines how much the number increases or decreases with each click on the spinner. It also ensures users cannot enter invalid increments outside the defined step.

Q: Can I combine the Number Field with custom pricing formulas?

Yes. You can create advanced formulas using {ppv} to set rules like tiered pricing, minimum charges, setup fees, or exponential pricing models.

Q: Does the Number Field support conditional logic?

Yes. The Number Field can be shown or hidden based on other customer selections, making product configuration more dynamic and interactive.

Q: Will the entered number appear in the cart and order details?

Yes. The numeric input and any applied pricing are stored and displayed in the cart, checkout page, order confirmation email, and admin order details.

Q: Can I use the Number Field for measurements like weight, distance, or length?

Yes. By adjusting min, max, and step values, the Number Field can handle measurements such as kilograms, meters, inches, and miles.

Q: What happens if the field is required and the customer leaves it empty?

A validation message appears to inform the customer that the field cannot be empty, preventing checkout until a valid number is entered.

Q: Can I make the Number Field readonly for displaying calculated results?

Yes. You can set the field as readonly to display fixed or calculated values that customers cannot edit.

A Number Field is a specialized input option that allows customers to enter precise numeric values on your product pages. It’s ideal for collecting quantities, measurements, dimensions, counts, or any data that requires strict numeric validation and range control.

Why Use a Number Field?

Numeric Validation: Ensures that customers enter only valid numbers, preventing incorrect or incompatible data.
Range Control: You can define minimum and maximum values, which helps avoid unrealistic or unintended inputs.
Step Increments: Step settings allow you to control exactly how values increase or decrease, ensuring consistency.
Precise Input: Perfect for capturing quantities, measurements, dimensions, and similar numeric details.
Flexible Pricing: The Number Field supports multiple pricing models, including per-unit pricing and advanced formulas.
User-Friendly: Built-in number spinners make it easy for customers to adjust values quickly and accurately.

WPActPro makes it simple to collect precise numeric input and apply dynamic pricing, validation, and calculation rules based on customer values. You can combine the Number Field with other field types to create a fully customizable product experience.

For text-based inputs like names or engraving details, use our Text Field
When you want customers to choose a single option, use our Select Field
For situations where multiple selections are needed, the Multiselect Field is the best choice.
To offer simple yes/no or on/off choices, use our Checkbox Field
And when paragraph-style input is required, try our Textarea Field

Price Types

Number Field pricing allows you to calculate product costs based on the numeric value your customer enters, making it ideal for products where quantity, size, measurement, or time directly affects the final price. You can choose from multiple pricing models—ranging from simple flat fees to advanced formulas—giving full flexibility for any business need and precise control over how each numeric input influences the final product cost.

1. Fixed

This is perfect for “flat” pricing regardless of the number entered:

How it works: You set a fixed price that gets added to the product regardless of what number the customer enters.
Example:
- If you offer a setup fee of $15 for any quantity:
  - Set Price Type to “Fixed”
  - Set Price to $15
When a customer enters any number (1, 10, or 100), the same $15 will be added to the base price.

2. Percentage of Product Price

How it works: You set a percentage that gets calculated based on the product’s base price.

Example:
- If you offer a premium service at 5% of product price:
  - Set Price Type to “Percentage of product price”
  - Set Price to 5
When a customer enters a number, 5% of the base price will be added (for a $100 product, $5 would be added).

3. Price Per Value

This is perfect for charging based on the numeric value entered:

How it works: You set a price per unit that gets multiplied by the numeric value entered
Example:
- If you charge $2 per unit for custom quantities:
  - Set Price Type to “Price Per Value”
  - Set Price to $2
When a customer enters 25, they’ll pay $50.00 added to base price (25 × $2)

4. Custom Formula Pricing

For advanced pricing needs, you can create custom formulas that precisely control how prices change based on the numeric value:

Basic Formulas:

Value Multiplier: {ppv}*1.5
- Meaning: Multiply the numeric value by $1.50
- For example, when the value is 10, the calculation adds $15.00 ($1.50 × 10).
- At 50 units, the system adds $75.00 ($1.50 × 50), showing how the cost increases with quantity.
Value with Base Fee: {ppv}*2+10
- Meaning: $2 per unit plus a $10 base fee
- Value 5 = $20 added ($2 × 5 + $10)
- Value 20 = $50 added ($2 × 20 + $10)

More Complex Examples:

{ppv}*0.75 – $0.75 per unit
- Value 100 = $75.00 added
- Value 250 = $187.50 added
{ppv}*3+25 – $3 per unit plus a $25 base fee
- Value 10 = $55 added ($3 × 10 + $25)
- Value 30 = $115 added ($3 × 30 + $25)
{ppv}<=50?{ppv}*1:{ppv}*0.8 – Volume discount pricing
- First 50 units: $1 each
- Additional units: $0.80 each
- Value 30 = $30 added ($1 × 30)
- Value 80 = $74 added ($1 × 50 + $0.80 × 30)

Real-World Pricing Examples

Custom Quantities with Price Per Value

Set up a number field with:

Field Type: Number
Min: 1, Max: 100, Step: 1
Price Type: Price Per Value
Price: $1.50

When a customer enters 25 units, the price automatically adds $37.50 to the base product price (25 × $1.50).

Set up a number field with:

Field Type: Number
Min: 1, Max: 1000, Step: 0.5
Formula: {ppv}*2+15

When a customer enters 50.5 units, they pay $116.00 added to the base price ($2 × 50.5 + $15).

Measurements with Base Fee + Value Pricing

Volume Discounts with Tiered Pricing

Set up a number field with:

Field Type: Number
Min: 1, Max: 500, Step: 1
Formula: {ppv}<=100?{ppv}*2:{ppv}<=250?{ppv}*1.5:{ppv}*1

This means:

1-100 units: $2 per unit
101-250 units: $1.50 per unit
251+ units: $1 per unit
75 units = $150 added ($2 × 75)
150 units = $225 added ($1.50 × 150)
300 units = $300 added ($1 × 300)

Set up a number field with:

Field Type: Number
Min: 0.1, Max: 50, Step: 0.1
Formula: {ppv}*0.5+5

This means:

$0.50 per pound plus a $5 handling fee
2.5 pounds = $6.25 added ($0.50 × 2.5 + $5)
10 pounds = $10.00 added ($0.50 × 10 + $5)

Weight-Based Pricing with Custom Formula

Time-Based Services with Hourly Rates

Set up a number field with:

Field Type: Number
Min: 1, Max: 24, Step: 0.5
Formula: {ppv}*25

This means:

$25 per hour
2 hours = $50 added
4.5 hours = $112.50 added

Set up a number field with:

Field Type: Number
Min: 1, Max: 1000, Step: 1
Formula: {ppv}*1.25+20

This means:

$1.25 per unit plus a $20 setup fee
50 units = $82.50 added ($1.25 × 50 + $20)
200 units = $270.00 added ($1.25 × 200 + $20)

Material Quantities with Setup Fee

Distance-Based Pricing with Minimum Charge

Set up a number field with:

Field Type: Number
Min: 1, Max: 100, Step: 1
Formula: {ppv}<=10?15:{ppv}*1.5

This means:

First 10 miles: Flat $15
Additional miles: $1.50 each
5 miles = $15 added (minimum charge)
25 miles = $37.50 added ($15 + $1.50 × 15)

Set up a number field with:

Field Type: Number
Min: 1, Max: 50, Step: 1
Formula: {ppv}*{ppv}*0.1

This means:

Price increases exponentially with quantity
5 units = $2.50 added (5² × $0.10)
10 units = $10.00 added (10² × $0.10)
20 units = $40.00 added (20² × $0.10)

Quantity-Based Services with Exponential Pricing

Number Field Configuration Options

The Number Field provides several configuration options that help you collect precise numerical values from customers. These controls ensure accurate pricing and prevent invalid entries.

Range and Step Settings:

The number field supports fully customizable input limits:

Min Number: Set the minimum allowed value (default: 1)
Max Number: Set the maximum allowed value (default: 10)
Step Number: Set the increment/decrement step (default: 1)

These settings allow you to maintain strict validation rules while offering flexibility for different types of products.

Common Configurations:

You can adapt the number field to match various use cases, including:

Whole Numbers: Min: 1, Max: 100, Step: 1 – Perfect for quantities
Decimal Values: Min: 0.1, Max: 10, Step: 0.1 – Ideal for measurements
Large Ranges: Min: 1, Max: 1000, Step: 1 – Great for bulk orders
Precise Values: Min: 0.01, Max: 100, Step: 0.01 – Perfect for financial calculations

These presets help store owners quickly configure accurate and user-friendly numeric inputs.

What Your Customers See

When customers interact with your number field, they experience a clean and intuitive interface. Specifically:

They’ll see a number input box with up/down spinners
The field displays your specified placeholder text
Min/max values are enforced automatically
Step increments control how values can be changed
As they change the value, the product price updates automatically (if pricing is enabled)
The field validates input based on your restrictions
When added to cart, the entered number and calculated price are included
Required fields show validation messages if left empty

Tips for Creating Effective Number Fields

To get the best results from your number fields, consider the following best practices:

Set Appropriate Ranges: Define realistic minimum and maximum values
Use Logical Step Values: Choose increments that match the type of measurement or quantity
Provide Clear Instructions: Use labels and placeholder text to guide users
Apply Reasonable Pricing: Ensure your price per value or formula reflects the product’s real cost
Test Validation Rules: Verify that min/max limits and step increments behave correctly

Using these tips, you can create accurate, user-friendly number fields that improve data collection and enhance the customer journey.

Advanced Features

Readonly Fields: Display information without allowing edits
Default Values: Pre-fill fields with common numbers
Custom CSS Classes: Style fields to match your theme
Conditional Logic: Show/hide fields based on other selections
Integration with Calculations: Use in complex pricing formulas

By using number fields with thoughtful pricing strategies, you can create flexible product options that adapt to customer needs while ensuring your pricing remains profitable and fair. The numeric validation and range controls make it perfect for collecting precise numerical data that drives accurate pricing calculations.

Conclusion

Number Fields provide powerful control for collecting precise numeric input on product pages. Their versatility makes them ideal for quantities, measurements, weights, dimensions, time-based services, and any scenario requiring accurate numerical data. Pricing rules, advanced formulas, range limits, and step settings make the Number Field suitable for simple to highly complex pricing models, improving calculation accuracy, enhancing customer clarity, and ensuring seamless customization across your WooCommerce store.

WPActPro enables merchants to offer advanced, accurate, and fully customizable number-based input options with ease.

Frequently Asked Questions

Find answers to commonly asked questions about our products and services.

Can I apply pricing based on the numeric value entered?

Yes. You can apply pricing based on character count, word count, custom formulas, or fixed fees depending on how you configure the Text Field settings.

Can I limit the minimum or maximum number a customer can enter?

Absolutely. You can set both min and max values to control the range of allowed input. Any value outside the range will be restricted or validated before checkout.

Can customers enter decimal values, such as measurements?

Yes. The Number Field supports decimal input using the Step setting. For example, a step of 0.1 or 0.01 allows precise measurements like weight, length, or volume.

How does the Step value affect the input?

The Step defines how much the number increases or decreases with each click on the spinner. It also ensures customers cannot enter invalid increments (for example, 1.5 when step is 1).

Can I combine the Number Field with custom pricing formulas?

Yes. You can create formulas using {ppv} (price per value) to build sophisticated pricing rules. This allows tiered pricing, minimum charges, setup fees, or exponential pricing models.

Does the Number Field support conditional logic?

Yes. You can show or hide the Number Field based on selections from other fields, allowing dynamic and customized product configurations.

Will the entered number appear in the cart and order details?

Definitely. The customer’s numeric input, along with any applied pricing, is stored and displayed in the cart, checkout, order confirmation, and admin order details.

Can I use the Number Field for measurements like weight, distance, or length?

Yes. By adjusting the step and range settings, the Number Field works perfectly for measurements such as kilograms, meters, inches, miles, and more.

What happens if the field is required and the customer leaves it empty?

A validation message appears immediately, preventing checkout until the customer enters a valid numeric value.

Can I make the Number Field readonly for displaying calculated results?

Yes. You can lock the field as readonly so customers see a value without being able to change it—useful for showing auto-calculated totals or measurement results.

Still have a question?

If you have any other queries, feel free to reach out to us. Our knowledgeable team is here to help!

Email Us

Download Free Version