Banner for Custom Wp Registration Form
Create a custom WordPress registration form with an array that automatically logs in user. Define your own input types, attributes, classes & IDs Wordpress Tutorial
Noted That:
  • To install correctly this custom-wp-registration-form.zip .
  • Fisrt Download the custom-wp-registration-form.zip to your computer
  • Extract/Open custom-wp-registration-form.zip to Your Computer.
  • Then, Find readme.txt file inside custom-wp-registration-form.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " custom-wp-registration-form.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Custom Wp Registration Form

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Custom Wp Registration Form

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Custom Wp Registration Form

Step-5 : Now, Browse " custom-wp-registration-form.zip " Downloaded plugin from your computer, Where you downloaded " custom-wp-registration-form.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Custom Wp Registration Form

Step-6 : Now, Click on " Active Plugin "

Activate Custom Wp Registration Form

Step-7 : Then, See left Side Menu. " Custom Wp Registration Form " folder is added on left Side Menu. Now, Click on " Custom Wp Registration Form " folder.

Noted that: If you do not see " Custom Wp Registration Form " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Custom Wp Registration Form Configurations and Settings or How to work " Custom Wp Registration Form " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Custom WP Registration Form " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Custom WP Registration Form
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin files to the /wp-content/plugins/custom-wp-registration-form directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Create a form object in a .php file where you would like the form to appear. Example: page-register.php
    A. the CWRF_Form object takes three arguments
    1. string $form_name – default is “”.
    2. array $fields – pass your array of input fields
    3. string $submit_text – This is the text that appears on the submit button. Default is ‘Submit’.

    
    Example : `$form = new CWRF_Form( $form_name, $fields, $submit_text );`
    

    B. Build the array. Here is the array used to build the form in the screenshots section.
    1. assign classes and ID’s to retain full style control of all inputs.
    2. each input field and textarea is wrapped in a

    . ID’s are assigned to the input and textarea tags themselves.

    
     $fields = array( 'First Name' =>
     array( 'name' =>
     'first_name', 'type' =>
     'text', 'id' =>
     'first_name', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     50, 'placeholder' =>
     'First Name', 'required' =>
     true ), 'Last Name' =>
     array( 'name' =>
     'last_name', 'type' =>
     'text', 'id' =>
     'last_name', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     50, 'placeholder' =>
     'Last Name', 'required' =>
     true ), 'Username' =>
     array( 'name' =>
     'user_login', 'type' =>
     'text', 'id' =>
     'user_login', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     50, 'placeholder' =>
     'User Login', 'rows' =>
     '', 'cols' =>
     '', 'required' =>
     true ), 'Password' =>
     array( 'name' =>
     'user_pass', 'type' =>
     'password', 'id' =>
     'user_pass', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     50, 'placeholder' =>
     'Password', 'rows' =>
     '', 'cols' =>
     '', 'required' =>
     true ), 'Email Address' =>
     array( 'name' =>
     'user_email', 'type' =>
     'email', 'id' =>
     'user_email', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     50, 'placeholder' =>
     '[email protected]', 'required' =>
     false ), 'Options' =>
     array( 'name' =>
     'favorite_fruit', 'type' =>
     'select', 'id' =>
     'favorite_fruit', 'class' =>
     '', 'options' =>
     array( 'apple', 'cherry', 'pear' ), 'required' =>
     false ), 'Gender' =>
     array( 'name' =>
     'gender', 'type' =>
     'radio', 'id' =>
     'gender', 'class' =>
     '', 'value' =>
     array( 'male', 'female' ), 'required' =>
     false ), 'Bio' =>
     array( 'name' =>
     'description', 'type' =>
     'textarea', 'id' =>
     'description', 'class' =>
     '', 'minlength' =>
     1, 'maxlength' =>
     500, 'placeholder' =>
     'Add your bio', 'rows' =>
     5, 'cols' =>
     50, 'required' =>
     false ) ); $form = new CWRF_Form( 'Test Form', $fields, 'Sign Up!' );
    

    C. Note, the array values that match the WordPress syntax for insertion to the default WordPress profile page in the admin panel. When you don’t use this syntax, values will be added below the premade profile meta section. Refer to screenshots to see how this form is rendered in the default WordPress user profile page.

    D. Form is set to method = 'POST'


Name