Softr Docs
Search…
Sign in with phone code
Allow users to sign in with their mobile phone number
Sign in with phone code
Using this sign-in block, you can allow your users to log in using their phone number (i.e. receive a verification code via SMS and use that code to sign in). So, let's first review the block settings.
Block settings
First of all, you can choose if the sign-in should be available just for registered users or for anyone. If the toggle is not enabled, any visitor can enter his/her phone number, receive the code, and log into your Softr app.
Further on, you can change the placeholder text of the two fields (Phone and Sign in Code) and also the button labels.
Sign-in process
Now, let's see how the block works from the user's standpoint. In the first step, the user needs to enter his/her phone number as shown below.
Please, note that the block only support phone numbers starting with a valid country code (e.g. "+49" for German phone numbers).
Entering phone number
After submitting the phone number, the user will receive a 6-digit code to his/her mobile phone via SMS and needs to provide that code in the next step to verify his/her account.
Verifying user account
That's it. As soon as the user submits the verification code, he/she will log in to your Softr app, becoming a verified user.
As soon as the user submits the phone number, a user account will be created in your Softr application for him/her. However, it will only become a verified account after the user provides the verification code.
User Creation
Although, when signing in through this block, the user doesn't provide an email address, the email field is still mandatory and needs to be assigned to the user account. Therefore, every time a user signs in using a phone number, an email address is generated automatically for him/her in the following format:
Here, the "+xxxxxxxx" represents the user's phone number, and the "applicationID" is replaced by the actual application ID of your Softr app.
Syncing with Airtable
If you have your users base connected to Airtable, the users created via sms verification will be synced to Airtable without issues (using the email that was generated automatically upon signin).
However, let's consider the case when you have a particular user on Airtable but don't have that user in your Softr app and want to sync those two entries as soon as the given user signs in through your Softr app. To make it possible, both entries need to have the exact same email address.
Therefore, on Airtable, your Email field should be a formula that combines user's phone number and your application ID using the format discussed above ([email protected]p), so that the result matches exactly the email generated automatically when the user signs in through the Softr app.
In order to set up the formula on Airtable, you first need to get your Softr Applciation ID. It can be copied from the URL of your Softr app studio.Below, we show how you can copy it and paste into your Airtable users base.
Adding App ID to Airtable
Further on, let's create the formula that will concatenate user's phone number and Application ID into the required expression. Below, you can see what the formula looks like.
Creating the formula
So, you need to use a CONCATENATE() formula, where {Phone Number} is the field where user's phone number is stored and {Application ID} is your Application ID field on Airtable.
Last modified 5mo ago
Copy link