Skip to content

Form Response Widget

The Form Response widget shows a form directly on a page so users can fill it in and submit a response without leaving the page. Use it when input is the main purpose of the page — for example, a contact form, an interest form, or an issue report.

When to use this

  • You want users to submit a response straight from the page
  • The page has a clear purpose: a task, a sign-up, or a contact request
  • The user should fill in the form once and then see a confirmation
  • You want to control exactly which fields appear, how they look, and where the user goes after submitting

How it works

The widget connects to a selected form and renders it inline on the page. You control which field groups and fields are visible, how the form is laid out (one long page, expandable groups, or step-by-step), and what happens after the user submits.

After submission, a confirmation view is shown. If the form is configured so a user can only respond once, an "already filled in" view replaces the form.

Add a form response widget

  1. Open the Design editor for your applet.
  2. Add the Form Response widget to the page.
  3. Open the widget settings.
  4. Select the Form the widget should use.
  5. Pick a Viewmode field groups option.
  6. Open Field settings and adjust per field group and field.
  7. Open Confirmation and configure what happens after submission.
  8. Save your changes.

Widget settings

Form

Select the form the widget collects responses for. The other settings — field list, field settings, and confirmation — are based on the form you choose here.

WARNING

If you change the form, the field settings are reset. You need to walk through Field settings again against the new form.

Show field for allow forward

Adds a toggle below the form so the user can send a copy of their response to an email address.

When the user turns the toggle on, two extra fields appear:

  • To — the email address the copy should go to.
  • Message — free-text message attached to the copy.

Use this when the user should be able to forward their own sign-up or receipt to someone else.

Viewmode field groups

Controls how the form's field groups are presented to the user.

ModeDescription
DefaultAll field groups are shown stacked on the same page.
Expand/collapseEach field group becomes an expandable section. Good for longer forms.
StepsField groups are shown one at a time with Next/Previous navigation — like a wizard.

TIP

Use Steps for longer forms where field groups have a logical order — the user gets less information at a time and more focus per step.

Field settings

Open the Field settings accordion to control which field groups and fields appear in the form. The list mirrors the form's field groups.

Field group

Each field group has a toggle that controls whether the whole group appears in the widget. Turn it off to hide the group and all its fields.

Field

Click a field to open its settings:

SettingDescriptionApplies to
ShowShow or hide the field in the widget.All fields
Display modeDefault (inline) or Dialog box (opens in a dialog).Single choice, Multiple choice
Link textText shown instead of the raw URL.URL fields
Class nameCSS class added to the field's container — for advanced styling.All fields
Field labelOverride for the field's label in the widget. Leave empty to use the form's label.All fields

TIP

Use Field label to adapt the wording per use case without having to change the form itself. The same field can be labeled differently in different widgets.

Confirmation

Open the Confirmation accordion to configure what happens after the user submits the response.

Download

Shows a download button on the confirmation view so the user can save a copy of the response.

Pick a page in the applet the user should be sent to after submitting. Leave empty to stay on the current page and show the default confirmation.

TIP

Send the user to a dedicated "thank you" page with extra info or next steps — it's a more guided experience than just showing a confirmation box.

Example

Scenario: You want to build a sign-up form where the user fills in contact details, picks a topic, and receives a copy at their own email.

  1. Create the Sign-up form with field groups Contact (name, email, phone) and Topic (single choice).
  2. Add a Form Response widget to the Sign up page.
  3. Select the Sign-up form.
  4. Set Viewmode field groups to Default so the whole form is visible at once.
  5. Turn on Show field for allow forward so the user can send a copy to themselves.
  6. Under Field settings → the Topic field, set Display mode to Dialog box to keep the page airy.
  7. Under Confirmation, turn on Download and set Navigate to page to Thank you page.

The user fills in the form, picks a topic in a dialog, can tick to forward a copy to themselves, and lands on the thank-you page with the option to download the response.

Tips

TIP

Keep only the fields you actually need in the widget — turn off the rest under Field settings. It keeps the form short and response rate high.

TIP

If the same form is used in several widgets, the settings don't have to match. You can show different fields and labels depending on where the widget is placed.

Common mistakes

WARNING

If a field group's toggle is off, none of its fields appear in the widget regardless of the per-field settings. Check the field group toggle first when a field is missing.

WARNING

The texts shown when a user has already responded (doneHeader and doneText) are set on the form itself, not on the widget. To change them, go to the form's settings.

WARNING

If the form requires login and the user isn't signed in, a sign-in prompt is shown instead of the form. Make sure the form's access rules match where the widget is placed.