Dynamic Input Values In The 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.
  • At 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 that has Name input in the first step.
  • In the second step, use a custom HTML input field to populate the name input data.
  • 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.
  • You can easily get this concept from the below screenshot
  • You have to 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 would 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?

8 4

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