Export translations

Settings

Group

Language

Format

Export for off-line translation

Export in native format

{{#seo:
|title=Line Liff Custom Feature - SimplyBook.me
|description=Enable LINE LIFF integration for seamless client communication. Expand your reach through LINE. Activate this feature now!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, line integration, line liff, book with line
}}

<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Line liff icon.png|100px|left]] 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.
<br><br>
'''Please note!''' [[Special:MyLanguage/Client Fields Custom Feature|Client Fields]] custom feature is not compatible with LINE LIFF feature. 
<br><br>
;How to use
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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 redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/38/Line_liff_enable_path_redesigned.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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].
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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.
[[File:Line developers create account.png|1200px|center|link=https://help.simplybook.me/images/a/a4/Line_developers_create_account.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
:4. Then go to create a LINE Login channel.
[[File:Create line login channel.png|1200px|center|link=https://help.simplybook.me/images/1/13/Create_line_login_channel.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
:5. Add the information to the required fields.<br>
:Make sure to choose the Web app in “App types” section and also enter the email address.<br>
:Once you accept “LINE Developers agreement” please click on “Create” button to finish this step. 
[[File:Create line channel form.png|1200px|center|link=https://help.simplybook.me/images/c/c7/Create_line_channel_form.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
:6. After the LINE Login is created, click on LIFF taband add the LIFF app there. 
[[File:Add liff app path.png|1200px|center|link=https://help.simplybook.me/images/2/21/Add_liff_app_path.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
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.
[[File:Line liff form.png|1200px|center|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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. 
[[File:Line liff id from.png|1200px|center|link=https://help.simplybook.me/images/5/5e/Line_liff_id_from.png]]
[[File:Liff id form redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Liff_id_form_redesigned.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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)
[[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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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)
[[File:Line liff create a new channel.png|1200px|center|link=https://help.simplybook.me/images/4/4e/Line_liff_create_a_new_channel.png]]
[[File:Line liff create new channel messaging api.png|1200px|center|link=https://help.simplybook.me/images/e/e7/Line_liff_create_new_channel_messaging_api.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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 channel account name redesigned.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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 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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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 channel access token redesigned.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Line_liff_channel_access_token_redesigned.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
11. Please go back to the LINE Login channel, click the Developing status under the channel name, and change it to Publish.<br>
[[File:Line liff publish channel.png|1200px|center|link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
:12. Once published, you need to log into the [https://manager.line.biz/ 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. 
[[File:Create a rich menu line liff.png|1200px|center|link=https://help.simplybook.me/images/8/80/Create_a_rich_menu_line_liff.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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. 
[[File:Action type link.png|1200px|center|link=https://help.simplybook.me/images/4/4b/Action_type_link.png]]
[[File:Line liff url.png|1200px|center|link=https://help.simplybook.me/images/0/00/Line_liff_url.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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. 
[[File:Connect official account.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Connect_official_account.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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.
[[File:Line app booking process.png|1200px|center|link=https://help.simplybook.me/images/0/0d/Line_app_booking_process.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
==How to customize LINE Official Account notifications?==
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
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 templated path redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Sms_templated_path_redesigned.png]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
'''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>
</div>

Not logged in

Search

Navigation

Tools

Export translations

Namespaces

Views

Actions

Navigation

Tools