Configure contact form

After the user has gone through the selector, the result page is displayed. From there he gets to the contact page / contact form. There are three types of contact form:

• Freely configurable (standard contact form)
• Custom
• widget

If you are not yet using a contact form, you can create your own using the standard contact form - this is integrated directly into the contact page. If you have already created an internal contact form, you can embed it in the contact page via URL. If you have programmed a contact form, you can embed it as a widget on the contact page.

Standard Contact Form

You can use a standard contact form under the menu item Form Page> Add Form Page. You can use various contact form fields (Form Fields) to query the contact information of your prospective customers. You have several design options for this. You can find an overview of the individual fields below in the section Add form fields.

Configure contact form (Form Page Configuration)

First define the title of the page and the name of the button with which the contact form is sent.

The user interface looks like this:

1. Meta Name: Name of the contact form in the backend.
2. Url Endpoint *:
3. Form page title: Title of the contact form page
4. Send button label: The label for the “Send” button
5. Form page top text: Text above the contact form (optional)
6. Form page bottom text: Text below the contact form (optional)

To add new fields to the contact form in the second step, click on the Add Form Field button and select the desired field. Similar to the questionnaire, different input field types can be used here.

The following input options are available:

• Text Field: Select this option for a single line of text, such as name, email address, or phone number.
• Text area: Select this option for longer, free text input, for example for a comment field.
• Checkbox: A checkbox can be labeled, stored with a value to be transmitted and set as mandatory or optional.
• Hidden: In a hidden field you can use Input Name and Input Value to transmit information when submitting the contact form, which should not be displayed to the customer when filling it out.
• Dropdown: The customer can choose from several input options. You can create the drop-down list via Configure Value List. The following example explains how to create the value list.

Example: Configure Dropdown

1. Language: If you use the selector in several languages, you can choose the language in order to enter different field titles and values.
2. Label & Value: You can use the configuration of the input value list to enter the various input options (label) and store a value (value) that is to be transmitted with the input.
3. Add list item: Add new dropdown items.
4. Select file: You can also make this assignment by uploading a two-column CSV file.
5. Cancel & Save: Finally, save or cancel your changes.

Adding Form Fields

The form fields are freely configurable.

The user interface of the form fields looks like this:

1. Add Form Field: Add another contact form field.
2. Drag and drop: Change the order of the fields in the contact form using drag and drop.
3. Type of Form Field: There are different types of fields in the contact form. The used Form Field type is displayed.
4. Arrow Dropdown: To edit the field, open and close the entry with a click.

1. Form Field name: The form field type and the preview of the field label are displayed here.
2. Input name: The technical name stored for this field, which is transmitted when the form is sent. This input can be important, for example, in the Configuration of lead management via email .
3. Input label: Labeling of the input field in the contact form.
4. Input value: A value entered here is transmitted together with the input name when the form is sent and can also be used for Lead control .
5. Input Explanation Top: Explanatory text above the input field (optional).
6. Input Explanation Bottom: Explanatory text below the input field (optional).
7. Required: Fields can be required or optional for the customer. Mandatory fields are automatically marked with an asterisk in the selector.
8. Delete: Remove the open form field.

Example: Standard contact form

In the front end, for example, the user will see such a contact form with the entries listed:

Was this article helpful?

1 0

How can we improve this article?

How Can We Improve This Article?

Send