WordPress has evolved into a popular content management system. As a result, it is being used for building all kinds of website.
One feature common to most websites is the presence of file upload fields in their registration/sign up forms. This can be handy if you are building a school website that requires the student to upload their ID during registration to ascertain if they are indeed students of the school.
If you are building such a school website with WordPress, using the default registration form is out of the equation because:
* It resides outside of your website.
* Not in conformity with your site design.
* Difficult to extend, most especially for non-developers.
In this tutorial, I will be showing us how to add file upload fields to a ProfilePress powered front-end registration form.
By the end of this post, we will have a registration form with a driver’s license and résumé file upload fields.
First off, we need to create two file upload custom fields for the driver’s license and résumé.
To create the custom fields, go to Settings >> Custom Fields and click the
Add New button.
Fill out the form as shown in the screenshots below, where the
options form field accepts comma-delimited values of file extension that the upload field will consider valid and acceptable.
The form is pretty self-explanatory.
Having done that, let us proceed to adding them to the registration form.
Adding File Upload Fields to Registration Form
To add the driver’s license and résumé file upload fields to a registration form, use the custom field block (if using the drag-and-drop builder) or
[reg-cpf] shortcode if using the shortcode builder.
The uploaded files are shown on the default WordPress user profile, frontend edit profile forms and the Account Details section of the My Account page.
If you have any pre-sale question, inquiring or contribution, get in touch.