Phone Number SMS Code
Add a phone number SMS code authentication flow to your Feathery form.
- 1.Create a
Sign Instep, then add both a phone field and a button to the step. Give the phone field an ID such aslogin-phone. Change the button text toSign Inand configure the action toSend SMS Verification Codewith the targetlogin-phone. In this case, the target is the field containing the phone number that the verification code will be sent to.
- 2.Repeat step 1, but this time for a
Sign Upstep. Link your new phone field to the one you just created on theSign Instep. This will allow the IDs, properties, and data in both fields to be the same. - 3.Next, create a
Confirmationstep. Add an additionalGo To Stepaction to the 2 sign in/up buttons you just created, and have them navigate to theConfirmationstep.- 1.Add a pin input field to the
Confirmationstep, and then add a button with its action set toVerify SMS Code. Set the target of theVerifyaction to the pin input field you just created. This step will allow the user to input the verification code they just received from their phone number, and verification will fail if the code is incorrect. - 2.Add a
Go To Stepaction to the button with theVerifyaction, and have it navigate to the step you want the user to see post-login. - 3.(Optional) On this step, you can give the user the ability to re-send the SMS verification code if they haven't see it yet.
- 4.(Optional) Add buttons to navigate between the
Sign InandSign Upsteps.
Last modified 29d ago