Looking for a simple way to manage WooCommerce Customer Billing and Shipping Address fields with Profile Builder?
How about adding custom user fields to the WooCommerce checkout page?
Now you can, by using the Profile Builder – WooCommerce Sync Add-on.
Manage WooCommerce Customer Fields
By default, WooCommerce adds address fields, like Customer Billing and Shipping Address to the user profile. But what if you want to capture more user information, as well as let users manage all their profile fields in one place?
When a user/customer registers or updates his profile via Profile Builder front-end forms, using this add-on he will now not only be able to fill in or edit the user fields created with Profile Builder, but also display and update the shipping and billing fields from WooCommerce.
Installing Profile Builder – WooCommerce Sync Add-on
After downloading, you can install the add-on using the standard WordPress plugin uploader and clicking “Activate”.
Note: The Profile Builder – WooCommerce Sync Add-on requires at least Profile Builder 2.0.8, free or premium.
Adding WooCommerce Customer Billing and Shipping Address to User Profile
Once activated, the WooCommerce Sync Add-on will automatically add WooCommerce Customer Billing and Shipping Address fields to the Manage Fields list from Profile Builder. They will output all the individual fields required for WooCommerce Shipping and Billing Address in the front-end.
You will be able to (re)arrange them, edit their heading (title) and in case you remove them, you can always add them later from the Fields drop-down.
On top of this you’ll be able to select which individual Billing and Shipping fields to display in the front-end, as well as choose which will be required.
Also, you can simply drag & drop to reorder the individual fields for both Billing and Shipping Address. (When first added, the default names, order and ‘required’ values are taken from WooCommerce).
The WooCommerce fields will now appear on both registration as well as edit profile pages managed with Profile Builder.
So from now on, when a new user registers, you can give him access to add or modify the WooCommerce customer fields as well, all in one place.
Adding Custom Fields to WooCommerce Checkout page
Profile Builder – WooCommerce Sync add-on allows you to also add custom user fields to the WooCommerce Checkout page. The custom fields added on the WooCommerce Checkout page are saved as user meta.
This way you can collect more custom user information as well as register new users directly on checkout.
All the custom fields types in Profile Builder are supported to be added to WooCommerce Checkout page using Profile Builder (Hobbyist or PRO). Some default fields like the email and username can not be added because they are managed by WooCommerce.
To add a custom field to the WooCommerce checkout page, in Manage Fields, when adding a new field or editing an existing one, you’ll simply need to select “Yes” for “Display on WooCommerce Checkout” option.
Conditional Fields on WooCommerce Checkout
Since you can add all the custom fields normally available in Profile Builder, you can also define conditional field rules and they will work on the WooCommerce checkout page. All you have to make sure is to display the fields with conditional rules on the checkout page, otherwise they won’t apply.
You can check out this detailed tutorial on how to add conditional logic fields to WooCommerce checkout page.
Repeater Fields on WooCommerce Checkout
Since all the custom fields are available on the WooCommerce checkout, this means you can also define and add Repeater Fields on WooCommerce Checkout like any other user field. This gives you more flexibility when gathering extra information about your users.
Note: These fields are visible for unregistered/logged out users as well as for logged in users on the WooCommerce checkout page. This way you can collect extra information from both new customers and existing ones directly on the Checkout page.
Add Profile Builder Register form to My Account page
If you have WooCommerce registration enabled on the My Account page, WooCommerce will normally display a login and basic register form under My Account page.
In case you want to add more custom fields to the basic WooCommerce register form you can easily integrate any Profile Builder Register form under My Account page in WooCommerce.
All you need to do is navigate to the WooCommerce Sync tab under Profile Builder. From there you can select which PB Register form to display on the My Account page.
This way you can easily collect extra user information from your customers and have the detailed Profile Builder Register form available under My Account page.
Add PB Edit Profile form to My Account page
Another aspect we looked into for a complete integration was to allow people to access the Edit Profile form created with Profile Builder, directly from the WooCommerce My Account page.
After activating the WooSync add-on, under WooCommerce Sync tab from Profile Builder you’ll be able to set which Edit Profile form to display under the My Account page created by WooCommerce.
After selecting an edit-profile form , once you navigate to My Account and click on “edit your account details” link you will be taken to the Edit Profile form created with Profile Builder.
This sums up all the WooSync add-on features which will help you manage WooCommerce customer fields, by fully integrating Profile Builder with WooCommerce.
Subscribe to get early access
to new plugins, discounts and brief updates about what's new with Cozmoslabs!