As this is a module, it has some dependencies. You will need the following plugins for using BuddyPress Profile Integration.
This module makes a bridge to exchange data between the above mentioned two plugins.
Navigate to your WP dashboard->User Frontend->Modules. Find BuddyPress Profile and turn on the toggle button on the top right to activate this module.
Interesting thing is that you do not need to configure anything!
Usage – Creating BuddyPress Profile Fields
To create the profile fields that you need in BuddyPress, navigate to
wp-admin → Users → Profile Fields and click Add New Field
Then you will get a new page to enter the details of a new page. The field name is the name you will see in the form to assign from a dropdown. So you can name this field with a hint so that when you have a lot of fields, you can easily identify the fields and assign them in right place.
You will find various kinds of fields in the new field creation page. You are free to use any field that fits your needs best. But as you are making something for your users and a lot of people is going to use this, you should keep in mind that you must
Create Registration Form Using WP User Frontend Pro
Now we are done with creating custom fields for BuddyPress profile and we will move on to the registration form of WP User Frontend, which is located at
wp-admin → User Frontend → Registration Forms → Your Form.
We will find an extra tab for BuddyPress in the registration form edit panel.
If we do not have any custom field in our form, then the tab for BuddyPress will be empty. Similarly, If you do not have any extra fields in BuddyPress like described above, the tab will be empty too. And the options in above screenshot is shown just for testing purpose. These values won't be visible in your form. So there is no point on writing the options on BuddyPress profile fields. Just make the fields in BuddyPress profiles, and then assign them in WPUF registration. And the options should be made in WPUF registration forms. Not in BuddyPres profile fields.
We have to click on that and we will be able to see a screen like this.
Now you just need to save it and check once from the front. And you're done.
For Checkbox, Radio button and Dropdown Fields…
Custom fields like checkbox, dropdown or radio button, need one extra settings. These fields need to have their meta_keys as same as Registration Forms > Settings > BuddyPress > BuddyPress Profile fields > edit field > Edit ground meta_keys. To do that, first, you need to show the values on the Registration form. Hover on the field and you will reach Field Options. Then you need to check this box to show value.
Now you have to paste the values of this radio field of the right side as same as the buddypress profile fields' edit ground. For that you have to navigate through Registration Form > Settings > BuddyPress > BuddyPress Profile Fields, like the screenshot below:
Now you have to set the values of the edit ground of the BuddyPress profile fields. Check out the screenshot below:
When you edit the profile field's edit ground, you have to check the values should be exactly the same as Registration Field > Edit Field > Show values.
After Establishing Integration
Here's how the form will look like, when you have created a WP User Frontend Pro registration form with BuddyPress Profile fields.
After submitting data, the BuddyPress profile will hold those data. You can even check them in the wp-admin → Users → Profile Fields.