Dynamic Input Values In The Form Steps WP Fluent Forms

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

Dynamic Input Values In The Form Steps WP Fluent Forms

In the first step on the form, the user entered his name and in the second step we are welcoming the user by dynamically populating input values.

At first, create a multi-step form. Learn more about creating a multi-step form with WP Fluent Forms here.

For this article, I have created a multi-step form which has name input in the first step.

Dynamic Input Values In The Form Steps WP Fluent Form

To populate the name input values in the second step, take a custom HTML input field You will notice a smart code example at the bottom right of the HTML input fields.

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 attributes of your the input field you want to populate.

name attributes fluent forms

Now write the smart code in the HTML content area to greet the user in the next step.

Write the smart code in the HTML content area

Our second step of the forms will be like the below screenshot with the above greetings.

And that’s it. You can also populate email and other input fields with their name attributes.

Was this article helpful to you?

5

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