How to Add Extra Field in WooCommerce Shipping Calculator

By Prem Tiwari in Code Snippets, WordPress Snippets. Updated on

Hi friends, hope you are doing good. In today’s tutorial, I am going to share how to add extra fields in WooCommerce shipping calculator. Open your WooCommerce plugin folder and copy the template folder and paste it into your activated theme folder like your-theme-folder/woocommerce/template.

Now open the shipping-calculator.php file from woocommerce/templates/cart folder and replace the whole code with below code and save the file.

After adding the above code your shipping calculator form will look like below screenshot.

How to Add Extra Field in WooCommerce Shipping Calculator


I hope this tutorial helps you, if you have any questions regarding WordPress, then feel free to put your comments in below comment section. Do you like & share this article with your friends, and don’t forget to follow us on Facebook and Twitter to learn cool WordPress tutorials.

Sharing is caring!

Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.

You might also like:

Tags: , , , , , ,

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.