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.
WooCommerce Additional Fees On Checkout
FREE VERSION
WooCommerce Additional Fees On Checkout
PREMIUM VERSION
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,
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
Step 2.2: "Label" & "Label for billing" features configuration
Step 2.3: "Type" feature configuration
Step 2.4: "Calculate fees including Tax" & "Calculate fees including shipping cost" features configuration
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
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
Step 2.11: Multiple additional amount
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.
WooCommerce Additional Fees On Checkout
DOWNLOAD FREE VERSION
WooCommerce Additional Fees On Checkout
DOWNLOAD PREMIUM VERSION
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.