Contact Form Seven CF7 Multi-Step Pro Documentation

Hello,

Here is the documentation of Contact Form Seven CF7 Multi-Step Pro 

*Make sure you have installed Contact Form 7, get it here https://wordpress.org/plugins/contact-form-7/

The backend looks like below

  1. Add a new step

  2. Show an answer from a previous step

  3. Preview the full form before submit it

  4. Settings for background and text color

  5. Enable progress bar feature

 

  1. Add a new step

  1. Add step name
  2. Back, next button titles
  3. “Insert Tag” button

Note: By default, in the last step, the submit button is located on the left side. To make it float to the right, please add a submit button like this:

<p style=”float:right”>
[submit “Submit”]
</p>

  1. Show an answer from a previous step

  1. You can enter only one field name here.
  2. Enter an ID or Class attribute for adding CSS rules later (optional)

Note: If you use checkbox, please add”-cbmls” into checkbox name (e.g: checkbox-123-cbmls)  so that Njt Answer can recognize and display it.

  1. Preview the full form before submit it

  1. Enter a title for the preview button
  2. Enter an ID or Class attribute for adding CSS rules later (optional)
  1. Settings for background and text color

  1. Back button colors
  2. Next button colors
  3. The “Back” button in the last step is automatically inserted by default. Therefore, you should change its title here.
  4. The last back button colors
  1. Enable progress bar feature

  1. Tick the checkbox to enable the progress bar feature
  2. Enter custom titles

Note: Your form must have at least two steps in order to use this feature. If there’s only one step, it will look like this.


If  you have any question, please submit a ticket at Our Support Portal or feel free to chat with our support team at Our Official Facebook Page

Many thanks for coming with us!

Ninja Team