Since the Facebook login setting requires app-related information, please create the Facebook login feature after publishing the app for the first time. As the Facebook login setting requires the use of app-related information, please add the Facebook login feature after the first successful app release.
*Please note: If you have already set up the Facebook login for your online store, you can use the same application on the Meta for Developers and follow Steps 4.2~4.2.2 and 8 for app settings.
1. Enter Meta for Developers
Please click this link to enter Meta for Developers, log in with your Facebook personal account, and click My Apps > Create App to start creating a Facebook application.
In the "Select an app type" pop-up window, please select "Consumer" to create your app and then follow the steps below to finish the setting.
2. Create a Facebook app
Enter the App Display Name and App Contact Email. Please note that the "App Display Name" will be shown to customers during the login process, so it is recommended that you fill in your Store/Brand name. If you have a Meta Business Manager, you can also select a platform you use to manage the app in the optional field, then click Create App.
A pop-up window will appear. Please re-enter your password, and click Submit to continue.
3. Dashboard
Next, you will be taken to the page of creating an application. Please find "Facebook Login" and click Set up.
4. Basic settings
4.1 Setups in [Settings] > [Basic] in the left panel
Please enter the fields with the guide below:
Field | Instruction |
App ID |
Generated automatically. You will use this in [Mobile App Management] > [App Publish Settings] in the store Admin. |
App secret |
Generated automatically. |
Display name |
The display name is the user-facing name of your app that will be displayed in the App Center. Please use your application name. Do not use names that include Facebook or FB, or any names of Facebook products such as Oculus, WhatsApp, or Instagram. |
App domains |
Required. This field will require a total of 2 URLs (original domain and URL with subdomain). Please follow the methods below to obtain and paste them, and then press "Enter (Window) / Return (Mac)" on your keyboard to type them in the field until the URL turns into a gray box.
Please change the above text in bold red to your store URL links. If you are unsure of your shop's unique URL or free URL, you can go to the front homepage of the store to copy it. *Note: Please fill in your store URL instead of the official SHOPLINE URL. |
Privacy Policy URL |
Required. The privacy policy is a statement on how the website will use the personal data of Internet users. If the website user agrees to the privacy policy statement, it will be effective as a standard form contract. The reveal of "Privacy Terms" in your store is one of the key reviews for applying for payment, Google Advertising, Facebook App, and so on.
You are recommended to go to [Online Store Design] > [Pages] in the Admin and edit the default "Privacy Policy" page, or create a "Privacy Policy" page with a text or advanced page, then paste the page link to this field.
Please change the above text in bold red to your store URL links. If you are unsure of your shop's unique URL or free URL, you can go to the front homepage of the store to copy it. *Note: Please fill in your store URL instead of the official SHOPLINE URL. |
Terms of Service URL |
Recommended. This URL link will be displayed in the "App Terms" of the Facebook login application window. We will advise you to edit your store's default "Terms and Conditions" page and describe your service policy and transaction details based on your situation. Then, paste the page URL in this field. |
App icon |
Required. |
Category |
Required. Please select the appropriate option from the menu according to the type of store or services offered in your store. |
Verifications
|
(Skip) |
Data Protection Officer contact information
|
Please fill in the actual information. |
4.2 Add iOS and Android platforms
Scroll down the page and click + Add platform. Select iOS and/or Android and click Next.
When selecting "Android", please select Google Play in the drop-down menu.
4.2.1 App set-up guide for iOS
Field | Instruction |
Bundle ID |
You can copy it from "App Information" in Apple Store Connect. |
iPhone Store ID |
You can copy the Apple ID from "App Information" in Apple Store Connect. |
URL Scheme Suffix |
(Empty)
|
iPad Store ID |
Please leave it empty since the feature currently does not support iPad |
Shared secret |
(Empty)
|
Deep Linking |
Off by default |
Log-in app events automatically (recommended) |
On by default |
Confirm mobile app ownership |
(Skip it for now) |
4.2.2 App set-up guide for Android
Field | Instruction |
Key hashes |
|
Deep Linking |
Off by default |
Log in-app events automatically (recommended) |
On by default |
Google Play credentials |
Off by default |
Package Names |
Please copy the name in bracket after "package name:" in Google Play Console [Setup] > [App integrity] > [Digital Asset Links JSON] Please ignore it if there is a verification error prompt. |
Class Name |
(Empty) |
Confirm mobile app ownership |
(Skip it for now) |
Install Referrer Decryption Key |
Uneditable |
5. Advanced settings
Please move on to [Settings] > [Basic] in the left panel to enter the fields with the guide below.
All the fields filled on the page are default values and do not need to be modified. The "Client token" is automatically generated. Please copy the token to the [Mobile App Management] > App Publish Settings] > [Third-party Integration Settings] section.
6. Facebook login setup
Please go to [Facebook Login] > [Settings] in the left panel to set up according to the guide below:
Section |
Field |
Instruction |
Client OAuth settings |
Client OAuth login |
Yes by default |
Web OAuth login |
Yes by default |
|
Enforce HTTPS |
Yes by default |
|
Force Web OAuth reauthentication |
No by default |
|
Embedded Browser OAuth Login |
No by default |
|
Use Strict Mode for redirect URIs |
Yes by default |
|
Valid OAuth Redirect URIs |
You can leave this field blank if your store only enables the third-party login function in the App. If your store also enables third-party login in the online store, please enter the Valid OAuth Redirect URI from your settings for Facebook Account Quick Registration / Member Login. |
|
Login from Devices |
No by default |
|
Login with the JavaScript SDK |
No by default |
|
Allowed Domains for the JavaScript SDK |
(Skip) |
Guides to set up the sections below are as follows:
Section |
Field |
Instruction |
Deauthorize |
Deauthorize callback URL |
(Skip) |
Data Deletion Requests |
Data Deletion Request URL |
Please select "Data deletion callback URL" from the drop-down menu. If the field is blank, please enter the store homepage URL, e.g., https://www.test123.com or https://www.test123.com.tw Please make sure to fill in the securely encrypted URL starting with https: // |
Login Connect with Messenger |
Page ID
|
Click Add at the top right and enter the Page ID in the pop-up window. |
Redirect URI Validator |
Redirect URI to Check |
(Skip) |
7. App review
Before you request a review
Before you request permissions or features, please make sure you have filled in the Privacy Policy URL and Terms of Service URL in the Basic settings and the Data Deletion Request URL in the [Facebook Login] > [Settings].
Confirm application data authorization status
Please go to [App Review] > [Permissions and Features] to confirm and enable the email and public_profile options to obtain advanced access permissions.
*Note: If your application is disabled by Facebook, you will need to complete the Facebook review before you can turn on the advanced access authorization. Please confirm that the application settings are correct and then submit it for re-review to Facebook for confirmation.
Obtain permission successfully
Confirm application status
Please check the toggle switch next to the "Application ID" at the top of the App page. The switch should be "Live" so that the application can be used. (If the switch is off, it will show "In Development" status.)
If the application is turned off, customers will not be able to log in to the store with their Facebook account.
8. Admin setup
Step 1
Proceed to SHOPLINE Admin > [Mobile App Management] > [App Publish Settings], click the "Add third-party services" drop-down menu and select Facebook Login.
Step 2. Fill in the Facebook app info
Paste the App ID from Basic settings and Client token from Advanced settings in Meta for Developers to the fields in the pop-up window. Check the box to confirm and click Save.
Step 3
Click Submit an app publish review to update the app.
After adding the Facebook Login feature, you need to publish an app update. After the platform receives the publish application, the new app version will be released within 5-7 working days.
Comments