Embedding form values into content allows you to display user inputs. This can improve usability, increase transparency, and reduce errors before submission.
When to embed form values
Use embedded values when:
You want to personalize content based on user responses.
You’re building a form summary or preview for review before submission.
Avoid embedding values when:
The form is very short, with only one or two fields.
Inputs are non-critical, or already visible in the original form.
You're not providing a review step or custom confirmation.
Guidelines
Do:
Use embedded values to display a summary of answers for review.
Allow users to go back and edit inputs if something looks incorrect.
Use this technique with multi-step or long forms.
Don’t:
Repeat values unnecessarily for simple, single-page forms.
Show content that duplicates what’s already on screen without adding clarity.
Displaying form values on a step prior to the preview Step
In some cases, you may want to show a summary of answers before the site visitor reaches the final preview or submits the form. This early review step helps users catch and correct mistakes earlier in the process.
How to configure this in Drupal webform:
Navigate to Structure > Webforms > Forms and locate your webform by typing its name into the search.
Open your webform and navigate to Build > + Add page to create a new step in the form.
After creating the page, select + Add element within that step.
In the Select an element popup, select the Basic HTML element.
In the Basic HTML element, use Webform tokens to dynamically pull in values entered by the user.
Common tokens you can use:
[webform_submission:values:name][webform_submission:values:email][webform_submission:values:reporting_address]
Example of a basic HTML element with form values embedded
Need any more help?
If you have any questions, or require assistance with anything mentioned in this article, submit a request via the webform.