Progress Bar for Contact Form 7 | Fortuner | contact form 7

Progress Bar for Contact Form 7 | Fortuner | contact form 7,progress bar

Description

A clean look progress bar for Contact Form 7 forms. Supports text, select, radio, acceptance fields. Checkboxes are not trackable, maybe available in future releases.

How to use?
Use shortcode

[cf7-progress-bar bar_fields="" form_name=""]

anywhere on page where form exists. Shortcode attributes (bar_fields and form_name) are necessary for progress bar.

Bar Fields:-
Progress in the form is tracked by the events occuring in these fields. It’s parameters include only the name of the fields separated by pipe sign (|). Example,

bar_fields="your-name|your-email|your-subject|your-message".

Form Name:-
Say the name of the form in it. Example, form_name=”form546″.

How to find name of the form?
Add html_name to contact form 7 shortcode. Example,

[contact-form-7 id="47" title="Contact form 1" html_name="form545"]

Supply this name to form_name in [cf7-progress-bar] so progress bar knows which form to track.

Other attributes:-
color=”#000000″.This is the color of the progress bar. This is also kinda important.

Installation

Upload the CF7 Progress Bar to your blog, Activate it.
And You’re done!

Plugin author

Fortuner

Plugin official website address

https://wordpress.org/plugins/cf7-progress-bar/
If you encounter problems in using the Progress Bar for Contact Form 7 plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published. Required fields are marked *