There is no function in WordPress to copy billing to shipping address fields that WooCommerce adds to user profiles. This is quite a tedious task if you are manually creating users via the WordPress dashboard. This article will show you how to use jQuery with a bit of PHP in WordPress to copy the billing to shipping address in WooCommerce user fields.
This plugin is now available for download at WordPress.Org
Copy Billing to Shipping Address jQuery
To copy billing to shipping address in WooCommerce we need to write some jQuery that will duplicate our values entered for the billing fields. Here is the jQuery that will copy the billing to shipping address fields.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
var $j = jQuery; $j(document).ready(function(){ //set initial state of checkbox to unchecked $j('#duplicate-billing-address').removeAttr('checked'); $j( "#duplicate-billing-address" ).change(function() { if($j(this).is(":checked")) { //if checked then copy all values $j("#shipping_first_name").val($j('#billing_first_name').val()); $j("#shipping_last_name").val($j('#billing_last_name').val()); $j("#shipping_company").val($j('#billing_company').val()); $j("#shipping_address_1").val($j('#billing_address_1').val()); $j("#shipping_address_2").val($j('#billing_address_2').val()); $j("#shipping_city").val($j('#billing_city').val()); $j("#shipping_postcode").val($j('#billing_postcode').val()); $j("#shipping_state").val($j('#billing_state').val()); $j("#shipping_country").val($j('#billing_country').val()); } else { //Clear values when unchecked $j("#shipping_first_name").val(''); $j("#shipping_last_name").val(''); $j("#shipping_company").val(''); $j("#shipping_address_1").val(''); $j("#shipping_address_2").val(''); $j("#shipping_city").val(''); $j("#shipping_postcode").val(''); $j("#shipping_state").val(''); $j("#shipping_country").val(''); } }); }); |
In order for this script to copy billing to shipping address fields we need to add a checkbox control to the user edit page in WordPress and also load this Javascript on that page. This script will copy the billing to shipping address fields when a checkbox is checked and delete the shipping field values when it becomes unchecked.
Load jQuery script on WordPress dashboard
We only want to load our jQuery script to copy billing to shipping addresses when we are on the user edit page. To do this we insert the following code in our themes functions.php file.
|
1 2 3 4 5 6 7 8 9 |
add_action( 'admin_enqueue_scripts', 'es_admin_enqueue_scripts' ); function es_admin_enqueue_scripts($hook) { if ($hook == 'user-edit.php') { //Duplicate Billing to Shipping Address wp_enqueue_script( 'dashboard-duplicate-bill-address', get_stylesheet_directory_uri(). 'js/admin-duplicate-billing-address.js', array( 'jquery' ), '1.0', false ); } } |
This will only load our script into the header for the page ‘user-edit.php’.
Checkbox to copy billing to shipping address
Now in order to display a checkbox to copy billing to shipping address on the user edit page we need to add the following code to functions.php.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
//Display duplicate billing to shipping address //Display duplicate billing to shipping address add_action('edit_user_profile', 'eca_profile_duplicate_billing_address', 99); //if current user then use this hook to show their profile elements add_action('show_user_profile', 'eca_profile_duplicate_billing_address', 99); //Attach low priority so it shows last function eca_profile_duplicate_billing_address() { ?> <table class="form-table"> <tr> <th><label for="duplicate-billing-address">Duplicate Address</label></th> <td> <input type="checkbox" id="duplicate-billing-address" name="duplicate-billing-address" value="yes">Copy billing to shipping address </td> </tr> </table> <?php } |
Since we assign a low priority to our function it will appear at the bottom of the user edit page. There are two hooks used here to copy the billing to shipping address called edit_user_profile and show_user_profile. Basically these two hooks cover the scenarios of editing your own profile or another person’s profile.
The finished product
Here is the result, we have created a combobox to copy billing to shipping address fields that WooCommerce has add via the WordPress dashboard.
any chance you can turn this into a plugin? bit complicated for me
I’ll whip something up for you 🙂
very impressed. immediate service. works perfectly. you should sell this plugin must be heaps of people wanting this functionality.
solved a big headache for us – much appreciated
You’re welcome 🙂
Andrew, first thanks for your efforts. the internet would be just a mess without kind folks like you. next, is there any way I can get a copy of that plug-in you set up for Matt? I am having the same issue with WC and needing to duplicate billing to shipping.
I’ve emailed you the plugin Chad. I’m just giving back to the community 🙂
hello any chance please you send me the plugins thanks in advance!
The download link is at the top of the article.
Is there a way to add this feature to a themes frontend for the user to be able to check the box himself… For example using a plugin like usersultra pro… how would you add a check box to that? or would you add it to the theme? What hook would you use instead? it wouldn’t be user-edit.php would it?
I’ve seen a lot of themes that automatically duplicate the billing to shipping address already with a checkbox. My recommendations would be based on what theme you were using…
Please Specify where to put jquery script?
I’ve emailed you the plugin. Much easier 🙂
Sorry but I haven’t received yet.
Hi Andrew, I’ve tried to edit my functions.php and use your code. Thank you. But will my changes be lost if I update my theme?
And where should I save the jquery?
Can you give me a hint?
Thank you very much
I’ve sent you a copy of the plugin so you won’t seen to worry about your theme code being overwritten. Saying that you should always use a child theme and never directly edit the parent functions.php file.
Hi Andrew
i have used code above its nice but nothing copied from billing address to shipping address form. can you please give me any suggestion. in shipping tab am selected default to billing address radio button in woocommerce setting page
I’ll email you the plugin it’s easier 🙂
Please email me the plug in too
Many thanks
It can be downloaded from the WordPress repository.
Hi Andrew, would you mind sending me a copy of your great plugin please. Many thanks in advance.
It’s now available online at WordPress.
https://wordpress.org/plugins/woocommerce-duplicate-billing-address/
Great work!
Any way to add a “duplicate” checkbox to front-end? At the moment a checkbox is added only to the dashboard but new themes enable front-end account administration. This way a customer would be able to fill-in his billing details and check the “duplicate” box and hit “Save.” This would save some time and improve user experience for those who are just setting up their account.
Yes you could add some code that duplicated the billing to shipping in the front end. What I’ve actually done is write some back end code that hook into the new order event so that when a customer completes their order it automatically duplicates the billing to shipping address in the background. Much neater this way as you don’t need any addition steps on the front end. I will write an post showing you how to do this 🙂
ok, great! 🙂
thank you!
Actually I have already written a post on this subject.
http://eversionsystems.com/woocommerce-duplicate-billing-shipping-address-for-virtual-products/
Just remove the code that refers to the virtual products and it will copy the billing to shipping address details.
Hey I was wondering if you have this working successfully for 4.3.1 or above? I received many errors, however I’m also integrated with the dokan plugin.
Also, in duplicate-address.php, lines 17 and 18 are duplicated
update_user_meta($user_id, ‘shipping_company’, $all_meta_for_user[billing_company][0]);
update_user_meta($user_id, ‘shipping_company’, $all_meta_for_user[billing_company][0]);
I don’t think that would be intentional.
Let me know if the plugin will be certified to newer versions of WordPress.
Thank you!
What kind of errors? I just tested it on a local install of WordPress 4.4 and it duplicates the address in the edit user screen without any errors.
Hey Andrew
First of all , Nice job done by you, is there a way in which we could do this in batch? Since i have thousands of users and i need to copy all their billing details to shipping.
You can run some manual SQL on the database to duplicate the data. If you’d like to hire me to do this I can assist.
Hey,
I’m getting an error after activating the plugin which is:
[04-Oct-2017 16:56:30 UTC] PHP Warning: Missing argument 3 for Woocommerce_Duplicate_Billing_Address_Public::order_duplicate_billing_address() in /home/sitename/public_html/wp-content/plugins/woocommerce-duplicate-billing-address/public/class-woocommerce-duplicate-billing-address-public.php on line 167
[04-Oct-2017 16:56:30 UTC] PHP Fatal error: Call to a member function get_user() on a non-object in /home/sitename/public_html/wp-content/plugins/woocommerce-duplicate-billing-address/public/class-woocommerce-duplicate-billing-address-public.php on line 171
Please help me,
I’ll be thankful to you
Thanks !
Have you got the latest version of the plugin? What version of WooCOmmerce are you using?