Steps to Setup Social Login for a New Market
If the market has pre-existing apps created they will need to transfer them to us. We will need to have both Google Firebase and Apple Developer access to their apps to be able to setup Social Login.
If the market already has a Facebook App for Social Login setup, we need:
FacebookAppID,FacebookClientTokenandFacebookDisplayNameThe market needs to update the list of whitelisted URLs in the Facebook App (we can provide these URLs at this stage)
If the market has never set up Social Login, then to set up Google and Apple we need access to their Firebase Apps. For Facebook the market will need to follow the below steps.
Go to the Facebook Developers site: https://developers.facebook.com/ to create Facebook app for Social Login.
The app needs to be submitted for review and approved by Meta / Facebook!
Once logged in, go to My Apps.
Click on Create App button. It will lead you to the app creations page.
Select "Set up Facebook Login" then click on the Next button to continue.
Fill out the App Name, and App Contact Email. Then click the Create App button.
You will then get redirected to the App Dashboard page. On the left-side menu, go to Products > Added Products.
Click on Quickstart from the Configure drop-down in the Facebook Login product.
Select the Web from the platform to add a Facebook login to our app.
Setting up the app
After you've completed creating the app, head to the app's navigation menu. You need to do the steps below before your app setup is complete.
Go to App Review > Request Permissions and Features
When you click on the Request Permissions or Features button, you'll be redirected to Facebook Login Use Cases. You can set the permissions for scopes here. Add public_profile and email permission by clicking on the "Add" button.
Go to Settings > Basic
This tab contains the App ID and App Secret.
Both must be copied and pasted later into the Ultimate Member> Settings>Extension>Social Login>Facebook Social Connect tab. You must fill in the following information: Privacy Policy URL and Terms of Service URL, and you can also include an app icon to make the app appear more professional.
When you scroll down the page, you will find the Website section. Add your Site URL, then click the "Save Changes" button.
To make the app live, you need to go to the navigation menu and click on "Go Live"
App Setup Complete
To validate the below steps when setting up the first App
After you've done all of that, the app is complete. Add the App ID and App Secret to the Ultimate Member Settings Facebook tab.
Go to Meta for Developers > Settings> Basic then Copy the App ID and App Secret.
Go to Ultimate Member > Settings > Extension > Social Login > Facebook Social Connect tab, and paste the App ID and App Secret in the Facebook Social Connect App ID and App Secret fields.
How does the feature look?
This section shows how the feature looks when it is live for IOS, Android and Web respectfully. This section also runs through Sign Up / Sign In use cases for Social Login.
User creating an Account for the first time using Sign Up tab
User Signs Up Successfully
IOS
Google:
Android
Web
Google:
Apple:
User creating an Account for the first time using Sign In tab
User expected to see Error message
IOS
Google:
Android
Web
User uses existing Account to sign in using Sign Up tab
User Signs In Successfully (without seeing Sign Up Confirmation page)
IOS
Google:
Apple:
Android
Web
Google:
Apple:
User uses existing Account to sign in using Sign In tab
User Signs In Successfully
IOS
Google:
Apple:
Android
Web
Google:
Apple:
User Signs Up / In with the same email they have used with different provider in past
User expected to see Error message
IOS
Google:
Apple:
Android
Web
Events Triggered in Amplitude
Sign In Complete
When new user create the account Sign In Complete event will be triggered.
Error
This Error event will be triggered when new/existing user signup/signin get failed.
