Phone Number Verification
Add a phone number SMS code authentication , Telesign silent verification, or Telesign voice code authentication flow to your Feathery form.
Enable Phone Auth Integrations
The first step is to ensure you have the right integrations enabled for your form. In the integrations tab of your form, make sure you have one of the following enabled: SMS One-Time Passcodes (Feathery's native SMS OTP), Firebase, Stytch, or Telesign.
Phone Number SMS Code Authentication
Create a
Sign In
step, 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 In
and configure the action toSend SMS Verification Code
with the targetlogin-phone
. In this case, the target is the field containing the phone number that the verification code will be sent to.
Next, create a
Confirmation
step. Add an additionalGo To Step
action to theSign In
button you just created, and have it navigate to theConfirmation
step.Add a pin input field to the
Confirmation
step, and then add a button with its action set toVerify SMS Code
. Set the target of theVerify
action 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.Add a
Go To Step
action to the button with theVerify
action, and have it navigate to the step you want the user to see post-login.(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.
Phone Number Silent Verification Powered by Telesign
Use Telesign Silent Verify to verify an end user via mobile device data associated with their device, without any additional action by the end user. Make sure Telesign integration is connected before using silent verification.
Create a form with a phone field and a button to the step
input-phone
. Give the phone field an ID such asPhoneNumber1
.Create the first action on the button and configure it to
Trigger Telesign Silent Verification
with the targetPhoneNumber1
forPhone Number
. In this case, the target is the field containing the phone number that the silent verification will conduct on.Then configure
Verification Status
with the targettest-telesign-silent
, or any hidden field you would like to store the result of silent verification. The value of this field will be either True or False (Boolean).Create the second action
Go To Step
, and configure theNext Step
to be the intended step you want to take the user to when silent verification is successful. Here we will redirect user to a step calledsuccess
.
Go to the Flow tab, edit the connection between
input-phone
and add a condition where the field is the hidden field you set the silent verification status to store at (in this case,test-telesign-silent
), and selectis true
in the dropdown to indicate when the value of this field is a boolean value of true.
Similarly you can create another connection for when silent verification fails (
test-telesign-silent
is false) per below example.
Phone Number Voice OTP Powered by Telesign
Following the example above, create another step called
OTP-option
. Add two buttons to allow users to choose a method of sending an OTP code to the phone number inputted inPhoneNumber1
. For OTP via SMS, please refer to the Phone Number SMS Code Authentication section above. You can also refer to below for a sample setup for this particular work flow.
For OTP via Voice powered by Telesign, create the first action on the button
Voice
and configure it toSend Telesign Voice OTP
with the targetPhoneNumber1
(or any phone filed name you have given) forPhone Number
. In this case, the target is the field containing the phone number that the Telesign voice will call in order to send the OTP code.Create the second action
Go To Step
, and configure theNext Step
to be a step where users can input the OTP code.
Create a step to allow users to input the OTP pin. Configure the length of the pin input field to be 7 for Telesign Voice OTP and name it
VoicePinInput
. Add a Submit button and set the action toVerify Telesign OTP
with the Pin Code field set toVoicePinInput
. You can also add a second action to redirect users to thesuccess
step if the pin is correct.
Request Phone Type via Telesign
Instead of prompting users to select an OTP method, Feathery also supports phone type identification through Telesign. Once users input their phone number, Feathery provides an action to identify whether this number is a mobile number or landline number, and based on the result, you can redirect users to the respective OTP method accordingly:
Create another action on the button and configure it to
Request Telesign Phone Type
with the targetPhoneNumber1
forPhone Number
.Then configure
Phone Type
with the targettelesign-type
, or any hidden field you would like to store the type of the phone number user provided. The value of this field will be either "Mobile", "Landline" or "Other".
Last updated