• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Tomasz Drzewiecki

Additional fees on WooCommerce checkout - Custom fields with prices

Updated: January 16, 2023 / Plugin Tutorials, Plugin Updates

Filling out the checkout form is the last step between the customer and the seal of the purchase. With Flexible Checkout Fields, it is possible to customize the form fields and add checkout fields with prices. Change total price based on user choice & additional fees on WooCommerce checkout.

Let's assume you need additional fees on the WooCommerce checkout so that customers can pay for:

  • Gift wrapping service or additional packaging (e.g. thermal bag)
  • Purchase insurance or extended warranty
  • Tips
  • Other fees & services!

Change the total price based on user choice directly in the WooCommerce checkout! Let's add new fields and customize your checkout page with Flexible Checkout Fields!

Table of contents

  • WooCommerce additional fees on checkout (programmatically with a plugin)
  • Change WooCommerce checkout total price - Types
  • WooCommerce additional fees on checkout - Steps
  • Displaying WooCommerce checkout fields with prices
  • Summary & more about the plugin

WooCommerce additional fees on checkout (programmatically with a plugin)

I will use the Flexible Checkout Fields plugin to add custom fields with prices so that I can implement additional fees on the checkout page.

💡 The pricing feature is available in the PRO version. Try the free version first! Download the free plugin to customize the WooCommerce checkout page →

Change WooCommerce checkout total price - Types

👉🏼  The change in the final purchase amount depends on the selected type of price and its rate:

  • Fixed - net price set in currency units and independent of the basket
  • Percentage of Subtotal (ex. VAT) - the amount set as a percentage and dependent on the net sum of the basket
  • Percentage of Subtotal (incl. VAT) - the amount set as a percentage and dependent on the gross sum of the basket
  • Percentage of Total - the amount set as a percentage and dependent on the total amount (basket + coupons + shipping costs)
WooCommerce checkout fields with prices - Price types
WooCommerce additional fees on checkout with Flexible Checkout Fields
💡  The price assignment option is available for each field added with Flexible Checkout Fields but for "Heading" and "HTML" fields.

WooCommerce additional fees on checkout step by step

  1. Install and activate the Flexible Checkout Fields PRO plugin.
  2. Go to WooCommerce → Checkout Fields.
  3. Add a new field.
  4. Add options and other settings - if required (e.g. for the "Radio" field). Save the settings.
    IMPORTANT - Do not set the same labels for the options.
💡The radio button field is available in the PRO version of the plugin.

Flexible Checkout Fields PRO WooCommerce £59

Use additional fees on WooCommerce checkout. Choose between fixed, percentage of subtotal, or percentage of total price basis. Add the right tax class.

Add to cart or View Details
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x
WooCommerce add fee to order programmatically
The first step to additional fees on checkout will be to add a new field
💡 PRO TIP: Check the "Rounding" option in the WooCommerce > Settings > Tax tab. It is required if more than one price field is included.
  1. Select the "Pricing" tab and activate the "Enable price" checkbox. Save the settings if the checkbox is not visible.
    1. If the field type does not have options (e.g. "Text") - a single row with settings will appear.
    2. If the field type has options (e.g. "Select") - there will be independent rows with settings next to each option.
WooCommerce change checkout total price
Enable Pricing in the Pricing tab
  1. Set the price type by selecting it from the "Price type" list:
    1. Fixed - set the price without tax
    2. Percentage of Subtotal (ex. VAT) - set a percentage
    3. Percentage of Subtotal (incl. VAT) - set a percentage
    4. Percentage of Total - set a percentage
WooCommerce additional fees on checkout configuration with Flexible Checkout Fields
Choose a price basis for your custom field
  1. Set the tax class by selecting it from the "Tax class" list. Save the settings.
    💡 IMPORTANT - The "Tax class" option will appear when:

    1. the price assigned to the field is positive
    2. and when the "Enable tax rates and calculations" option is activated in WooCommerce. If you're not sure how to do it, have a look at this article.
Choose tax class
Tax class in the Pricing settings

Displaying WooCommerce checkout fields with prices

The assigned price will appear in the store as a gross total price or as a percentage of the subtotal/total.

  • Checkout. The price will appear in brackets next to the field/option label. Each selected field with the price will also be shown in the "Your order" section.
WooCommercechange checkout total price: Final result frontend
The total price changes after checking the box with the assigned price
  • Order Summary. The price will appear as the amount included in the order
  • WooCommerce > Orders. The fields here are editable so it is possible to change both the label and the price or even add tax.

💡 PRO TIP

All fields in the "Billing" and "Shipping" sections are cached so the fields placed there are saved and then autocompleted during the next purchases. The other sections are no longer cached. Please read the documentation for more information.

Summary & more about the plugin

Additional fields on the Checkout page are a simple but very effective tool for the best possible adaptation of WooCommerce to a specific store and its offer. The Flexible Checkout Fields plugin gains a new dimension of use with the option to assign a price to a field.

Flexible Checkout Fields PRO WooCommerce £59

Use additional fees on WooCommerce checkout. Choose between fixed, percentage of subtotal, or percentage of total price basis. Add the right tax class.

Add to cart or View Details
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x

WooCommerce change checkout total price: Related articles

  • EU VAT Number validation in checkout

    vat number validation in checkout=
    VAT Number WooCommerce validation. Find out how to validate EU VAT Number in WooCommerce checkout.

  • Add custom billing fields with the plugin

    woocommerce billing fields
    WooCommerce extra billing fields. The easiest way to add additional billing fields on WooCommerce checkout.

Tweet

3 minutes read4230 views

Tomasz Drzewiecki

From 2020 in WP Desk. First as a Happiness Engineer in the Rangers team. Now as a QA Engineer in the Sailors team.

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Plugin Tutorials › Additional fees on WooCommerce checkout - Custom fields with prices

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk