One of the most important features of KickoffLabs is the ability to collect much more than just an Email address. One of ways you can do this is by using custom forms. These can be added directly to your landing page from within the page editor. Let’s take a closer look at custom forms (using the Classic designer? Click here!):

In the drag and drop designer:

What you can add: 

  • Single line text field
  • Paragraph text field
  • Multi-choice checkbox
  • Multi-choice radio button
  • Dropdown menu
  • Hidden fields

To add a custom field to your form:

  1. Access the page editor.
  2. You will need to have a form snippet on the page. If you don’t have one, click Add Content on the left menu (little plus sign), select Forms from the dropdown menu, and drag a form snippet over to your page.
    Screenshot_10
  3. Click anywhere in your form snippet and then click the “Edit This Form” button that appears, this will open the form editing window.
    Screenshot_5
  4. From the form editing window click “Add New Field”
  5. Select the form type that best suits your needs from the available list
    Screenshot_7
  6. The next screen will give you options to customize your form field. The options vary with each type of field. Click “Add Form Item” when you’ve finished setting things up
    Screenshot_11
  7. Be sure to click “Save Form” when you’ve finished making your changes.

Managing your form:

  • To edit your form styles, follow steps 1-3 above, then click “Edit Form Styles”


    In the Styles menu, you can update your form colors, as well as the border style. You can currently choose from
    Square

    Rounded

    or Pill style input fields.
  • You can re-arrange multiple form inputs by hovering over a form item (this will  highlight the selected input green). Left-click and drag the input to change it’s position
  • Clicking on an input in the list will bring up the options to Delete or Edit the form item
  • Always be sure to Save Form after making any changes!

Other important things to note:

  • When adding items to a dropdown menu, be sure to include only 1 item per line.
  • It’s also important to note that the dropdown menu option cannot be made into a required field. This is because the dropdown menu will always default to the first entry whether an option is selected or not. For this reason, we recommend adding either a dashed line or a line of helper text as the first option. (In the drag and drop editor, this would be your “Placeholder” option.

Screenshot_13

In the classic designer:

What you can add:

In the classic designer you have several different custom form options.

  • Single line text field
  • Paragraph text field
  • Dropdown menus
  • Single response checkbox

1. To add a custom form field to your non drag and drop page, first access the page editor.

2. On the left menu panel select the Form tab:

Screenshot_15

3. Use the blue form field icons to choose the type of form field you’d like to add to your page. Be sure you name each form field something different (no 2 fields can share the same name). You can also select a name from the available list.

4. When you’ve filled in all the options, click “Add Field”

Screenshot_8

5. You can click and drag the form field up or down in the list to change it’s position in the form

Screenshot_9

 

 

You can easily access all of your custom form information from your data export or within each individual’s Lead Card.

 

If you need more assistance creating your custom form, please don’t hesitate to reach out to us at support@kickofflabs.com