Rename Default Fields

Overview

You can customize the forms for your site by changing the name of fields in the default forms.

How To Use

We will be using a phone number field as an example. To edit the default field names for your form, you must do the following:

• Edit the label text
• Edit the field name

We recommend matching your label text with your field name as the field name is used in the generated email notifications.

<!-- Default Phone Field -->
<div class="form-item">
  <label>Phone</label>
  <input class="form-control" name="contact[phone]" type="text" />
</div>

Label Text

Edit the text within the <label> tag to change the label text.

<label><!-- Your Phone Number --></label>

Field Name

Edit the field name by changing name="contact[phone]" to your desired phone number by inputting the numbers in between [] as seen here as name="contact[your-phone-number]".

<input class="form-control" name="contact[your-phone-number]" type="text" />