Search through more than a hundred articles on every aspect of User.com

Michał Brożyna
Written by Michał Brożyna

Form and Modals: correct preparation of input

Allowing information to be collected via forms


How does it work?

If you want to gather information via the forms created in User.com app, do so with the correct preparation of input. 

Case Study

First, please go to Tools -> Pop-ups -> Create Form.

From the drop-down menu located on the left side, in "Edit form", above the text field, you have the option of selecting one of several attributes, among them, default attributes such as: Email, First Name, Last Name, Phone number, and those created by the user.

By selecting one of the options, a snippet code is automatically added to the text field.

Based on the code added, the input visible on the right side of the form preview will be generated. The code added will accept most of the standard attributes added to the usual input: style, class, placeholder, etc.

The exception is the name and attributes type that are generated based on the code you added earlier.

The example of added code snippet:

[:first_name class="ue_input"]

Example of the code:

[:first_name class="customField" placeholder="Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Name'" style="text-align: center"]

Categories: