How To Edit & Add Form Fields

To add a form to your page - click on the Widgets icon and then on the FORM widget and drag it onto your page.

EDIT THE SETTINGS OF A FIELD

Click on the gear icon to the right of your field and a window will open to edit:

These are the following fields that can be edited:

1) Description - If you would like to add some extra wording under the Field Name.

2) Placeholder - This will appear in the box in a light colour if you choose not to name the field above the box.

3) Map to CRM Property - This is very important. It will match with the contact property in your CRM. Click on the dropdown and select the matching CRM property there. See below screenshot:

PLEASE NOTE: We do not have the "First Name" and "Last Name" CRM properties - Your field would be "NAME" and mapped to the property "Name" as per below. 

You would still be able to 1) Filter "First Name" and "Last Name" in your CONTACTS and 2) Use "First Name" Personalization TAGS on your pages (ie. Thank you page and Membership welcome pages AND in your emails (subject Line and Email body content).

PLEASE SEE RELATED ARTICLES BELOW 

4) Add Prefix Icon - This is optional, check the circle and then click on the grey area, this will show all the icons and you can select from there. If you don’t want the icon option, uncheck the circle.

5) Required Field - Check the circle if this field is mandatory for your user to complete. This would normally apply to name and email and any other fields that are important to you. The user will not be able to submit their form without the “required field” filled in.

HOW TO ADD A FIELD

Click on the + button and the window with all our predefined properties will show.

Click on the field you would like to add and it will appear in your form, then go and edit them accordingly as per the above instructions.

Please see our related article below (see bottom of page) on how to add “Accept Terms & Conditions to your Forms" (with a clickable link) in your form” AND related article below on "How to add a NEW CRM PROPERTY".

Common Fields

You have the following options to collecting data from your users:

- “Text” and “Text Area” Fields. Selecting 1 of these 2 fields will give you the option of typing whatever you want in the field. Once you’ve added the field - highlight over the wording and enter your wording.

- “Select” Field. Gives you the option of asking a question, your users will click on the dropdown arrow and select one of the options/answers you have set for them. Add the field, edit the name then click on the pencil and enter the answer wording "Options" there.

- “Radio Button” Field. Buttons are all visible on the form and are used when there is a list of two or more options and the user must select one choice. Add the field, edit the name then click on the pencil and enter the answer wording "Options".

- “Date” Field. Ask a question ie. What is your preferred date? User will click and find their date in the dropdown calendar.

- “File” Field. You could ask your users to upload a document / image. They click on “choose file” and they can upload files from their device.

- “Google reCaptcha” Field.

- “Section" Field. Adds a section where you enter some information at the bottom or anywhere on the form.

Preview of the Form Fields as set above:

Re-arranging / Deleting of Form Fields

1) If your form is starting to look a bit long you can edit the size of the fields by making them 1/2 width ie. Two fields one 1 line. Or change back to full width by clicking the "2 arrows icon"  (resize) on the right hand side of each field.

2) To move the fields around in the order you would like them - click on the icon with 6 dots (move) on the lefthand side of each field and drag it up or down to place it accordingly.

3) You can also delete a field by clicking on the trashcan icon (delete).

Please see the below video tutorial which includes Form Fields ⬇️

Please see these related articles: 

- How to Add a NEW CRM PROPERTY

- Add “Accept Terms & Conditions” to your FORMS

- Form Settings & How to Set Up Forms

- How to Add a Personalization "First Name" Tag Within Your Emails

AND Check out examples of forms in our DEMO Site here: https://demo-site.shinepages.com/form-examples