Can I Add Additional Fields to My Customer Registration Form?

Add Additional Fields to My Customer Registration Form

Yes!

When viewing a customer record, there are three additional fields that can be used to store specific customer information. Typically, this is information you (or your staff) enter after the account is created and you've had dealings with the customer. However, some merchants may want to collect that data during the customer's registration and have it saved to the customer record by default.

The code shown in this article can be added to your customer registration HTML template to ask for up to three pieces of information and have it automatically added to the customer record.

Please Note: The information in this article is provided solely as a courtesy and to offer basic instructions on making very simple changes to your store's HTML templates.

Please understand that - regardless of how simple the changes may be - HTML changes and troubleshooting fall outside the scope of our support department. The Shift4Shop support team is neither trained, qualified, nor allowed to make these changes for you. The boundary of our scope in this matter is limited to providing these instructions and helping you reset the template if the changes don’t work as you wanted.

If you are uncomfortable with making changes to your site’s HTML, please contact your sales representative and inquire about our HTML and design services which can make these changes for you.

Thank you for your understanding.

Log into your Shift4Shop Online Store Manager and, using the left navigation menu:

Go to Settings > Design > Themes & Styles.

This will show you a listing of all the available templates for your store's installed theme.

2. Look for a registration_0.html template in this list and click on its Edit button.

You will be presented with the HTML coding for the main registration page template. Using your browser's search function (CTRL-F), look for the following code:

 <span class="required-indicator"></span>  </label> </div>

3. Immediately after this code, add the following coding and save the template:

<div class="loginField col-xs-12"> <label for="" class="validation-field"> <input name="additional_field1" type="text" id="additional_field1" maxlength="20" size="25" tabindex="6" class="form-control txtBoxStyle" placeholder="Field 1 Question"/> </label> </div>  <div class="loginField col-xs-12"> <label for="" class="validation-field"> <input name="additional_field2" type="text" id="additional_field2" maxlength="20" size="25" tabindex="6" class="form-control txtBoxStyle" placeholder="Field 2 Question"/> </label> </div>  <div class="loginField col-xs-12"> <label for="" class="validation-field"> <input name="additional_field3" type="text" id="additional_field3" maxlength="20" size="25" tabindex="6" class="form-control txtBoxStyle" placeholder="Field 3 Question"/> </label> </div>

In the code above, be sure to edit Field 1 Question, Field 2 Question, and Field 3 Question to reflect the data you're looking to collect. For example, Question 1 can be Date of Birth, Question 2 can be Favorite color, etc.

Also, if you don't need a particular additional_field, omit it from the coding above.

Your new field should match the rest of the registration form and any information that the shopper enters upon registration will be written to the customer's record in the "Additional Field 1" portion of their customer record.