Welcome to our step-by-step guide on adding Facebook Single Sign-On for simple registration on your iHouse Elite website.
By following this guide, you’ll learn how to
1. Create a Facebook Developer's Account
2. Create a Facebook App and configure settings
3. How to Add this to your iHouse Elite Website
4. How to Troubleshoot common errors
*Please Note: Setup Requires a Business Verified Facebook/Meta Account
https://www.facebook.com/business/help/2058515294227817?id=180505742745347
1. Create a Facebook Developer's Account
Create a Meta for developers account
visit developers.facebook.com and Log In
Press My Apps or Get Started in the top right
Follow the prompts on screen to create your account
In the last step ‘about you’ select Developer.
2. Create a Facebook App and configure settings
Apps > Create an App
First you’ll need to create your App
click ‘Create App’ from the Apps dashboard
App Details: Enter a name for your App
Use Cases: select ‘Other’ and press Next
Select an app Type: Consumer
Details: Select your Verified Facebook Business Account
Finalize initial App creation by pressing ‘Create App’.
Add products to your app
Next you’ll need to configure your App settings.
After creating your App, you will be taken to the App Dashboard
under the Facebook Login tile, select ‘Set Up’
Select the platform circle marked as ‘Web’ displayed as ‘WWW’
Tell us about your website
‘Tell us about your website’: enter the full URL including the https:// then save.
If you arrive at ‘Set Up the Facebook SDK for Javascript’, No action needed yet
Instead, in the left side menu, expand ‘App Settings’ and click ‘Basic’
App Settings > Basic
Once under Basic, If you try and enable your App to Live it will not work
Add your Privacy Policy URL as needed under ‘App Settings’ > ‘Basic’
Once placed, press Save
if you try and enable your App to Live again, it will now work
App ID and App Secret will now both be viewable.
Facebook Login > Settings
In the left side menu, expand ‘Facebook Login’ and click ‘Settings’
Scroll down and flip ‘Login with the Javascript SDK’ to Yes
Under ‘Allowed Domains for the Javascript SDK’ enter your full website URL
*(including https:// same as you did in the earlier step.)
press ‘Save Settings’
Next is App Review
App Review > Permissions and Features
In the left side menu, expand ‘App Review’ and click ‘Permissions and Features’
‘email’ Grant advanced access
Locate ‘email’ and press ‘Request advanced access’
Verification: Select your Business Verified Facebook Account
Usage check: Confirm advanced access for email
Data handling: Complete as needed, then submit.
‘public_profile’ Grant advanced access
Locate ‘public_profile’ and press ‘Request advanced access’
Verification: Select your Business Verified Facebook Account
Usage check: Confirm advanced access for email
Data handling: Complete as needed, then submit.
Both email and public_profile should show as having ‘Advanced access’ in green.
Now you can retrieve and add your App ID and App Secret to your iHouse Elite website.
3. How to Add this to your iHouse Elite Website
App Settings > Basic
Make note of your App ID and App Secret
Go to your iHouse Elite Website Admin.
Navigate to Website Admin > Integrations > Social Login
Check the box for ‘Include Facebook single sign-on for simple registration
Place your App ID in the respective field
Place your App Secret in the respective field
press ‘Save Settings’
4. How to Troubleshoot common errors
Visit the homepage of your website in an incognito window or while logged out
press ‘Sign Up’ found in the top right of your website.
click ‘Continue with Facebook’
if you see a request to continue with or sign in to facebook then you know its working.
“JSSDK Option is not Toggled”
If you see this error then you need to adjust a setting in your developer app.
Return to https://developers.facebook.com/ and select your App
Navigate to Facebook Login > Settings, and locate Login with Javascript SDK
Set ‘Login with Javascript SDK’ to Yes
“Submit for Login Review”
If you see this error then you need to adjust a setting in your developer app.
Return to https://developers.facebook.com/ and select your App
Navigate to App Review > Permissions and Features, locate:
‘email’
‘public_profile’
Ensure both have been granted Advanced Access through ‘Request advanced access’
After that you should be all set. You have successfully set up Facebook Single Sign-On for simple registration on your website.
Still need additional help? Our support team is here for you. Call us at 866-645-7700, Monday to Friday, 8 am to 7 pm Central Time.
Not currently a customer? Learn more by scheduling a demo with one of our experienced marketing consultants: https://webhosts.ihouseelite.com/Web/WebTestdrive/start/?rcode=youtube