Screen Shot 2017-02-16 at 1.46.27 PM

 

Form widgets allow user input to be sent to any email you want. The Field widget has three types (selected via the Preferences Toolbar): Text, email and phone. For each field, you can define whether it is required and whether its data should be validated. You can also define the text of the alert that will be displayed to the user in case he/she tries to submit a form which fails to satisfy those requirements. Here is an example of a fully-defined e-mail field:

 

Use the Submit widget to create a “send form” button that will send all the fields on the page as a single lead. You can also define a subject line for the email. The email will include all of the entered information in table format.

! Note: use the URL field to control how the data are sent to the server. Use GET unless you know for a fact that you need to use POST.

 

Here is an example of two name fields and an email field with a Submit button:

field and submit submit button

 

And here is how to define that Submit button:

 

! Note that if there is no address in the Submit button’s email field, the Submit action won’t work. Please also note that forms do not keep entered data when you navigate away, meaning there should be a Submit button on the same page as the fields.

! Tip: ‘Verify’ and ‘Required’ features:

  1. ‘Verify’ means you check that the entered string is of the correct format. That means, in our case, a minimum of seven characters for phone number, and a basic email format for email address. There is no ‘Verify’ option on the text type since it’s a free text.
  2. ‘Required’ checks that the field has a string in it, and won’t submit the form until the user has entered text.
  3. Both of these checks are performed when the user clicks ‘Submit’, not when the focus leaves the field.

The text of the ‘Verify’ and ‘Required’ error messages must be manually entered when creating the ad, otherwise, an empty error message will appear. Here is an example of an error message generated when trying to submit the form without entering anything in the email field we saw in a previous example:

field and submit previous example

! Note that you cannot define the appearance of these messages; they are controlled by the platform (browser or mobile application).

The fields’ placeholder texts and entered texts can have different colors, but the font, alignment, and direction are controlled jointly from the entered text section.

Was this article helpful to you?

Comments are closed.