Contact Form 7 Multi-Step Forms wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | Contact Form 7 Multi-Step Forms |
| Version | 1.4.3 |
| Author | Webhead LLC. |
| Rating | 84 |
| Last updated | 2014-12-22 03:04:00 |
| Downloads |
15497
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
Contact Form 7 Multi-Step Forms plugin added 2 kB of resources to the Home page and 2 kB of resources to the sample Post page.
Contact Form 7 Multi-Step Forms plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! Contact Form 7 Multi-Step Forms plugin ads no tables to your Wordpress blog database.Note: If you have a caching plugin or on a host with aggressive caching (i.e. WPEngine), this plugin may not work for you. See FAQs for more details.
I needed a contact form that spanned across multiple pages and in the end would send an email with all the info collected. This plugin does just that. This plugin requires the Contact Form 7 Wordpress plugin.
Sample of this working is at http://webheadcoder.com/contact-form-7-multi-step-form/
Usage
I write horrible instructions, but luckily Michael at RoseAppleMedia understood it and created a great tutorial!
Instructions:
Create a contact form 7 form as you normally would.
Add a hidden tag named "step" with the value being -. For example, if you have a 5-step form and you are creating the first step, the form would need:
[hidden step "1-5"]. The last form in this example would need:[hidden step "5-5"]In the "Additional Settings" textarea at the bottom of the form editing page, add in the location of the next form. If the next form is located on my-second-page on example.com you would add the following all on one line to "Additional Settings":
on_sent_ok: "location.replace('http://example.com/my-second-page/');"Repeat steps 1 - 3. On the form that will actually send a email, do not do step 3 unless you want the form to redirect the user to another page.
In a contact form, to retrieve fields from previous forms you can use something like [form your-email] where "your-email" is the name of the field from the previous form. This would be useful on the last step where it is confirming all the info from previous forms.
In a contact form you users may want to go back to a previous step to change some info they entered. To allow the user to go back, add the [back "Previous Step"] button to the form.
Additional Info The hidden field is taken directly from the "Contact Form 7 Modules". If you have that installed, the Multi-Step plugin will use that.
This plugin does not support File Uploads. If you need to use file uploads make sure to place it on the last step.
This plugin only works when the forms are on separate pages. Many have asked to make it load via ajax so all forms can reside on one page. This plugin does not support that. You can try it on your own, but it is harder than it seems.
