How to add an additional amount option at woocommerce checkout page?

Its easy to add additional amount option at woocommerce checkout page. By using a plugin you can add multiple additional amount options at the woocommerce checkout page. Within this tutorial we will discuss step by step. Let’s go for it.

Step 1: Choose plugin

You need to install and active one of the below plugin at your website. You can get the download link of additional amount option at woocommerce checkout plugin by clicking the below boxes. 
Please note, the plugin installation guide is available at the below page’s.

The WooCommerce Additional Amount On Checkout plugin premium version has all the FREE version features including more advanced features, so here we are going to discuss the configuration of the premium one, which will cover all the free version feature’s in order to achieve the requirement to add additonal amount option at woocommerce checkout page.

Step 2: Configuration

After successful installation of the WooCommerce Additional Fees On Checkout plugin (any version free or premium) and before the plugin activation, you need to make sure the WooCommerce plugin is in active mode.
Next, after activating the plugin, follow the below path,

WP Admin > WooCommerce > Additional Fees ( submenu of WooCommerce menu )

Now before we going to dig each feature to get the desired result, let’s see output for a set of configurations. 

Moreover, you can check the Case Study page to get a closer look by comparing your requirement with the real-life example. Here we make some examples, taken from our real client’s website configuration to configure the additional amount option on the woocommerce checkout page.

Step 2.1: "Status" feature configuration

To activate the additional amount option at woocommerce checkout the admin need to set ‘Enable’ at the Status dropdown and to deactivate, the admin needs to choose ‘Disable’ at the Status option of the additional fees screen.

Step 2.2: "Label" & "Label for billing" features configuration

To change the level of the additional amount option at the woocommerce checkout page the admin needs to put text at the Label textbox of the additional fees screen. Also, admin can change the label for billing for additional amount option at the woocommerce checkout page.

Step 2.3: "Type" feature configuration

Fixed additional amount option at woocommerce checkout page or Percentage additional amount option at woocommerce checkout page can be set from the Type feature of WooCommerce Additional Fees on Checkout plugin.

Step 2.4: "Calculate fees including Tax" & "Calculate fees including shipping cost" features configuration

The additional amount option at woocommerce checkout page will be included Tax and Shipping Costs, based on the settings of the Calculate fees including Tax and Calculate fees including Shipping cost feature of WooCommerce Additional Fees on Checkout plugin.

Step 2.5: "Apply condition" feature configuration

The additional amount option at woocommerce checkout page can calculate the final amount by multiplying the quantity of product available into the cart or can be calculated for one time only. To control this calculation admin need to choose either Multiplied by product quantity or one time only at the WooCommerce additional fees on the checkout plugins settings page.

Step 2.6: "Auto-checked / Auto-applied fees" feature configuration

The additional amount option at woocommerce checkout page can be auto apllied or auto checked at the woocommerce checkout page. The buyer doesn’t need to check the additional amount option if auto checked option set as ‘Enable’ at the woocommerce additional fees on checkout settings page.

Step 2.7: "Condition" feature configuration

Based on the coditiona set at the backend settings of additional fees, the additional amount option will apeear at the woocommerce checkout page. 6 conditions are available, 1. All, 2. Selected Product 3. Cart Total Amount (max and Min) 4. No. Of Product on Cart (max and min). 5. Selected Category and 6. Selected product type.

Step 2.8: "Required Field" feature configuration

The addiitonal amount option at woocommerce checkout page can be a required field or a non-required field. Once admin set the addiitonal fees as required field as ‘Yes’ at the woocommerce additional fees settings screen, then the amount fess option will be added as required field, and validated automatically at woocomemrce checkout page.

Step 2.9: "Hide Option At Checkout" feature configuration

The additonal amount option at woocommerce checkout page can be hidden by using Hide option at checkout option. If Admin set this as Yes, then the option will be hidden at WooCommerce checkout page, but Admin need to make sure the auto-checked option should be Yes. By default it set to No, which make appear the additional fees on chekcout page.

Step 2.10: "Custom CSS" feature configuration

Woocommerce additional fees on checkout comes with a Custom CSS features, so that admin can write CSS rules for additonal amount fees option at woocomemrce checkout page. 

Step 2.11: Multiple additional amount

To add multiple number of addtional amount option click on Add More New Fees. The set of configuration is same as above. Admin can also delete the fees by pressing the red recycle bin icon.

Step 3: Final step

The last step is hit the Save Changes button and check the woocommerce checkout page, and thats it. You have sucessfully set additional amount option at the woocommerce checkout page using woocommerce additional fees on checkout page. 

For any query you can directly email us at support@wpsuperiors.com or submit your query at Contact Us page or just leave a comment at below. We are just a notification away.

Leave a Comment

Your email address will not be published. Required fields are marked *