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.
2. Create a provider
Click Create a new provider.
Entering your company name in the "Provider name" field, click Create to continue.
Please refer to this article for more details.
3. Create LINE Login Channel
3.1 Select "Create a LINE Login channel."
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.
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.
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.
After completion, the "Unapplied" status will be updated to "Applied."
3.4 Setting LINE-related information
Then check both "Web app" and "Mobile app" in "LINE Login settings."
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.
*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. |
iOS universal link | (Skip) |
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 signatures |
|
Android URL scheme |
(Skip) |
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.
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.
Step 3
Click Submit an app publish review to update the app.
Comments