- chrisAsked on November 29, 2015 at 03:53 PM
Please am writing to seek response or help on how to create login form that will demand email or sms code verification before login
is successful or access page could be viewed
Better explanation: lets say my client want to access his membership page, upon entering his username and password,
it will a send code to his email or phone, this code could be numbers or letter, he or she will have to fetch the code in his email, then enter it before
the page could be viewed or accessed, a kind of additional verification means.
detailed directive or recommendation will be most appreciated
- JotForm SupportKevin_GAnswered on November 29, 2015 at 05:56 PM
Thank you for contacting us.
There is no way to ask for login credentials, you can take a look to our Terms on this link :
Now, in regards to the sms or email confirmation, it's possible to do with JotForm, here are the links to each widget to achieve what you are asking for,I think although you can not use them into a login form, this widgets will help you:
Let us know if you have more questions, we will be glad to assist you.
- RobertAnswered on November 29, 2015 at 07:08 PM
Re: SMS - check out https://www.gauthify.com/
- chrisAnswered on November 30, 2015 at 01:06 AM
truly , i am not asking users password and username, ok what i just wish to achieve this, lets say my members logs in to my system using their email, access to the protected pages will not be granted without them verifying their email, perhaps the email they used during registration, this verification maybe in the form of code sent to their email, and once they enter the correct code access will now be granted
please help further
- chrisAnswered on November 30, 2015 at 01:46 AMtruly , i am not asking users password and username, ok what i just wish to
achieve this, lets say my members logs in to my system using their email,
access to the protected pages will not be granted without them verifying
their email, perhaps the email they used during registration, this
verification maybe in the form of code sent to their email, and once they
enter the correct code access will now be granted
please help further
- chrisAnswered on November 30, 2015 at 01:46 AMcan i use this jotform widget to achieve email verification?what about
autoresponder? have any idea?
- JotForm SupportWelvinAnswered on November 30, 2015 at 09:47 AM
You can also use this email validator widget: http://widgets.jotform.com/widget/e-mail_validator. Now, yes, you can create an autoresponder and include the password in the email. The password will be sent to the user once they validate their email address and submit the form.
The only downside of this method is anyone who validates their email address and receive your password, they can share it to others and others can use it without the need to undergo email validation and submit your form.
Please get back to us if you need further assistance.
- JotForm SupportWelvinAnswered on November 30, 2015 at 09:50 AM
By the way, just to avoid some confusion here. What I mean for the password is the password for your protected page. I'm assuming that you will add it manually in the page and will have a static password for everyone.
- chrisAnswered on November 30, 2015 at 12:46 PMexaxtly, this verify email is something i am looking for, but for members
please further help to form this will be appreciated
- chrisAnswered on November 30, 2015 at 02:28 PM
sir,thanks for replying admin, but basically, what i wish to achieve is this, if my members logins to view a protected page, they will go through some kind of verification, preferably email verification before they can view or be directed to the protected page, which means they will have to fetch a kind of validation code in their email or verify their email before continuing, hope you can assist or recommend a service further to achieve this
- chrisAnswered on November 30, 2015 at 02:41 PM
to verify or validate members before they can see a protected page, better explanation or service recommendation will be appreciated
- JotForm SupportMike_GAnswered on November 30, 2015 at 02:49 PM
Is it something like this?
Say, this form(Main form), https://form.jotform.com/53153740082954, is the protected page.
And this form(2nd form), https://form.jotform.com/53336031786961, is the where they need to verify their email address.
First they will fill up and verify their email address through the 2nd form. Upon submitting the 2nd form, they will receive an autoresponder on the email address that they have verified. Also, on the Thank-You page of the 2nd form, they will be instructed to click a link to the protected website(which, by the way, you can also set to go to it directly without having to click a link), once they access the link, they will be asked to enter a code before they can view the protected page(Main Form). They will be able to get the code from the autoresponder they have received when they submitted the 2nd form.
I would suggest you try to fill up and verify your email address on the 2nd form, https://form.jotform.com/53336031786961. Then access the link on its Thank-You page and enter the code that you have received on your email address.
I hope this helps. Let us know if you need any further assistance with any of the sample forms mentioned above. Thank you.
- chrisAnswered on November 30, 2015 at 02:57 PM
wow, this is good, i tried it now, got the code immediately, love it, but this sample you gave does it have autoresponder integrated? if yes, which one can i use? does your have autoresponder too or i will use a 3rd party?
please kindly give me step bysteup guidelinee how to form mine now
love this simplicity of this
- JotForm SupportMike_GAnswered on November 30, 2015 at 03:35 PM
The autoresponder is not a third party service. You can build the autoresponder within your form.
Here are some guides that will help you create your own autoresponder:
Also, I would suggest you try to clone the forms I have mentioned above with the help of this guide: How-to-Clone-an-Existing-Form-from-a-URL
Let us know if you need any clarifications or if you have any questions with any of the guides and we will be glad to help you.
- chrisAnswered on December 08, 2015 at 02:45 PMplease, this is exactly what am looking for
please how can i create this, step by step or video tutorial, the other
link you send it not so clear
- JotForm SupportWelvinAnswered on December 08, 2015 at 04:01 PM
The forms are very straightforward and we already gave you the guides. But just to make it simple, here are the steps to follow:
To create the second form (https://form.jotform.com/53336031786961).
1. Add the Email Validator widget:
Here's how you can add the widget in the form:
2. Add a textbox field for the "Code"
3. Set the default value in the "code" field
4. Create an autoresponder email. Here's our guide on how to create this in your form: https://www.jotform.com/help/26-Creating-a-Form-Autoresponder. You will have to make sure that the code field is present in the autoresponder email:
Please don't forget to save the changes and save the form and that's it for the second form.
To create the first form (https://form.jotform.com/53153740082954):
1. Add textbox field, you can label it as "Code":
2. Add a form collapse field, this will be used to show the fields under it for the conditional logic.
You will have to set the "Status" to OPEN and then "Visibility" to HIDDEN.
3. Add the fields that you want to add in the form including the submit button at the bottom. As shown like this:
4. Now, add the conditional logic to show the fields below the form collapse when the "Code" field is filled with the correct code from the first form. Example:
This is how to add the conditional logic: https://www.jotform.com/help/316-How-to-show-or-hide-a-field-in-the-form-based-on-the-other-field-input-or-selection.
Let us know if you need more help. Also, I think you should explore the form builder. Trust us, we are the easiest form builder ;)
- chrisAnswered on December 09, 2015 at 03:45 PMplease can i achieve this using normal autoresponder?
any other service you can recommend that does it?
- chrisAnswered on December 09, 2015 at 03:45 PMhow can i form this validate button?
- JotForm SupportKevin_GAnswered on December 09, 2015 at 05:18 PM
On my colleague's explanation, he is using a normal Autoresponder, maybe you are referring to the Notification, if so, you can not use it to achieve what you are trying to do, since there is the Autoresponder feature and it works perfectly.
how can i form this validate button?
Could you please specify which button do you want to validate ? Is it the submit button ?
Please, let us know and we will be glad to assist you.
- chrisAnswered on December 10, 2015 at 01:45 AMthanks much for reply , ok here is what i meant
So you mean normal autoresponder like aweber or getresponse cant be used to
achieve the same purpose?
what other email validator widget site or softwares can you recommend, i
cant seem to figure out how to do it with jotform
- JotForm SupportChriistianAnswered on December 10, 2015 at 03:45 AM
The verify button is included in the Email Validator widget. Unfortunately, the validation only works with the Email Validator widget. You cannot add the Validate button separately. Currently, we only have the Email Validator that can help you with validation of your user emails. Regarding on the normal Autoresponder, JotForm has it's own autoresponder feature. This is what my colleague meant about the normal Autoresponder (default autoresponder in JotForm). You can integrate your form to Aweber and/or Getreponse to collect data and create contact on your contact list. You can check this article for more information: http://www.jotform.com/blog/50-Email-Marketing-Campaigns-with-AWeber-and-JotForm.
Do let us know if you need further assistance.
- chrisAnswered on December 10, 2015 at 06:45 AMOk so far, this is what i have created http://screencast.com/t/LeZlaGGak,
accessible here: https://form.jotform.me/53432701104441
but am still confused because i dont know how to separate the two (the
email validator and the code) as the two should come in different
for instance, they will have to verify their email, before being being
directed to the code section, and this value, 1234, i guess it should be
hidden, how can i remove it, is this 1234 the code they will put before
viewing my protected page, please help further
- JotForm SupportWelvinAnswered on December 10, 2015 at 08:39 AM
I'm sorry, I didn't mention that you can hide the "Code" field in the form. You can do it in the field properties:
Click the field > click the "Gear" icon > Hide field option
Please note that you will have to add the default value, the codes as per the given example (1234).
Please do not hesitate to get back to us if you need further assistance.
- chrisAnswered on December 10, 2015 at 12:45 PMthanks again for the reply, but i guess you did not understand my last
ok now i have created the email validator and code (created the same page
just as shown in the tutor), and i just made the code hidden, now how can
i hide i link the two together, which one come first? and how can i fetch
the url of either of one to link to the others, for instance, when
somebody has validated his email, the next is code and inputting the code
validation code or figure, please guide based on proper redirection
- JotForm SupportMike_GAnswered on December 10, 2015 at 02:40 PM
On my explanation above, I have created two forms which separate the Email Address Verification form from the form that contains the code field and the main form.
The first form, which contains the main form, where they need to enter the correct code first before they can view the entire main form.
And the second form which is where your submitters need to validate their email address first:
Submitters will only be able to get the code if they have successfully verified their email address and submitted the second form.
After they have submitted the second form, they will be prompted with a Thank you message that contains the link to the first form(Main Form) and an instruction to how they can get the code to view the form.
So once the form(second form) to verify the email address is submitted successfully, submitters will receive an autoresponder. The autoresponder is created within the second form.
Creation of the first form and the second form together with its autoresponder were given by my colleague, Welvin, above.
First, you will need to give your respondents(submitters) the second form only. They will only be able to get to the first form(main form) if they have successfully validated their email address through the second form and retrieve the code from the autoresponder. The link to the first form(main form) is given on the Thank-You page message.
Please note that the email verification email is different from the autoresponder.
Avoid confusion with the code field.
Both the first form and the second form has a "code" field, but only the code field for the second form is hidden. The first form(main form) has its "code" field showing because it is where your submitters will enter the code from the autoresponder.
The only purpose of the "code" field on the second form(email validation form) is to pass its default value to the autoresponder.
Since the code field of the second form is hidden, it will not show on the form itself when the form loads. Submitters will only be able to see the value of that code field if they submit the form successfully through the autoresponder that they will receive after.
Now, if you want, or just to avoid confusion, you can just remove/delete the code field from the second form(email validation form). But make sure you edit the content of the autoresponder. You can just type the code on the content of the autoresponder together with the instruction on how to get to the main form.
The link on the content of the autoresponder will redirect your submitters to the second form.
For the process:
1. You will give your submitters the second form(email validation form).
2. Once they have submitted the second form(email validation form), they will be prompted with the Thank You message with further instructions and link to the first form(main form) and they will also receive an autoresponder that should contain the code. You can also add the link to the first form(main form) in the autoresponder.
3. Upon clicking the link to the first form(main form) they will be redirected to the first form(main form). They will need the code from the autoresponder to view the main form.
Please be noted that this workaround works with two forms involved. A form to validate the email address and needs to be submitted to receive the code from its autoresponder. And another form where a code needs to be entered to view the main form.
I hope this helps. Please feel free to get back to us and let us know if you have any questions or if you need further clarifications with any of the instructions given above.
- chrisAnswered on December 11, 2015 at 02:45 AMi think am beginning to undertand it now, but i wish to know, what is the
need of this 1245 code, see here: http://screencast.com/t/NZtI9Zm6hHH, or
the 1245 not important?
i just tried my phone and the code send to me is different
- JotForm SupportKiranAnswered on December 11, 2015 at 06:47 AM
The code you received with long alpha-numeric text is the validation code for email. And the code 1245 is an example number (The actual code to be used is 1234 which is sent through autoresponder) that can be used to validate the other form so that the rest of the form fields are displayed upon validating the code.
Hope this information helps! Let us know if you need any further assistance.