Difference between revisions of "LINE LIFF Custom Feature"

From SimplyBook.me
(Created page with "{{#seo: |title=Line Liff Custom Feature - SimplyBook.me |titlemode=append |keywords=faq, frequently asked questions, booking software, appointment system questions, appointmen...")
 
 
(One intermediate revision by the same user not shown)
Line 13: Line 13:
  
 
:1. To enable this feature, go to the Custom Features section using the left-side menu of your admin interface, find LINE LIFF, and click on Enable button or use the switcher.
 
:1. To enable this feature, go to the Custom Features section using the left-side menu of your admin interface, find LINE LIFF, and click on Enable button or use the switcher.
[[File:Line liff enable path.png|1200px|center|link=https://help.simplybook.me/images/4/4c/Line_liff_enable_path.png]]
+
[[File:Line liff enable path redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/38/Line_liff_enable_path_redesigned.png]]
  
 
:2. To integrate a LIFF app, you need to create a provider and a channel on the [https://developers.line.biz/console/ LINE Developers Console].
 
:2. To integrate a LIFF app, you need to create a provider and a channel on the [https://developers.line.biz/console/ LINE Developers Console].
Line 45: Line 45:
 
:Please copy the LIFF ID and input it to the corresponding field on the Simplybook side.  
 
:Please copy the LIFF ID and input it to the corresponding field on the Simplybook side.  
 
[[File:Line liff id from.png|1200px|center|link=https://help.simplybook.me/images/5/5e/Line_liff_id_from.png]]
 
[[File:Line liff id from.png|1200px|center|link=https://help.simplybook.me/images/5/5e/Line_liff_id_from.png]]
[[File:Line liff id to.png|1200px|center|link=https://help.simplybook.me/images/c/c2/Line_liff_id_to.png]]
+
[[File:Liff id form redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Liff_id_form_redesigned.png]]
  
 
:8. If you want your clients to receive push notifications about their booking status or other reminders (similar to SMS), you can turn on the "Enable friend request with your LINE channel" option in Simplybook LINE LIFF Custom Feature and insert the "Channel access token".<br>
 
:8. If you want your clients to receive push notifications about their booking status or other reminders (similar to SMS), you can turn on the "Enable friend request with your LINE channel" option in Simplybook LINE LIFF Custom Feature and insert the "Channel access token".<br>
(the information on how to obtain the Channel access token will be presented further in the guide)
+
:(the information on how to obtain the Channel access token will be presented further in the guide)
[[File:Line liff enable friend request.png|1200px|center|link=https://help.simplybook.me/images/7/70/Line_liff_enable_friend_request.png]]
+
[[File:Line liff enable friend request redesigned.png|1200px|center|link=https://help.simplybook.me/images/7/70/Line_liff_enable_friend_request_redesigned.png]]
  
 
:In addition, you need to configure the Callback URL on the LINE side. This will allow us to receive information when a client becomes your friend on your LINE channel.
 
:In addition, you need to configure the Callback URL on the LINE side. This will allow us to receive information when a client becomes your friend on your LINE channel.
Line 59: Line 59:
 
:9. After completing these settings, select the Message API tab to get the Bot Basic ID. Copy and paste the Bot ID to the Channel account name field of SimplyBook.me LINE LIFF Custom Feature.<br>
 
:9. After completing these settings, select the Message API tab to get the Bot Basic ID. Copy and paste the Bot ID to the Channel account name field of SimplyBook.me LINE LIFF Custom Feature.<br>
 
[[File:Line liff get bot basic id.png|1200px|center|link=https://help.simplybook.me/images/3/3d/Line_liff_get_bot_basic_id.png]]
 
[[File:Line liff get bot basic id.png|1200px|center|link=https://help.simplybook.me/images/3/3d/Line_liff_get_bot_basic_id.png]]
[[File:Add channel basic id.png|1200px|center|link=https://help.simplybook.me/images/4/49/Add_channel_basic_id.png]]
+
[[File:Line liff channel account name redesigned.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.png]]
  
 
:In the Custom Feature setting you can also see the Webhook Callback URL. Please copy it and paste it to the Webhook URL field on the Line//Messaging API side.  
 
:In the Custom Feature setting you can also see the Webhook Callback URL. Please copy it and paste it to the Webhook URL field on the Line//Messaging API side.  
[[File:Line liff webhook url from.png|1200px|center|link=https://help.simplybook.me/images/9/92/Line_liff_webhook_url_from.png]]
+
[[File:Line liff webhook callback url redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/32/Line_liff_webhook_callback_url_redesigned.png]]
 
[[File:Line liff webhook url to.png|1200px|center|link=https://help.simplybook.me/images/9/98/Line_liff_webhook_url_to.png]]
 
[[File:Line liff webhook url to.png|1200px|center|link=https://help.simplybook.me/images/9/98/Line_liff_webhook_url_to.png]]
  
 
:10. In the Messaging API on the LINE side you need to scroll down to the Channel access token, issue it, copy the result value and insert it to the Simplybook.me LINE LIFF settings.
 
:10. In the Messaging API on the LINE side you need to scroll down to the Channel access token, issue it, copy the result value and insert it to the Simplybook.me LINE LIFF settings.
 
[[File:Line liff access token copy.png|1200px|center|link=https://help.simplybook.me/images/3/3b/Line_liff_access_token_copy.png]]
 
[[File:Line liff access token copy.png|1200px|center|link=https://help.simplybook.me/images/3/3b/Line_liff_access_token_copy.png]]
[[File:Line liff access token paste.png|1200px|center|link=https://help.simplybook.me/images/7/70/Line_liff_access_token_paste.png]]
+
[[File:Line liff channel access token redesigned.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Line_liff_channel_access_token_redesigned.png]]
  
 
11. Please go back to the LINE Login channel, click the Developing status under the channel name, and change it to Publish.<br>
 
11. Please go back to the LINE Login channel, click the Developing status under the channel name, and change it to Publish.<br>
Line 92: Line 92:
  
 
Go to the SimplyBook.me admin panel, select Settings → Email and SMS Settings. The LINE booking notifications texts will be consistent with the SMS notification content. If you want to adjust the information included, you can edit the corresponding templates there.
 
Go to the SimplyBook.me admin panel, select Settings → Email and SMS Settings. The LINE booking notifications texts will be consistent with the SMS notification content. If you want to adjust the information included, you can edit the corresponding templates there.
[[File:Sms notifications enable-disable.png|1200px|center|link=https://help.simplybook.me/images/c/ce/Sms_notifications_enable-disable.png]]
+
[[File:Sms templated path redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Sms_templated_path_redesigned.png]]
  
 
'''Remark:''' If you do not check the boxes for client SMS notifications in Settings → Email and SMS Settings, the system will still automatically send appointment reminders and other appointments notifications through LINE.<br>
 
'''Remark:''' If you do not check the boxes for client SMS notifications in Settings → Email and SMS Settings, the system will still automatically send appointment reminders and other appointments notifications through LINE.<br>

Latest revision as of 11:26, 16 September 2024


Line liff icon.png

The integration of LINE LIFF with SimplyBook.me presents a powerful opportunity for businesses to elevate their appointment booking process and customer engagement. By offering a seamless and efficient experience directly within the Line messaging app, businesses can attract and retain customers, streamline their operations, and stay ahead in the competitive market.



Please note! Client Fields custom feature is not compatible with LINE LIFF feature.

How to use
1. To enable this feature, go to the Custom Features section using the left-side menu of your admin interface, find LINE LIFF, and click on Enable button or use the switcher.
Line liff enable path redesigned.png
2. To integrate a LIFF app, you need to create a provider and a channel on the LINE Developers Console.
3. Once you sign up there, proceed to creating a provider instance.
(provider can be an individual, a company, or an organization that provides services through the LINE platform)
Enter the desired name or company name as the provider name to the corresponding form.
Line developers create account.png
4. Then go to create a LINE Login channel.
Create line login channel.png
5. Add the information to the required fields.
Make sure to choose the Web app in “App types” section and also enter the email address.
Once you accept “LINE Developers agreement” please click on “Create” button to finish this step.
Create line channel form.png
6. After the LINE Login is created, click on LIFF taband add the LIFF app there.
Add liff app path.png

You need to enter the following data:

    • LIFF app name: your brand/company name;
    • Select the app size;
    • Endpoint URL: should be copied from LIFF url (Simplybook.me LINE LIFF feature settings);
    • (obligatory) Select the following Scopes: openid and profile, otherwise the integration may not work or may not work properly;
    • Bot Link feature should be turned on.
Line liff form.png
After all the above settings are completed, click the green Add button to add LINE LIFF.
7. Then you will be directed to the page where you can see your LIFF ID.
Please copy the LIFF ID and input it to the corresponding field on the Simplybook side.
Line liff id from.png
Liff id form redesigned.png
8. If you want your clients to receive push notifications about their booking status or other reminders (similar to SMS), you can turn on the "Enable friend request with your LINE channel" option in Simplybook LINE LIFF Custom Feature and insert the "Channel access token".
(the information on how to obtain the Channel access token will be presented further in the guide)
Line liff enable friend request redesigned.png
In addition, you need to configure the Callback URL on the LINE side. This will allow us to receive information when a client becomes your friend on your LINE channel.
To do that please go to your LINE LIFF Developers console, select the previously added provider account and create new channel called “Messaging API”
(both channels must be under the same provider for all the connections to work)
Line liff create a new channel.png
Line liff create new channel messaging api.png
9. After completing these settings, select the Message API tab to get the Bot Basic ID. Copy and paste the Bot ID to the Channel account name field of SimplyBook.me LINE LIFF Custom Feature.
Line liff get bot basic id.png
Line liff channel account name redesigned.png
In the Custom Feature setting you can also see the Webhook Callback URL. Please copy it and paste it to the Webhook URL field on the Line//Messaging API side.
Line liff webhook callback url redesigned.png
Line liff webhook url to.png
10. In the Messaging API on the LINE side you need to scroll down to the Channel access token, issue it, copy the result value and insert it to the Simplybook.me LINE LIFF settings.
Line liff access token copy.png
Line liff channel access token redesigned.png

11. Please go back to the LINE Login channel, click the Developing status under the channel name, and change it to Publish.

Line liff publish channel.png
12. Once published, you need to log into the Line Official Account under the same LINE account as the Developers Console.
When you access it, please click on Rich Menu option in the navigation and Create a Rich Menu there.
Create a rich menu line liff.png
13. Fill in the required fields.
In menu Content please select the template and add the image.
Choose “Link” type in Actions block and add the LIFF url from the Developer Console//LINE Login channel.
Action type link.png
Line liff url.png
14. To link LINE Official account with the LINE Developers account please to to the Developer Console and click on the LINE Login channel. In the Linked OA you need select the Official account to make both parts connected.
Connect official account.png
15. After opening the Official LINE account page in the LINE app, customers can click on the menu to start the booking process. During the process they can select the services, date and time they want to reserve, login with their LINE account and confirm the reservation.
The integration also allows the clients to easily see their bookings within this in-app widget.
Line app booking process.png

How to customize LINE Official Account notifications?

Go to the SimplyBook.me admin panel, select Settings → Email and SMS Settings. The LINE booking notifications texts will be consistent with the SMS notification content. If you want to adjust the information included, you can edit the corresponding templates there.

Sms templated path redesigned.png

Remark: If you do not check the boxes for client SMS notifications in Settings → Email and SMS Settings, the system will still automatically send appointment reminders and other appointments notifications through LINE.