Velo Tutorial: Creating a Custom Registration Form with Code

When you add membership functionality to your site, you receive a default form for registering site visitors as site members. Sometimes the standard form doesn't meet the specific needs of your site. In this article, we demonstrate how to build a custom registration form that you can design to match your site's branding, and use it to collect specific information from your site visitors in the registration process. Here we create an example custom registration form for a store called The Tall Shop.

To create a custom registration form we:

  1. Enable custom site registration using Velo Forms.
  2. Build a custom Velo Form with input and design elements.
  3. Set up the custom fields and labels in our site's Contact List.
  4. Write page code to perform membership registration using the information captured from our custom form.

Prerequisites

Make sure you’ve added a Members Area to your site.

This article assumes you are familiar with the following:

Step 1 | Enable Custom Site Registration

To get started, follow the steps below to enable custom site registration using Velo forms.

  1. Add a popup to your site. In our example, we name our popup Custom Registration Form.

  2. Navigate to your Pages on the left side of your editor. Under Signup & Login, click Member Signup Form.  

  3. In the dropdown menu, change the default form to Velo Form, and link it to the Custom Registration Form popup we created earlier. This step changes the default member signup form to the Velo custom registration form. Also, disable Only allow backend calls for Signup and Login APIs.