DeveloperTutorialsForms

Two Stage Registration Forms

Two Stage Registration Forms

Ensure your users aren't deterred by large registration forms

The idea of a two-stage registration form is to request a user sign up with only an e-mail address or limited details, and then ask for more of their details on a second page.If the user doesn't complete the second stage of registration, at least you have some limited information to add them to your member database.

Keep Your Database Clean & Valuable

In an ideal world, you'll know at least these details about each of your members:

  • First Name
  • Last Name
  • E-mail

Requesting these details will ensure your database stays clean and personalized. If you only use an e-mail address to sign up new members, you'll end up with a database full of members with no names.

The Registration Form

As an example of a two-stage registration form, this article will examine a form which requests an e-mail address, first name and last name from the user, and then their full address details on a second page after they've sign up.

The first stage registration form: This form would be placed either in the website design, or on the first page of the two page registration process.

The important aspect of the above form is the onsubmitredirect="" attribute on the form tag.

The second stage registration form:

After adding the above code to your second page, you'll need to add some server code to properly re-direct the user back to the page they were originally referred from. If you don't want to redirect the user, simply leave the onsubmitredirect="" attribute blank (or redirect to a success page) and don't worry about the below server code:

*Note: To access the server code for a page, simply open the page with the page editor and select the "Server Code" tab towards the top of the page.

Share This Tutorial: