LINE Sign-in configuration

Configure LINE Login and connect it to The Wallet Crew social sign-in.

Use this page to enable the LINE button in an enrolment form.

Start with Social sign-in to understand the customer flow. Then come back here for the provider setup.

Connect with LINE in an enrolment form example

Overview

What is set up here

• A LINE channel with the LINE Login product enabled.

• Allowed OAuth redirect URIs and valid domains for the enrolment form.

• The App ID stored in The Wallet Crew admin console.

Prerequisites

• Access to the brand’s LINE Developers Console.

• Permission to create and manage channels.

• The list of domains where the enrolment forms will run (prod + staging + dev + custom).

Create the LINE channel

1

Create a provider and channel

Go to the LINE Developers Console

LINE Developers Console

1. Select or create a Provider

2. Click Create a new channel

2

Select LINE Login

Check that LINE Login is selected before creating the channel.

1. Choose LINE Login

2. Select app type: Web app

3. Fill the required information

4. Create the channel

3

Enable Email permission (OpenID Connect)

Open the channel settings:

Check that email address permission is applied for and granted.

1. Go to the OpenID Connect section

2. Enable Email address permission

This step is required when the enrolment flow depends on email.

4

Configure callback URLs

In the LINE Login tab:

Add a callback URL for each environment:

https://app.neostore.cloud/auth/callback/line
https://app-qa.neostore.cloud/auth/callback/line
https://app-dev.neostore.cloud/auth/callback/line
https://<your-custom-domain>/auth/callback/line

Important:

• The full URL must match exactly

• Include /auth/callback/line

• Add prod + QA + dev + custom domains

Save the changes.

5

Publish the channel

In the top-left corner, click Developing.

Check that the channel status moves from Developing to Published.

Then click Publish to make the channel available for production use.

Configure LINE in The Wallet Crew

In The Wallet Crew Backoffice, open the LINE configuration page.

Social Login -> LINE

LINE configuration screen

Copy the values from the LINE Developers Console into The Wallet Crew.

After saving, keep this page open for a quick cross-check:

• The LINE channel must be the same one used for the callback URLs.

• The saved clientId must match the Channel ID exactly.

These values are available in:

LINE Developers Console → the channel → Basic settings

Enable LINE on the enrolment form

Enable the provider in the enrolment form settings.

Go into advanced configuration -> Layout. Open the layout where social sign-in should be activated and add these lines:

signinOptions:
  providers:
    - type: line

For more information see Enrolment form.

FAQ

Which LINE channel type should I create for this setup?

Create a LINE Login channel with app type Web app.

That’s the channel type that supports the OAuth callback flow used by enrolment forms.

Do I need to enable “Email address permission” in OpenID Connect?

Enable it when the enrolment flow requires an email.

Without it, LINE may not return an email for the customer.

What callback URLs do I need to add?

Add one callback URL per environment.

The URL must match exactly and must include /auth/callback/line.

Use the patterns listed above for prod, QA, dev, and any custom domain.

Where do I find the LINE clientId ?

In the LINE Developers Console:

The channel → Basic settings.

Copy the Channel ID into authentication.clientId.

How do I actually show the LINE button on the enrolment form?

Enable the provider in the enrolment form settings.

When buttons are managed via layout YAML, add - type: line under signinOptions.providers.