How To Create A New Form Field When Customizing A Form


To add a new form field on a form, click on New Form Field button:





Clicking on this button will generate a new form field, where you can further add information and assign settings to:





Clicking Edit will display further settings:





In-Depth Look into Each Setting


In general, customizing forms is not something we recommend if you are not a developer, however, these instructions should help if what you are trying to accomplish is a very simple change like adding a text field for members to add some sort of custom data.


Field Label Name:





This section is the area where you add the label/name of the information you want your members or visitors to submit via a new form field. Here is how it looks on the front-end:





Database Variable Name:


This section is the area where you can add the variable name of how you want this particular data to be stored in the database of your site.  If you create a field without this information, when members submit the information, it will never be stored or saved. 


Its important to note that all existing form fields have a database variable and those should not be changed unless doing so for a very specific purpose knowing all consequences that can happen by doing so. 


This is where you would add the database variable: 





Its important to know that all database variables should only contain lowercase characters and there should be no spaces in the variable name, if you need to use more than one word for the variable please use underscores to separate them.


Field Type:


This section of form fields is where you can determine the type of form field you would want to create:





Down below, you will find an article where we talk about different type of form fields you can create with little or no coding knowledge: 


In-Depth Look Into Each Field Type


Required:


This form field section is specifically designed to determine whether or not a field is required to submit the form:





Here is how it looks on the front-end:





Placeholder Text:


This section allows you to add text inside the field that will be filled out:





Here is how it looks on the front-end:





Field Instructions:

This section allows you to add text under the field that will be filled out:





Here is how it looks on the front-end:





Default Field Value:


This section allows you to add a pre-filled section on the form. This is particularly useful incases when you want entice members to select a specific option.





Here is how it looks on the front-end:





Enter CSS Class: 


This section allows you to add custom CSS classes to enhance the design of your fields. This is particularly useful for developers/web designers. If you are not familiar with CSS we do not recommend using this field:





Here is how it looks on the front-end:





Outer Element ID:


This section allows you to add custom ID element to your field. This is particularly useful for developers/web designers, as this allows you to add further CSS to this specified form field.





Here is how it looks on the front-end (on inspect view on your browser):





Now you have a unique ID, you can further assign custom CSS rules to this field:





This custom CSS rule can be added on your website Custom CSS/HEAD section which is under Settings --> Design Settings:





Show In Display View?:

This section allows you to decide whether or not the data entered in the field you created will show up in the front end of your site by selecting "Yes" or "No". Important to note that this particular setting does not apply for all forms. Some forms may require additional customizations for variables to show up in different areas. This setting is mainly for the "Listing - Additional Details - Member" form.





Show In Input View?:


This section allows you to decide whether or not the field you created will show up on the form your customizing by selecting "Yes" or "No". This is particularly useful incases when you want  to create fields that you know you will need in the future, but you don't want your members to fill them out yet. 





Show In Email View?:


This section allows you to decide whether or not the data entered in the field you created will show up on emails. This is particularly useful if you find an email template including information of a field you created but you do not want that information to be shown on an email template message at the moment. So you can look for the field in the form and set it up so that the data associated with that field does not appear in emails. 

 

An example of this could be lead emails, by default members get email notifications about leads, in that notification they usually can see the lead's name, if you didn't want the lead's name to appear, you could find the form where the lead was submitted and change the name field to not display in emails.





Show In Preview View?:


Before sending off any manual email to your members the system pops up a preview of what that email will look like. This section allows you to decide whether or not the data entered in the field you created will show up on email previews.





Show In Table View?:


Many times after submitting a form, that data is collected in a module of our system. That module then displays in an organized fashion that data so that the admin of the site can easily manage it. We use tables to organize the data in our modules. This section allows you to decide whether or not the data entered in the field you created will show up on tables in the admin.





Separate Options With Commas:

This particular option is meant to be used for all multiple choice type fields (Dropdown Select, Checkbox Select, Radio Select). Essentially it allows you to add a list of options which you can then format to be used as a drop down where members can select one option out of the list or checkbox where members can select multiple options from the list.





Here is how it looks on the front-end: