Embed into LINE to serve customers
Through LIFF integration, direct customers to real-time chat instead of delivering conversations via the Message API. Without a web redirect, this can effectively reduce push notification costs.
1. Add Live Chat
First, we need to create a "Live Chat" channel. By adding the new "Live Chat" and embedding it in LINE to serve customers, you can enter "Description", "Greeting", color scheme, and other settings on the settings page according to your company nature to shape your corporate image.
After the data settings are complete, click "Save" to add. Then click the "Embed Code" tab and go to the "Enable external URL" setting below.
Perform the following actions 1. Turn on "Enable external URL". 2. Copy the link below; it will be used in step two within LINE.
2. Create a LIFF link
LIFF stands for "LINE Front-end Framework". It is a Web App platform provided by LINE that can obtain LINE user related information, enabling a variety of applications.
Add LINE Logon
First, log in to LINE Developers create the related information, select the designated Provider, and click "Create a new channel" to add a Channel.
There are 5 types of Channels to choose from. Because we need LIFF functionality, choose the "LINE Login" option.
Fill out the form
Then fill out the Channel form according to the required fields. For the "App types" item, select "Web app". After completing the form, click "Create" to add it.
Configure LIFF
After adding, you will see the "LIFF" tab. Click "Add" to add a LIFF.
Next, we'll explain several configuration items
Size
Size has three values: Full, Tall, Compact. They indicate the popup height setting when the user opens the LIFF. According to the official documentation, the heights display as follows:
Endpoint URL
This is the specific URL opened when a LINE user clicks the LIFF link. If you enterhttps://firstline.cc as the URL, then when the user opens the LIFF URL it will display FIRST LINE's homepage.
What we need to enter here is the "External URL" from step "Live Chat" in Chapter One
https://xxxxxx.01.firstline.cc/livechat/messenger/1
Scopes
This item represents which data we need to obtain from LINE. Basically check all items to facilitate future added features.
openid: obtain the user's token.
profile: obtain the user's personal information, such as name, status, etc.
chat_message.write: whether it can use the proactive user-helping message sending
sendMessagesfeature.
Bot link feature
When a user logs in and creates a LIFF for the first time, whether to show a page to add the official account as a friend and how it is displayed. Choose according to your company's nature.
normal: whether to allow the page to show the add-friend option
aggressive: open a separate page to show the add-friend tab
off: do not show the add-friend option
Complete LIFF
After adding the LIFF, you can see the added information from the list. We need to paste the LIFF ID back into the "LIFF ID" field in "Live Chat" and save to complete.
The LIFF URL next to it is the URL to share with customers. When a customer clicks the URL in LINE, it will launch Live Chat and the customer can start a conversation with an agent.
3. 🎉 Start serving customers
After obtaining the LIFF link, you can inform customers to use it in various ways. You can share it via "Targeted Messages", "Auto Reply", adding a "Contact Support" button in the "Rich Menu", and so on.
From then on, customers only need to click the LIFF link to view message content at any time and contact an agent whenever needed.
Last updated