Dynamic Input Values In Form Steps | Fluent Forms

Fluent Forms allows you to populate input values which is very useful for a multi-step form.

  • The user entered his name in the first phase of the form, and after that, we then welcomed him in the second step by dynamically populating input values.
  • First, create a multi-step form. Learn more about creating a multi-step form with Fluent Forms here.
  • For this article, I have created a multi-step form with Name input in the first step.
  • A smart code sample can be found at the bottom right of the HTML input areas.
  • Using the Smart codes, you can show the content of the previous input.
  • And to do this, use the {dynamic.YOUR_INPUT_NAME} where YOUR_INPUT_NAME is the Name Attribute of the input field you want to populate (get this concept from the below screenshot)
  • You must click on the Input Field (e.g., Name Field here). After clicking on the field on the right side of the page, you will see Advanced Options, where you will find the Name Attribute of the Input Field.
  • In the HTML content field, write the SmartCode to greet the user in the next phase.
  • Here “names” is the Name Attribute of the Name Field.
  • After all that, we will Save the Form & Preview the Form.
  • The Form will be like the below screenshot –
  • And that’s it. You may also use Name Attributes to populate email and other input fields.

Was this article helpful to you?

11 9

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket