Get Started

Forms

There are two types of forms on Flexbe:

All forms are made of required and optional fields; required fields are marked with an asterisk (*).

To make any field required, swith on the Required field toggle in the field settings.

Open forms

Open forms display all fields at once. Visitors can fill out these fields right on the site.

You can make quite complex forms using the grouping feature.

To do that, add Group in row or Group in column element to your form. Then add and nest any number of fields to the group.

If you want to show the label of the group, then name it in the group field Settings and click the eye icon to the right of the Label field.


Pop-up forms

Pop-up forms are modal windows that open with clickable elements on the page.


How to add a form

There are three ways to add a form to your site:

  • 1 Click a blue plus icon below any element and choose a Vertical or Horizontal form on the list.

  • 3 Go to the Popups tab on the upper panel and click Add pop-up to open the catalog with different types of pre-made forms.


How to set up an open form

To edit an open form, just click on the element. It open the settings menu with the Form, Field style and Goals tabs.

Use the Form tab to create and adjust form fields, to add field descriptions and placeholders, to ser default values or mark fields as Required.

Go to Field style to set up the look of different fields, their titles, etc.

In the Goals tab, you can name your form, set a specific goal, enter its ID or insert some custom goal.

By default, the platform can submit the following 10 events:

  • add_to_cart — a visitor has added a product to the cart
  • quiz_start — a visitor has started a quiz
  • form_open — a visitor has opened a modal window (form)
  • product_show — a visitor has opened a modal window (product description)
  • order_done — a visitor has opened a modal window ("thank you" window)
  • modal_open — a visitor has opened a modal window (another type)
  • modal_close — a visitor has closed a modal window
  • link_open — a visitor has followed a link
  • file_load — a visitor has downloaded a file

Use these events to set custom goals. If you want the goal to trigger in Google Analytics, then create a goal following these instruction.

You can aslo set your own ID in the Goal name field. In this case, keep in mind that both goals, on your site and in your Google Analytics account, should have the same name.

Enter Custom code of the goal if your are using another analytics system.

If you don't need goals, just leave these fields empty.


How to set up a pop-up form

To edit a pop-up form, click the element that should open a pop-up form, for example, the BOOK NOW button.

In the button menu, find Action on click and choose Show pop-up, then click Select popup.

It opens the list of various pop-up templates: free pop-ups, thank you windows. Choose one that suits your needs best.

Then you automatically return to the button settings menu. Here click Edit to add more fields and customize the pop-up style.


NOTE

If several buttons on the page use the same pop-up window, then changes to a pop-up for one button will automatically apply to all the duplicates of this pop-up on the page.