Adding File Upload Fields to a WordPress registration Form - ProfilePress

Adding File Upload Fields to a WordPress registration Form

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.

Registration form for WordPress with file upload

Let’s Begin

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.

Résumé file upload field definition

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.