Create Custom Registration Page and Form in Wishlist Membership Site

Wishlist Member is one of the absolute best ways to quickly and easily setup a membership site with WordPress. Whether it may be a newly installed WordPress blog or already existing WordPress blog Wishlist Member can converts it into full featured membership site in few clicks.

One of the limitations in the older version of Wishlist Member is the lack of ability to customize our Registration Form and login form. Now Wishlist comes with a widget for a login box which makes it very convenient and some advanced options to customize our registration page.

This article covers how to customize the registration page of the Wishlist Membership site. We have seen about the login page setup for free membership site and as well as paid membership site in the previous article.

Should we need Registration Form for every membership level?

We know there is the separate registration page for every new membership level used in Wishlist Member. In case of recurring subscription type products setup in Wishlist Member no need to register every month subscription for the new membership level.

For this recurring subscription Wishlist Member uses the special feature called sequential upgrade for content delivery. We have MOVE and ADD type sequential upgrade.

Wishlist Registration Forms

Wishlist Registration Forms

In both the technique the registered members in the first membership level of the subscription based membership site has transferred to the next membership level after a certain period of time without have new registration for the new membership level.

The login details for the registered members automatically transfer from the first membership level to the next level if we used sequential upgrade for transfer members.

Default Registration Form and Page for Membership Levels

We know Wishlist Member have simple and full integration options for using Registration Forms. When we create new membership level the Wishlist Member can automatically create registration page for the membership level we have created.

This form will be used in free membership site signups. This registration page will not be protected by Wishlist Member. If we know the URL we can sigup for the free membership access for the particular level.  The Registration Form looks like the below image

Default Registration Form in Wishlist Member

Default Registration Form in Wishlist Member

The registration Page URL will be similar to the below URL

http://www.yoursite.com/member/index.php?/register/CKhkn3

This URL differed for every new membership level in Wishlist Member.

Customize Registration Page for each Membership Level

The current version of the Wishlist Member Plugin has the options to customize registration for individual membership levels. For this follow the below steps

Login to the WordPress admin and navigate the ‘WL-Member Options’ in the admin dashboard it will display the Wishlist Member settings page.

In this page in the top navigation we have ‘settings’ tab for the Wishlist Member configuration and setup.

Once we have clicked the ‘settings’ tab we have the secondary navigation her we can choose ‘Registration Page’ settings we will see the below information for the settings.

Under the registration page tab we have five links for the customization of registration page the links are listed below

  • Header/Footer
  • Signup Text
  • Custom Registration Forms
  • Custom CSS
  • reCaptcha

The header/ footer link for the Registration Form we can add the content above and below the Registration Form.  This content will be displayed in the registration page.

Header and Footer info in Registration form

Header and Footer info in Registration form

Once we have Navigated Header and footer link we need to choose particular membership level from the drop down menu to add the header and footer info for the Registration Form.

Here we have the options to choose default Registration Form for the membership level or we have the option to design Custom Registration Form for the membership level. Click on the custom form design link in wishlist setup.

Custom Registration Form Design for each Membership Level

Once we clicked the custom Registration Form link in header/footer option in the registration page settings. Or we can directly go to this custom Registration Form editor by going to the path.

WordPress admin dashboard/WL Member options/Settings/ Registration Page/ Custom Registration Forms.

Custom Registration From in Wishlist member

Custom Registration From in Wishlist member

Now we are located in the custom Registration Form editor. We can add name to the Registration Form for future usage. Once we designed the Registration Form. We can choose this custom Registration Form for other membership level using the drop down option available in the ‘header/footer’ text section.

In the custom form editor we can have default Registration Form field we can edit those form fields using the button next to the particular field.

We can also add new form field using the form editor. Wishlist Member Registration Form editor have three different sections for adding new form field to the Registration Form.

The sections are listed below

  • Standard Fields
  • WP profile fields
  • Special fields

These three fields can have plenty of options to add new form field in the Registration Form with customizable form field options.

Standard fields in Wishlist Registration form

We can add text boxes, Dropdown list and check boxes and radio button using the standard fields of the Registration Form editor. We can add details by editing the field in the form section.

Standard Drop down field in Registration Form

Standard Drop down field in Registration Form

WP Profile fields  in Wishlist Registration form

We can add Website, AIM, Yahoo IM, Google Talk and Biographical Info fields from the WP profile fields section of the form editor to collect user profile from the Registration Form. We can setup option by editing the particular field.

WP profile fields in Registration Form of Wishlist

WP profile fields in Registration Form of Wishlist

Special fields in Wishlist Registration form

And finally we can add terms and condition agreement text to the Registration Form using the Special fields option in the form editor. It has checkbox option to agree the terms and conditions for the membership registrations.

Special fields in Wishlist Registration Form

Special fields in Wishlist Registration Form

By using these options we can design our custom registration for the registration page of the individual membership levels. Finally click on save changes to use the same form in other membership levels. Now we have done the third option of the registration page from its five option setup mentioned above.

Registration Page SignUp text, Custom CSS and Captcha Setup

Wishlist Member gives the full control over the registration page customization for individual membership level in the system. Now we will see signup page text, Custom css for registration page and form and captcha option in registration page.

The signup text will be shown Immediately above the Registration Form in the registration page. It has two options. One for New member registration and another one for existing member login link.

Sign Up Instruction Text in Registration Page Wishlist

Sign Up Instruction Text in Registration Page Wishlist

We should add instruction text to in the signup page for new members by using the signup text settings in the registration page setup shown in the below image.

We can add registration page instruction by going here WordPress admin dashboard/WL Member options/Settings/ Registration Page/SignUp text.

Custom CSS and Captcha for Wishlist Registration form

The Custom Css option is used to style the registration page with background, text color and font differentiation between various parts of the Registration Form. We can add background image t the form fields if we know some knowledge in HTML. We can add custom Css codes by looking this path.

WordPress admin dashboard/WL Member options/Settings/ Registration Page/ Custom Css

Custom Css for Registration page in Wishlist

Custom Css for Registration page in Wishlist

Finally we can also add security captcha to the registration Page or signup page of the Wishlist Member membership site. we can enable captcha setting in the registration page by visiting this path. WordPress admin dashboard/WL Member options/Settings/ Registration Page/ reCaptcha.

Captcha setup in Wishlist Registration Form

Captcha setup in Wishlist Registration Form

We can have the link in the setup reCaptcha setup page which is used to find the public and private key for Captcha settings in the registration page of the individual membership levels.

We can add Registration Form to any page or post of the WordPress by using the short code option.

Registration Form Code:  [register_level] – This will embed a Registration Form into a page. This is useful for free Membership Levels. If you do this with a Paid Membership Level, it will allow free signups in the paid membership level. For paid membership registration we should use full integration function explained here.

Please note that within the registration merge code we will need to replace the word “level” with the name of the membership level name. Simply add those codes to the content section of a page or post editor in WordPress admin.

Conclusions

Wishlist Member has simple and full integration options for using Registration Forms. Simple integration used in free membership signup pages and full integration used in paid membership sign up pages.

Wishlist plugin allow complete registration page customization with five options Header/Footer, Signup Text, Custom Registration Forms, Custom CSS and reCaptcha.

This membership plugin can allow additional fields in the signup form by creating custom sign up form using the three pre defined file options like Standard fields, WP Profile fields and Special fields.

These sections helpful to add customer profile, dropdown list, check boxes and terms agreements in the Registration page of the individual membership levels. Share your experience in comments section.

Get the Free Updates and Access

If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators .

View all contributions by

{ 4 comments… add one }
  • Eyewebmaster March 2, 2013, 1:58 am

    We’ve actually configure our custom registration and it is really good because it benefit our members while they register to our site.

    Thank you for this tutorial.

    Reply
  • vinothkumar November 18, 2013, 2:39 pm

    Hi,

    I have used this plugin. Its works fine.

    I have updated all the above setting but I don’t know how to implement captcha field in registration form.

    Please help me!

    Thank You.

    Reply
  • android 10 tablet December 6, 2013, 12:10 pm

    I like what you guys are up too. This sort of clever work and coverage!
    Keep up the excellent works guys I’ve added you guys to my
    blogroll.

    Reply
  • Vintagegqu August 28, 2022, 2:31 pm

    among them acquired “Moral

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.