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, using the Profile Builder – WooCommerce Sync Add-on.
Get Profile Builder – WooCommerce Sync Add-On
Manage WooCommerce Customer Fields
By default, WooCommerce adds address fields, 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/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 add the add-on using the standard WordPress plugin uploader and clicking “Activate”.
Note: For the Profile Builder WooCommerce Sync add-on to work as expected, you’ll need to have already installed both Profile Builder and WooCommerce plugins.
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 Profile Builder – 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 in the Fields drop-down.
The WooCommerce fields will now appear on both registration as well as edit profile pages managed with Profile Builder.
Users registering through Profile Builder will be able to fill in the required WooCommerce Customer fields
The Edit Profile page will now allow your users to update WooCommerce Shipping and Billing information
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 – WooSync add-on allows you to also add custom user fields to the “Create an account” section from the WooCommerce Checkout page.
Custom Fields added with Profile Builder to the WooCommerce Checkout page
The way you can collect more custom user information as well as register new users directly when they checkout.
The supported field types which can be added to the WooCommerce Checkout page using Profile Builder are: ‘Input’, ‘Textarea’, ‘Checkbox’, ‘Select’ , ‘Radio’, ‘Heading’.
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.
Note: These fields are visible only to unregistered/logged out users.
Choose which fields to display on the Checkout page
Add Profile Builder Register form to My Account page
The default WooCommerce login and basic register forms.
If you have WooCommerce registration enabled on the My Account page, WooCommerce will 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 PB Register form available under My Account page.
Adding a detailed Profile Builder Register form under My Account page. This way users can fill in more information at registration.
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.
If you’re using the Multiple Edit-Profile forms module from Profile Builder PRO, and have setup more than one Edit Profile form, you can choose which one to display under WooSync settings.
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.
Clicking the link to edit your account details you will take you to the Edit Profile form created with Profile Builder.
This sums up all the WooSync add-on features which will help you fully integrate Profile Builder with WooCommerce.
Get the Profile Builder – WooCommerce Sync Add-On