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. As the Facebook login setting requires the use of app-related information, please release your app first before adding the Facebook login feature.

 

*Note: 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|Customer Settings to create one first, and then proceed to the settings below.

 

1. Enter Meta for Developers

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

 

2. Add iOS and Android platforms

Click [Settings] > [Basic] in the left panel and continue the setups. 

 

A. Add iOS platform

Scroll down the page and click + Add platform.

add_platform.png

 

Check the box for iOS and click Next.

select_iOS.png

 

Continue the iOS platform settings.

Please tap the "Enter" key to enter the content successfully.

EN7.png

Follow the guide below to set it up:

*If your app has not been published, please do the first release before proceeding to iOS settings.

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 the Android platform

Go to the bottom of [Settings] > [Basic] and click + Add platform.

add_platform.png

 

Check the box for Android and click Next.

select_android.png

 

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

EN6.png

 

Continue the Android platform settings.

Please tap the "Enter" key to enter the content successfully.

EN8.png

Follow the guide below to set it up:

*If your app has not been published, please do the first release before proceeding to Android settings.

Field Instruction

Key hashes

  1. Please obtain SHA-1 certificate fingerprint in Google Play Console > [Setup] > App integrity.SHA1_EN.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

Please copy the name in bracket after "package name:" in Google Play Console [Setup] > [App integrity] > [Digital Asset Links JSON]

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

 

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

EN12.png

 

Obtain permission successfully

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

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.

EN14.png

 

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

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