Links

Form Element

Create custom form fields
Add custom form elements to your funnel. Use these elements to build an email list, qualify leads, collect user information, build checklists, and more.

Adding form elements

  1. 1.
    Click the Add new element plus (+) icon at the top of the Editor page.
  2. 2.
    Drag the Form element widget to the step.
  3. 3.
    Click the widget one time to open the left panel.
  4. 4.
    Customize the element.
  5. 5.
    Click Save changes.
  6. 6.
    Click Preview.
  7. 7.
    Revise the form. (optional)

Customizing the form

Go to the left panel to customize the design and appearance of your element. Click the Basic and Advanced menu tabs, and you'll find all the standard tools here (e.g. alignment, margins, background color, etc.).
Pay close attention to two sections in the left panel: Input type and Props.

Input type

Click the field on the step one time and then go to the Input type heading in the left panel. This is where you define the kind of information you want to collect in the field.
There are seven input options.
Input type options
  • Add a checkbox to collect data or confirm statements. The red asterisk indicates a requirement. (optional, see below)
Add a checkbox to a form element
Input A fixed-width (and responsive) field best suited for short text answers. Scroll right to display overflow text.
Textarea Add a frame to support text-overflow.
Textarea input type
Radio Add one or more circles and create a list.
Number Users enter a number or use the arrows to increase/decrease the figure in the field.
Enter a number
Select Create a drop-down menu. The default setting is a list of countries. You can create a custom list of options.
Create a drop-down menu
  • Click Select and then scroll down to the Options heading. Click the field and select Custom. Add choices in the Value column. Click the Add option button to add items to the list.
Add values to a drop-down menu
Double input Create two input fields in the form.
Create a form with two fields
  • Click Double input and then scroll down to the Data type and Data type #2 headings. Click the fields and choose a type for each field.
Customize two input fields

Props

Scroll down to the Props heading to find important customization features.
Toggles
Use the toggle the switch to:
  • enable or disable the Required setting
  • show or hide a field label
Use toggle switches to add customize a field
Data type
Click the Data type field and add an address or shipping field to the form.
Placeholder
Use this optional feature to place helpful text inside the form field.
Last modified 6mo ago