About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Create a new form

You are here:
Estimated reading time: 1 min

Please follow our steps below to create a new form

Step 1: Add a new form

  • From the app admin page > go to Forms > click on “Add a new form” button

  • Then a popup will appear and you can choose one of the pre-built forms

Note: You can also start to create a blank form by choosing Blank form on the list.

Step 2: Start building a new form.

In this article, I use the Contact pre-built form as for example.

We divide the building form page into several parts:

  1. List of elements and settings for the current form
  2. Form title ( this title will not display on the front store)
  3. Desktop and mobile preview
  4. Form preview
  • To add more elements, click on the Add elements button in section 1. The list of available elements will appear.

  • Select the element that you want to add to the new form

  • Click on the element, available properties setting for the element will be displayed

(Note: Available properties setting will correspond to a type of element)

Datetime element

Text element:

Some general settings for elements as below:

 – Hide label: The label above the form field will be hidden 

If the Hide label settings, the checkbox Keep position of label will show up, tick on it of you want to leave the space of label on the form

 – Required: Customers must fill out the field to submit the form

If the setting Required is enable, the checkbox Show required note if hide label? will show up 

 

Select icon

Click Select icon button to add a icon for the field. The icon will show up in the placeholder of the field

 

Column width: select one of 3 option to decide the width of the field on the form

  • Finally, click the Save button to complete a new form.
  • After saving the form, use the shortcode to embed your form on any page that you want to display

Learn more about displaying your form on the front store

If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address apps@globosoftware.net

We are always willing to help with all sincerity!

Was this article helpful?
Dislike 1
Views: 1147