I have 2 forms, both of them are divided in 2.
First time I ask for name, email, phone and company than I have 2 buttons continue and call me
Some of them may not click continue button so I need to get this details before they run away from the page.
I need the form to do an auto save when all fields are completed even if user is not submitting the form.
How can I do this with contact form 7 or formidable forms?
I'm open to new suggestions too, other plugins etc..
Thank you.
u can try this plugin contact form 7 AutoSaver ,
Select some forms to enable auto-save on them, meaning when a user fill the form, without even submitting it, then navigates to another page and comes back or refreshes the page, they will see the data they previously filled still available for them!
https://wordpress.org/plugins/cf7-autosaver/
Related
I'm working on a landing page made with Bootstrap 4, Wordpress and Contact Form 7 plugin. In the page I have 4 buttons that when clicked show the same Contact Form 7 pop up form. I want them to:
Any of the 4 buttons clicked for the 1st time show the pop up with the form (already done).
When the form submited and any of the buttons clicked again (could be the same one) do not show the form, but start a download of PDF document.
I don't know how to design that better. I think that when the form is submited a cookie is set through PHP so I can check in each button if the form is done. Is it a good aproach? How should I set the cookie? Is there any other way?
The simple solution would be redirecting the user to the PDF right after the form submission - there is a simple guide on how yo can do it. That could enchance the UX, users wouldn't need to understand that they need to click the same button once again.
Also, it could be easier because you would obviously want to change something after the actual event of sending the data (no matter how you track it). For example, you will not only need to add teh URL to the PDF into the button, but change the text and maybe even the style of it to make it obvious to the user.
However if you'd like to make it complex way - you can try changing the link on the button of form submission or adding the download link (or "enabling" it), while disabling the submission button inside your form. Some examples on changing the link or showing/hiding contect can be found here and here - all using the jQuery, no extra PHP needed.
I am having a situation, where i used colorbox to display the gravity forms. When user fills in details, the gravity form goes to its confirmation page and the colorbox closes due to new page loaded. So i want to show the colorbox as opened if user submits the wrong information.
Here is the URL to see it in action, after login go to the given URL :-
http://dev.guestseed.com/trip-hub-main-page/basics/
username : mytestuser
password : mytestuser
After submitting the General Info,the colorbox closes even if there are errors submitting the form. Like if we input wrong email address and website url, form closes and if we again try to add then from is showing errors.
I want to show the popup as opened if validations fails. Any help will be appericiated. I wasted 4 days on this issue only. Also tried client side validations, but no luck.
I am trying to make a feedback form for a website. From what i have read i need a database and such. I was wondering if there is a way to do this without a database. I want the form to have a your name feild, a your e-mail field, and a your message field, i have tried lots of other feedback forms on the internet but none worked. I don't have a very good computer so i can't make a web server or a database all i have is the websites domain. Any help will be greatly appreciated. I want the message to be sent to my Hotmail account.
You need not have to complicate yourself. Just use google forms.
https://support.google.com/drive/answer/87809?hl=en
Create a form from your Drive:
Click the red Create button, then Form.
In the form template that opens, you can add any questions you'd like. You can also organize your form by adding headers and dividing your form into several
pages. Learn more about editing your form.
If you’d like those who
complete your form to see a progress bar indicating how much of your
form they’ve completed, check the box labeled “Show progress bar at
the bottom of form pages.”
Create a form from a Google spreadsheet:
While working with a spreadsheet, click the Insert menu and select Form.
A message will display at the top of the page notifying you that a new form has been created.
Click Add questions here to begin editing your form, or Dismiss to get rid of this message and continue editing your spreadsheet. (Note: If you dismiss this message, you can edit your form at any time by selecting the Form menu and clicking Edit form.)
After creating a form from a Google spreadsheet, you’ll notice a new tab at the bottom of your spreadsheet labeled “Form responses.” As you might have guessed, this is where responses to your form will be added.
You can also send a mail to yourself when you get any responses.
I'm putting together a 4 step registration form, which at the end will redirect the user to Paypal and enter the entire form contents into the database.
At present I have the following flow:
Page 1 - Enter Details
Click Submit (POST)
Page 2 - Check page 1 Details
Page 2 - Put details into $_SESSION
Page 2 - Enter more details
Click Submit (POST)
Page 3 - Check page 2 details
Page 3 - Put details into $_SESSION
Page 3 - Enter more details
Click Submit (POST)
Page 4 - Check page 3 details
Page 4 - Process all data and put into DB
Page 4 - Redirect to Paypal
Page 4 - Listen for success before setting flag to active in db
DONE
My question is, am I going about this the right way? Although it works fine I've had to use jquery hacks to enable users to go 'back' at any stage to make changes to the form.
I was considering using hidden fields instead of SESSIONS so that each step would resubmit all of the data, and I could back-POST all data to a previous page if the user wanted to go back a step. I think there might be more chance of the user loosing their data this way though?
Hidden fields concept will make things difficult to manage...in case if the number of fields are more.
Its better to use session in your case instead hidden fields.
It depends : do you have the need to do a POST after each step ? If not, you could aswell just put all steps in your page, each in a fieldset, and display only 1 fieldset at a time in javascript (as you're talking of jQuery). This way only the submit button on the last step would submit the whole form
On the other hand, if you need to have a post after each step, I would choose the session approach, which is more secure
I'm developing an application in mobile view using CakePHP, where there's no Javascript code can run.
My scenario:
In user login form, users clicked submit button. But before the data submitted and users go to the next page, I make an 'interruption' page (renders a new view). In there, contains "Facebook" and "No, thanks" button. When they click "Facebook", they will connect their Facebook accounts. But, if they click "No, thanks", the login continue.
My question is, how can I make that "No, thanks" button? Because if I use <input type="submit"> button, the form that contain its data is in previous page, so this button will not be clicked. And, how to store POST data, and when that "No thanks" button clicked, then, the data submitted?
You can either store the data in session, or you can make the "no thanks" button the submit button of a form where all the data from the previous page is stored in hidden form fields.
Personally for a number of reasons, I would prefer to utilize sessions, but since you are even asking this question, I am guessing you are unfamiliar with usage of session data.
A simpler question would be:
To make these two forms on single page but with LOTS of vertical or horizontal space in between user login form & 'interruption' page so user seeing the login form can't see interruption section although both are within same <form></form> tag. Then, the the submit button is simply a link to interruption section of the same form. this link is simple an <a> tag with inline linking, which would hide the login form & display interruption page without needing javascript. similar to links to Go to Test Section A on this page
http://www.dynamicdrive.com/dynamicindex5/bookmarkscroll.htm
Further then in the interruption section you can use a real submit button which makes a POST back to request the server.
[edit]
This workaround is based on assumption that user doesn't scroll far enough. Because most users won't, making it 1step process for them instead of 2process which is specially important on mobile. And if somebody does then the empty form gets submitted to the server & then we can run validation & return a error to the user. where he/she can fill the complete form. so This is a good workaround better than storing the data in session & making two POST request for every user login over mobile network which are generally unreliable.
A better solution might be just to combine both forms into one form. Then you don't have to make 2 http requests. Maybe all you need to do is to add one extra button to the original form "Login with FaceBook" next to the other submit button.