Provide a Detailed Summary to Your Respondents Using Form Fields

Form respondents like it when they receive a confirmation of what they just filled out, especially with order forms. It’s always a good practice to provide a review/summary of what they just ordered, either before or after form submission. Jotform offers a variety of ways to achieve this:

• Use a Text Field to reiterate their order right on the form.
• Adding the Preview Before Submit widget, so they can review their selections before submitting.
• Use the Thank You Page to provide a detailed summary after submitting the form.
• Sending Autoresponder email.

This guide will focus on adding the Form Fields to display a quick summary of filled fields.

Note that form fields added to the text field, thank you page, and email templates are always enclosed within curly braces, {form_field}.

How to Insert Form Fields to Text Fields

This was explained in great detail on this guide: Pass an Input Field to a Text Field. But, to sum it up:

1. Add a Paragraph element to your form.
2. Click the Edit Text icon.
3. Place your cursor to the section where you want the field to be inserted.
4. Click Form Fields and select the field you wanted to add.
5. Finally, click the Save button to save the changes.

How to Insert Form Fields to the Thank You Page

A quick look at this guide will give you an overview of Setting Up the Thank You Page. To insert Form Fields within the body of your Thank You Page, do the following:

1. Navigate to the Settings menu at the top.
2. Click Thank You Page on the left.
3. Select Show a Thank You Page after submission.
4. Place your cursor to the section where you want the field to be inserted.
5. Click the Add Field button
6. Go to the Fields tab.
7. Click the field you want to insert.

How to Insert Form Fields to Email Templates

You’ll most likely do these with your Autoresponders, but if needed, you can also do this with your Notification Email. This guide shows all the things you need to edit your email templates: How to Edit the Email Template for Notifications and Autoresponders. The approach will be similar to how you insert Form Fields to the Thank You Page.

1. Navigate to the Settings menu at the top.
2. Click Emails on the left.
3. Hover your mouse over the template you want to edit, and click the Pencil icon.
4. Place your cursor to the cell where you want the field to be inserted.
5. Click the Form Fields menu and select the input fields you wanted to insert.
6. Once you’re done, save the changes by clicking the Save button.

Note:
The Form Fields ▼ menu will only display fields that were added to your form, and it will only display Input Fields. Input fields are the ones your users fill out, so the Header, Image, Text fields, or any other non-input fields won’t show up here. So, if you need to add these non-input fields as a part of your email template, you have to manually copy/paste them within the Email Content body.

Do you have other ways of utilizing this feature? Share them in the comments section below.