Facebook Account Quick Login / Membership Registration | Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

Since the Facebook login setting requires app-related information, please create the Facebook login feature after publishing the app for the first time.

 

⚠️ Before you start, please be reminded:

  • As the Facebook login setting requires the use of app-related information, please release your app first before adding the Facebook login feature.
  • Please use the existing Facebook application for your online store to set up an app login. If you haven't created a Facebook application yet, please refer to Facebook Account Quick Registration/Login Member to create one first, then continue the settings below.

 

The article will cover the following:

 

1. Meta for Developers setup

Please click this link to enter Meta for Developers, and log in with your Facebook personal account. Select the existing application to set up app quick login,

Image_21-4-2023_at_5.32_PM.jpg

 

Click [Settings] > [Basic] in the left panel and continue the setups. Scroll down the page and click + Add platform.

add_platform.png

 

A. Add iOS platform

Step 1

Check the box for iOS and click Next.

Screenshot 2024-12-04 at 11.59.27 AM.png

 

Step 2

Continue the iOS platform settings.

*Notes:

  • If your app has not been published, please do the first release before proceeding to iOS settings.
  • Please tap the "Enter" key to enter the content successfully.

Screenshot 2024-12-04 at 12.00.01 PM.png

Field Instruction

Bundle ID

You can copy it from "App Information" in Apple Store Connect.

bundle_ID_EN.png

iPhone Store ID

You can copy the Apple ID from "App Information" in Apple Store Connect.

Apple_ID_EN.png

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)

 

B. Add Android platform

Step 1

Check the box for Android and click Next.

Screenshot 2024-12-04 at 12.01.05 PM.png

 

Step 2

Select Google Play in the drop-down menu and click Next

EN6.png

 

Step 3

Continue the Android platform settings.

*Notes:

  • If your app has not been published, please do the first release before proceeding to Android settings.
  • Please tap the "Enter" key to enter the content successfully.

Screenshot 2024-12-04 at 12.01.58 PM.png

Field Instruction

Key hashes

  1. In the Google Play Console, click your app to access the dashboard. Go to [Test and release] > [Setup] > [App signing], and find the SHA-1 certificate fingerprint in the "App signing key certificate" section.
    Screenshot 2024-12-04 at 10.50.16 AM.png
  2. Go to a decoder website to convert the certified fingerprint into base64 code. The content in "Output" is the key hashes for the Meta for Developer.
    ZH10.png

Deep Linking

Off by default

Log in-app events automatically (recommended)

On by default

Google Play credentials

Off by default

Package Names

In the Google Play Console, find the package name under the app name.

Screenshot 2024-12-03 at 6.58.40 PM.png

Please ignore it if there is a verification error prompt.

Class Name

Fill in at your discretion, or you can fill in "1"

Confirm mobile app ownership

(Skip it for now)

Install Referrer Decryption Key

Uneditable 

 

2. App review

Step 1. 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]

 

Step 2. 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.

Screenshot 2024-12-04 at 12.03.23 PM.png

 

Step 3. Obtain permission successfully

You will find the access levels for the two permissions that have turned into "Advanced Access."

Screenshot 2024-12-04 at 12.04.00 PM.png

 

Step 4. 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.

Screenshot 2024-12-04 at 12.06.00 PM.png

 

3. 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.

EN15.png

 

Step 2

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.

EN16.png

 

Step 3

After adding the Facebook login feature, you need to publish an app update. Click Submit an app publish review to update the app. 

EN17.png

 

 

 

 

 

Have more questions? Submit a request

Comments