Creating Facebook App ID & Facebook App Secret in Facebook using developer account
Entering Facebook App ID & Facebook App Secret in Zappter
Creating App ID & App Secret in Facebook:
Your app URL Ensure to have your web app URL while completing the below steps. Here is how to get your web app URL from Zappter:
Log in to your admin.
Open your profile menu and your web app link is the first option available under this menu.
Make a note or copy the URL.
Your app will utilize Facebook's user account information to give app users access to register a new user or sign in; you need to make sure that Facebook is aware of it. You accomplish this by creating these credentials in Facebook and add them in Zappter. This plugin simplifies your integration using Facebook APIs. However, you need to set up the Facebook side for it.
There are plenty of articles about setting up Facebook OAuth2.0 Facebook App ID & App Secret in developer account are available on the internet as well. Or, you can follow through with the steps explained in detail below.
2. Create a new app by clicking on the 'Create App' button. And, select the 'Consumer,' and click on 'Continue.'
image.png93.63 KB
3. Enter App Display Name, App Contact Email, and click on 'Create App.'
image.png93.3 KB
4. Complete security check and click on 'Submit.'
image.png87.77 KB
5. Your Facebook app is created and it prompts with below 'Add Products to Your App' screen. Click on 'Set Up' of 'Facebook Login.'
image.png94.33 KB
6. Select 'Web' from the platform in the next screen.
image.png77.13 KB
7. Enter your web app URL in the next screen and save.
image.png75.13 KB
8. Save and continue. Rest of the steps below are not required at this time.
9. Go to the 'Settings' section and choose 'Basic' in your dashboard. Fill in the mandatory fields, App Domains, and Contact Email" -> here we need to put that app domain is web app without HTTPS, eg [you app].eu1.zappter.com
image.png97.69 KB
Important: To set your app to Live Mode, it is mandatory that you provide Privacy Policy URL and User Data Deletion. You can even provide your app URL to fill in these two mandatory fields.
10. Navigate to Facebook Login section and press 'Settings.'
image.png106.46 KB
11. Enter you Valid OAuth Redirect URL (your web app URL) and click on 'Save Changes.'
Note: Your web app URL is should look similar to this, HTTPS://[your app].eu1.zappter.com/app/ (notice that it ends with /app/. You can either add it manually after copying the URL under 'Your Web-App Link' in your profile menu in Zappter or click on the link to open it in a new browser tab and copy the URL)
image.png110.31 KB
12. Click on 'Get Advanced Access,' below.
image.png267.32 KB
13. Click again on "Get advanced access" in "public_profile" row as below.
image.png221.65 KB
14. Confirm the usage of public_profile data.
image (5).png291.03 KB
image.png111.24 KB
15. Finally, start 'Complete Data Use Checkup' to provide Facebook with how your app is going to use user data. Click on 'Start checkup.' Get started with the data use checkup by creating complete pages for 'Privacy policy' and 'Terms of service', and upload logo and some screens.
1.png147.73 KB
2 (1).png633.03 KB
16. Go to Settings > Basic. Here you can find the App ID and App Secret that you will need in Zappter to complete the integration.
You can't put the app live until you fill these information: Privacy Policy URL and data deletion information
Entering App ID & App Secret in Zappter:
Back in Zappter, you need to update App ID and App Secret. Below steps guide you.
1. Admin > Settings > Social Auth. Then select 'Facebook' tab there.
image.png57.53 KB
2. Enter previously copied App ID and App Secret. And save to complete.
_png.jpg?alt=media&token=cfdc31c1-b8ae-4580-8e38-b3b7e1bc1ec9)
_png.jpg?alt=media&token=9e06e165-eb98-47fa-b41a-1f8c604f4031)
