Hi,
I am using your plugin, It is a great and clean code plugin.
I am unable to show the error message on input fields empty.
It showing the red color border on input as the input field is empty, But I required to show proper Message.
Please help me with this as soon as possible.
Thank You
We assume that the function below in wizard-js.js should show the step in which there is a validation error (for example an invalid email address) … but it does not work.
Can you offer us any indication of how to solve it? Is it possible that some other selector should be indicated in the function?
We are using:
WP: 4.9.5
CF7: 5.0.1
///step back to error ...
$(".wpcf7 input.wpcf7-submit").click(function(e) {
var form = $(this).parents('form');
setTimeout(function(){
form.find(".wpcf7-form-control").each(function(idx, elem) {
if($(elem).hasClass('wpcf7-not-valid')) {
var step = $(elem).parents("section").data("step");
form.find("section[data-step]").hide();
form.find("section[data-step='" + step + "']").show();
}
});
},1000);
]]>
Hi,
We are using your excelent plugin in wordpress theme ‘Construction’ along with Contact Form 7.
Here, we are facing an issue that while we are used textarea* to force text to be written but plugin jump forward to next step without validate it when click on Next.
Can you resolve this error as soon as possible or indicate any workaround?
Waiting for your reply ??
P.S: textarea* is working well without using this plugin. Also active/deactive both plugins frequently but not worked.
Additionally, all the functionality of this plugin is very useful and easy to use. It would be also helpful if there will be progress bar which shows current form progress step by step.
]]>I have 12 steps form problem and I am getting “There was an error trying to send your message. Please try again later”. I do not know what can be wrong…
]]>The plugin works great but no one of the error message shows. (css / classes or text)
]]>Hi there,
in the File: simple-contact-form-7-wizard-multisteps-form/simple-contact-form-7-wizard-multisteps-form.php
Line 50: -> there is an apostrophe missing after “class=”
<section class=wizardform’ data-step='”.$s.”‘>
it has to be:
<section class=’wizardform’ data-step='”.$s.”‘>
Hi!
First let me say .. Very nice job on the functionality of the plugin. Thanks for the effort it is appreciated. There are a couple things I need to change around the formatting and the success message on submit.
Issue 1:
The section heading “Step” is wrapped in an H3 tag. I need to be able to redefine the size of the H3 tag without affecting the H3 tag size for the rest of the site. I attempted to modify the CSS for the site however I am not able to get the H3 to change only for the wizardform from the default H3. I can change the font-size for H3 in the CSS but that affects the rest of the site which I do not want.
Issue 2:
When the form is filled out and the submit button is clicked the “form sent successfully” message does not display. So the person submitting the form does not know if the form was submitted successfully. How can I get the default success message to display. I would be nice if the form reset back to step 1 on success as well. But at the very least I need the default success message to display when the form is submitted.
You assistance is greatly appreciated. Thanks.
Have a Great Day!
Victor
Hi,
I have a page with 4 forms on it all using multie-step.
The problem I have just noticed is that one form (or the one I am trying to fill out) seems to control all the forms. I cannot proceed to the next step because the other forms are empty and all fields are required.
How to fix this?
Hey,
could you kindly add a german translation?
next = weiter
back = zurück
Would be really nice.
Regards
Henrik
hello, I was wondering if you could help. I have a page with 4 forms on it all using multie-step (they load in a popup/overlay). The problem I have just noticed is that one form (or the one I am trying to fill out) seems to control all the forms. I cannot proceed to the next step because the other forms are empty and all fields are required. I tried to renumber the steps so that all of them use different numbers like form 1 has steps 1-5, form 2 has 6-10 but then that does not work, the forms that do not have 1-5 steps are completely blank. So then I tried to rename the titles so they have different titles, that does not help either. I was thinking this problem would be possible so I was sure to make sure all the inputs had different names like name1 in form one and name2 in form two. Thank you
]]>In the file simple-contact-form-7-wizard-multisteps-form.php on line 40 there is an error, there is an extra single quote in <section class=wizardform’ data-step='”.$s.”‘> which caused an error in the calls of my custom CSS files, being necessary to remove the single quote from class=wizardform’ to correct the error.
]]>Hi,
I have installed the plugin and added the short codes as required.
But when I visit the form page the form does not display?
Can you advise what I can do to see the form/
Thanks
]]>Hey man!
If I enter a char instead of int in my tel* form and then go to my 3rd step (for exemple) to submit, I have the validation error message but it doesn’t go back to the step where the error occurred
I took a look in js (I don’t know much about js…) but I can see there is a code that is suppose to take care of that
line 43 : // step back to error.
here is my form
[step s=”1″ title=”Contact Details”]
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-firstname id:contact-email-feed class:form-control placeholder “First Name *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-lastname id:contact-email-feed class:form-control placeholder “Last Name *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-title id:contact-email-feed class:form-control placeholder “Title *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[tel* your-phone id:contact-email-feed class:form-control placeholder “Phone *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[tel* your-fax id:contact-email-feed class:form-control placeholder “Fax *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[email* your-email id:contact-email-feed class:form-control placeholder “Email *”]
</div>
</div>
</div>
[nextbutton]
[/step]
[step s=”2″ title=”Business Information”]
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-busiaddress id:contact-email-feed class:form-control placeholder “Street Address *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-city id:contact-email-feed class:form-control placeholder “City *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-zip id:contact-subject-feed class:form-control placeholder “Zip Code *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-country id:contact-subject-feed class:form-control placeholder “Country *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[text* your-company id:contact-subject-feed class:form-control placeholder “Company name *”]
</div>
</div>
<div class=”col-md-6″>
</br>
</div>
<div class=”col-md-6″>
</br>
</div>
<div class=”col-md-6″>
<p>WEBSITES</p>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[url* your-companyurl id:contact-subject-feed class:form-control placeholder “Company URL *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[url* your-eshopurl id:contact-subject-feed class:form-control placeholder “E-Shop URL *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[backbutton ][nextbutton]
</div>
</div>
</div>
[/step]
[step s=”3″ title=”Company Background”]
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-busitype id:contact-email-feed class:form-control placeholder “Business Type *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-yearinbusi id:contact-email-feed class:form-control placeholder “Years in Business *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-numstore id:contact-email-feed class:form-control placeholder “Number of Stores *”]
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
[text* your-numemployee id:contact-email-feed class:form-control placeholder “Number of Employee *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[backbutton ][nextbutton]
</div>
</div>
</div>
[/step]
[step s=”4″ title=”Product Info”]
<div class=”row”>
<div class=”col-md-12″>
<div class=”form-group”>
<p><u>WHAT COLDKEEPERS PRODUCTS DO YOU INTEND TO SELL? </u></p>
[checkbox* productline id:cbox “Generic Thermal Bags” “Pouches” “Custom Manufacturing” “Plain Bags” “Shipping Solutions”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[text* your-continentsell id:contact-subject-feed class:form-control placeholder “On which Continent do you intend to sell our products? *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[text* your-countryregionsell id:contact-subject-feed class:form-control placeholder “Could you precise the Country/Region *”]
</div>
</div>
<div class=”col-md-12″>
<div class=”form-group”>
[backbutton ][submit class:btn class:btn-primary class:btn-lg “Submit”]
</div>
</div>
</div>
[/step]
Just testing your plugin 1.0.2 and the content between the Step tags isn’t visible.
Any reasons why that might be?
]]>Hi,
Great plugin just what I wanted.
It is possible to have a message when User click to next button and he doesn’t fill anything in required fields ?
https://proenvue.prod-rl.fr/landing-mieux-demenager-v2/
Thanks,
Best regards
]]>Hello,
I am using this Addon with a 3-Step contact Form. When I visit the form on mobile device and press next, the Page scrolls down and you can not see the contact form. U need to scroll up manualy. What can I do?
]]>Hi,
I am using your plugin in default wordpress theme ‘Twenty seventeen’ along with contactform7.
Here, we are facing an issue that while I am used checkbox* for making at least one checkbox required from its group, plugin jump forward to next step without validate it.
can you please resolve this bug asap?
Waiting for your reply ??
P.S: checkbox* is working well without using this plugin. Also active/deactive both plugins frequently but not worked.
Additionally, all the functionality of this plugin is very useful and easy to use. It would be also helpful if there will be progress bar which shows current form progress step by step.
]]>Hi,
How can I translate/change the label on the next/back button?
Thank you,
Sam
]]>Hello Sir,
I used “Simple Contact form 7 Wizard Multisteps Form” Plugin. I phase one issue when i click on Next Button than form not disappers. Please help.
Code:
[step s=”1″ title=””]
<span class=”abc”>[text* Name placeholder “Enter an Address”]</span>[nextbutton]
[/step]
[step s=”2″ title=””]
[text Name placeholder "Name"][email email-996 placeholder “Email”][tel* tel-650 placeholder “Phone”]
[submit “Submit”]
[/step]
Hi there,
This kind of multistep is what I looked for. But is doesn’t work correctly. Please check my calculator on https://www.integronav.com. When click NEXT hole contact form disappear.
]]>