LINE Login & Sign-up | Shopper App

ECSC_EN.pngShopper_App_EN.png

Besides registering as a member using email, the Shopper App also allows customers to sign up/in with their LINE account. As the LINE mobile app login setting requires the use of app-related information, please add the LINE login feature after the first successful app release.

 

*Please note: If you have already set up the LINE login for your online store, you can use the same application on the LINE developer and follow Steps 3.4.2 and 4 for app settings.

 

1. Sign-up as LINE Developers

Please enter the LINE Developer and click LINE Login > Start now, then log in with your LINE account. You can use your company's LINE account if you are a company account.

Enter the name and email you want to use on the app page in the "Developer Name" and "Your email" fields, and check "I have read and agree to the LINE App Agreement" click Confirm and Register in the next step. The "Developer Name" and "Your email" can be modified afterward.

ZH1.1.png

 

2. Create a provider

Click Create a new provider.

ZH1.2.png

 

Entering your company name in the "Provider name" field, click Create to continue.

ZH2.1.png

Please refer to this article for more details.

 

3. Create LINE Login Channel

3.1 Select "Create a LINE Login channel."

mceclip7.png

 

3.2 Fill in and submit the information for creating a new channel

Upload an image of the store (you can use the store logo), and enter "Channel name" and "Channel description" which will be seen on the page when customers register through LINE. These data can be edited later.

*Note: Please do not enter spaces in the "Channel name" field to avoid error prompts.

ZH3.2.png

 

3.3 Look for the Channel ID & Channel Secret

Please copy the Channel ID and Channel secret for the third-party member login.

*Note: The Channel ID and Channel secret should be the same as the Channel ID used by the store.

ZH3.3.png

3.3.1 Confirm configuration information

In the [OpenID Connect] > [Email address permission] tab, you will first see the default display "Unapplied." Click the Apply button on the right, then check the two options as shown in the image below, and upload the screenshot of your store's Privacy Policy (you ask the customers' permission to collect their email addresses). Click Submit after completion.

3.3.1.png

After completion, the "Unapplied" status will be updated to "Applied."

applied.png

 

3.4 Setting LINE-related information

Then check both "Web app" and "Mobile app" in "LINE Login settings."

6.png

3.4.1 Web app settings

Return to [Channel Integration] > [LINE] > [LINE Sign Up & Login] in SHOPLINE Admin and copy the Callback URL. 

In the Channel page in LINE Developers, go to the "LINE Login" tab and scroll down to "Callback URL". Click Edit, paste the Callback URL copied from SHOPLINE Admin and click Update.

Screen_Shot_2022-10-07_at_10.34.08_AM.png

mceclip18.png

*Note: If you do not complete this step, customers will see the error message below when trying to register or log in to your store using a LINE account. 

 

3.4.2 Mobile app settings

For iOS

Field Source/ Instruction
iOS bundle ID

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

bundle_ID_EN.png

iOS universal link (Skip)

mobile_app_ios.png

 

Android

Field Source/ Instruction

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

Package signatures

  1. Please obtain SHA-1 certificate fingerprint in Google Play Console > [Setup] > App integrity > App signing. SHA1_EN.png
  2. Remove the ":" in the certificate fingerprint. There are 2 ways to do it: a. Remove the colon(:) manually; or b. Go to a decoder website to convert the SHA-1-certified fingerprint. Click Convert; the "Cleaned input" content is the Package Signatures.
    convert_EN.png

Android URL scheme

(Skip)

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

Screen_Shot_2022-09-06_at_4.46.27_PM.png

 

Step 2

Fill in the LINE app Info

Paste the Channel ID and Channel secret from the LINE Developer to the fields in the pop-up window. Check the box to confirm and click Save.

*Note: The Channel ID and Channel secret should be the same as the Channel ID used by the store.

Screen_Shot_2022-09-06_at_4.47.21_PM.png

 

Step 3

Click Submit an app publish review to update the app. 

Screen_Shot_2022-09-06_at_4.48.26_PM.png

 

 

 

 

 

Have more questions? Submit a request

Comments