> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/en/features/tong-xun-qu-dao/integrations/line-2.0/interactive-games-line-liff-id-setting.md).

# Interactive Games - LINE LIFF ID setting

{% hint style="info" %}
If you haven't created a LINE Login Channel before, please refer to [this documentation link for instructions ](https://en-docs.omnichat.ai/~/changes/GW8rfxAzo4AEMfRopOnJ/features/game-module-add-on-module/line-developer-pre-setting#have-not-created-login-channel-account-yet)on how to create a Login Channel. Once you have completed the channel creation, proceed with the configuration of the LIFF ID for the game module.
{% endhint %}

## Step 1

Let's get started by creating your LIFF app within the LINE Login Channel:

1. **Access Your LINE Login Channel:** Log in to the LINE Developers Console and navigate to the specific LINE Login channel you'll be using for your omnichannel platform's game module.
2. **Open the LIFF Tab:** Within your chosen LINE Login channel, locate the "LIFF" tab and click on it.
3. **Add a New LIFF App:** Once you're in the LIFF tab, look for an "Add" button and click on it to initiate the creation of your new LIFF app.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FTZaZ5QN2h3ybqKVI41p5%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%8812.24.41.png?alt=media&amp;token=1cef3a0b-ec00-458f-aeba-0ac25e483aef" alt=""><figcaption></figcaption></figure>

## Step 2

Here's how to fill out the details for your LIFF app:

1. **LIFF App Name:** Enter "Omnichat Game Module" to identify your app within LINE.
2. **Size:** Choose "Tall" for the display format in the LINE chat window.
3. **Endpoint URL:** This is where users will be directed after clicking the LIFF app. For now, enter `https://game.omnichat.ai/?liffId=` as a placeholder. **We'll add the LIFF ID onto the blank space once you have completed Step 3.**
4. **Scopes:** These define what permissions your app needs. Click on all the available options to ensure full functionality.
5. **Bot Link Feature:** This allows users to easily access your LINE Official Account chatbot. Turn it "On (Aggressive)" for maximum visibility.
6. **Scan QR:** Enable this option to allow users to access your LIFF app by scanning a QR code.

{% hint style="info" %}
**Note:** Your LIFF ID will be automatically generated after you complete Step 3. We'll then use it to update the placeholder in the Endpoint URL.
{% endhint %}

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FwgKBQklXJYseUKpGfi47%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%8812.32.06.png?alt=media&amp;token=e91837e1-e98d-4ab7-862b-3c48be3d2f1b" alt=""><figcaption></figcaption></figure>

## Step 3

To enable the LIFF application and get your LIFF ID, follow these steps:

1. Turn on the `shareTargetPicker` setting.
2. In the next screen, you'll see an agreement titled 'Agreement Regarding Use of Information'. **Make sure to read and agree** to this agreement.
3. Once you agree, you'll be able to enable the LIFF application and obtain your LIFF ID.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FpSehPmaVDSmCFFNZh7yD%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%8812.35.49.png?alt=media&amp;token=158ba7e0-198e-4ac2-bf1e-576a8cc8fbbf" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FTvpzaHxT2AHJ4iPOdjjL%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%886.05.23.png?alt=media&amp;token=be1b87c9-b88b-4bf2-a52f-955d572bd8fd" alt=""><figcaption></figcaption></figure>

## Step 4

Now that you have your LIFF ID, let's update the placeholder URL which you entered earlier.

1. **Navigate to the LIFF Settings:** Go back to the LIFF tab within your LINE Login Channel (refer to Step 1 if you need help).
2. **Edit the Endpoint URL:** Find the LIFF app you created and locate the section for "Endpoint URL". Click the "Edit" button next to it.
3. **Add Your LIFF ID:** Paste the LIFF ID which you have obtained in Step 3 after the `=` sign in your Endpoint URL.
4. **Save the Changes:** Once you've added your LIFF ID, click the "Update" button to finalize the changes.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2ForA30G1CCBTvcQSRsRIZ%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%886.09.40.png?alt=media&amp;token=a443b4d6-75a6-46e5-9fa6-d60a4763e75f" alt=""><figcaption></figcaption></figure>

## Step 5

Now that you have completed setting up the LIFF App settings, go to Channels > Messenger Integration on your Omnichat platform.

1. Go to the LINE tab.
2. On the Actions section, click on the 3 dots. A dropdown menu will appear.
3. Click "Edit".

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FYYX1bgTeW6G1InsjH9Wb%2F%E6%88%AA%E5%9C%96%202023-05-24%20%E4%B8%8B%E5%8D%886.15.19.png?alt=media&amp;token=beffcb2e-851e-46f2-b0c1-d05f31f1d9e8" alt=""><figcaption></figcaption></figure>

4. In the the "Game Module LIFF ID (Optional)" field, paste the LIFF ID obtained from the LINE Login Channel earlier.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FM1h5ryGrtCqTcz85sGAx%2Fimage.png?alt=media&amp;token=36aad4e7-7322-4b46-b332-01d5e0ab07ee" alt=""><figcaption></figcaption></figure>

5. Congratulations! You've successfully activated the Game Module for your LINE Channel on Omnichat.