LINE LIFF Custom Feature/uk - Revision history

FuzzyBot: Updating to match new version of source page

2026-02-16T13:41:22Z

Updating to match new version of source page

← Older revision		Revision as of 13:41, 16 February 2026
Line 3:		Line 3:
	{{#seo:		{{#seo:
	\|title=Line Liff Custom Feature - SimplyBook.me		\|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!~~		\|description=LINE Front-end Framework integration. Enhanced LINE messenger booking experience. Rich interface within LINE app for seamless booking flow.
	\|titlemode=append		\|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		\|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

Admin: Created page with "11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на Publish.
link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png"

2025-05-19T15:28:01Z

Created page with "11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на Publish.<br> 1200px|center|link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png"

← Older revision		Revision as of 15:28, 19 May 2025
Line 79:		Line 79:
	[[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]]		[[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 lang="en" dir="ltr" class="mw-content-ltr">~~		:13. Заповніть необхідні поля.
	:13. ~~Fill in the required fields~~.		:У меню «Content» (Вміст) виберіть шаблон і додайте зображення.
	:~~In menu Content please select the template and add the image~~.		:Виберіть тип «Link» (Посилання) у блоці «Actions» (Дії) і додайте URL-адресу LIFF з консолі розробника//каналу LINE Login.
	:~~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: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]]		[[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. Щоб пов'язати офіційний акаунт LINE з акаунтом LINE Developers, перейдіть до консолі розробника та натисніть на канал LINE Login. У розділі Linked OA (Пов'язані OA) виберіть офіційний акаунт, щоб пов'язати обидві частини.
	: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]]		[[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. Відкривши офіційну сторінку LINE в додатку LINE, клієнти можуть натиснути на меню, щоб розпочати процес бронювання. Під час цього процесу вони можуть вибрати послуги, дату та час, які хочуть забронювати, увійти за допомогою свого облікового запису LINE та підтвердити бронювання.
	: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]]		[[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~~">		<span id="How_to_customize_LINE_Official_Account_notifications?"></span>
	==~~How to customize~~ LINE ~~Official Account notifications~~?==		== Як налаштувати сповіщення офіційного акаунту LINE? ==
	~~</div>~~

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		Перейдіть до панелі адміністратора SimplyBook.me, виберіть Налаштування → Налаштування електронної пошти та SMS. Тексти повідомлень про бронювання в LINE будуть відповідати змісту SMS-повідомлень. Якщо ви хочете змінити інформацію, що міститься в повідомленнях, ви можете редагувати відповідні шаблони там.
	~~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]]		[[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">~~		'''Примітка:''' якщо ви не встановили прапорці для SMS-повідомлень клієнтам у налаштуваннях → Налаштування електронної пошти та SMS, система все одно автоматично надсилатиме нагадування про зустрічі та інші повідомлення про зустрічі через 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>
	~~</div~~>

Admin: Created page with ":Після завершення всіх вищезазначених налаштувань натисніть зелену кнопку «Додати», щоб додати LINE LIFF. :7. Після цього ви будете перенаправлені на сторінку, де зможете побачити свій LIFF ID. :Скопіюйте LIFF ID та введіть його у відповідне поле на сайті Simplybook. File:Line liff..."

2025-05-19T15:27:54Z

Created page with ":Після завершення всіх вищезазначених налаштувань натисніть зелену кнопку «Додати», щоб додати LINE LIFF. :7. Після цього ви будете перенаправлені на сторінку, де зможете побачити свій LIFF ID. :Скопіюйте LIFF ID та введіть його у відповідне поле на сайті Simplybook. File:Line liff..."

← Older revision		Revision as of 15:27, 19 May 2025
Line 72:		Line 72:
	[[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]]		[[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 lang="en" dir="ltr" class="mw-content-ltr">~~		11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на 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>
	[[File:Line liff publish channel.png\|1200px\|center\|link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png]]		[[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. Після публікації вам потрібно увійти в [https://manager.line.biz/ офіційний акаунт Line] під тим самим обліковим записом LINE, що і в консолі розробників.
	: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~~.		:Коли ви увійдете, натисніть на опцію «Rich Menu» (Розширене меню) в навігації та створіть там розширене меню.
	:~~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]]		[[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">		<div lang="en" dir="ltr" class="mw-content-ltr">

Admin: Created page with ":1. Щоб увімкнути цю функцію, перейдіть до розділу «Налаштування» за допомогою меню зліва в адміністративному інтерфейсі, знайдіть LINE LIFF і натисніть кнопку «Увімкнути» або скористайтеся перемикачем. File:Line liff enable path redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/38/Line_li..."

2025-05-19T15:27:51Z

Created page with ":1. Щоб увімкнути цю функцію, перейдіть до розділу «Налаштування» за допомогою меню зліва в адміністративному інтерфейсі, знайдіть LINE LIFF і натисніть кнопку «Увімкнути» або скористайтеся перемикачем. File:Line liff enable path redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/38/Line_li..."

← Older revision		Revision as of 15:27, 19 May 2025
Line 44:		Line 44:
	[[File:Line liff form.png\|1200px\|center\|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]		[[File:Line liff form.png\|1200px\|center\|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		:Після завершення всіх вищезазначених налаштувань натисніть зелену кнопку «Додати», щоб додати LINE LIFF.
	:~~After all the above settings are completed~~, ~~click the green Add button to add~~ LINE LIFF.		:7. Після цього ви будете перенаправлені на сторінку, де зможете побачити свій LIFF ID.
	:7. ~~Then you will be directed to the page where you can see your~~ LIFF ID.		:Скопіюйте LIFF ID та введіть його у відповідне поле на сайті Simplybook.
	:~~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:Liff id form redesigned.png\|1200px\|center\|link=https://help.simplybook.me/images/8/8d/Liff_id_form_redesigned.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. Якщо ви хочете, щоб ваші клієнти отримували push-повідомлення про статус їхнього бронювання або інші нагадування (подібні до SMS), ви можете увімкнути опцію «Увімкнути запит на додавання в друзі через канал LINE» в налаштуваннях Simplybook LINE LIFF Custom Feature та ввести «Токен доступу до каналу».<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~~)
	[[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]]		[[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">~~		:Крім того, вам потрібно налаштувати URL-адресу зворотного виклику на стороні LINE. Це дозволить нам отримувати інформацію, коли клієнт стане вашим другом у вашому каналі LINE.
	:~~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 LIFF, виберіть раніше доданий обліковий запис постачальника та створіть новий канал під назвою «Messaging API»
	:~~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 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]]		[[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. Після завершення цих налаштувань виберіть вкладку «API повідомлень», щоб отримати базовий ідентифікатор бота. Скопіюйте та вставте ідентифікатор бота в поле «Ім'я облікового запису каналу» в налаштуваннях 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:Line liff channel account name redesigned.png\|1200px\|center\|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.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">~~		:У налаштуваннях «Custom Feature» (Налаштування функції) ви також можете побачити URL-адресу веб-хука. Скопіюйте її та вставте в поле «Webhook URL» (URL-адреса веб-хука) на стороні Line//Messaging API.
	~~: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 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]]
	~~</div>~~

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		:10. В API обміну повідомленнями на стороні LINE потрібно прокрутити вниз до токена доступу до каналу, видати його, скопіювати отримане значення та вставити його в налаштування Simplybook.me LINE LIFF.
	: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 channel access token redesigned.png\|1200px\|center\|link=https://help.simplybook.me/images/2/2e/Line_liff_channel_access_token_redesigned.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">		<div lang="en" dir="ltr" class="mw-content-ltr">

Admin: Created page with ":2. Щоб інтегрувати додаток LIFF, потрібно створити постачальника та канал у консолі [https://developers.line.biz/console/ LINE Developers Console]."

2025-05-19T15:27:43Z

Created page with ":2. Щоб інтегрувати додаток LIFF, потрібно створити постачальника та канал у консолі [https://developers.line.biz/console/ LINE Developers Console]."

← Older revision		Revision as of 15:27, 19 May 2025
Line 15:		Line 15:
	;Як користуватися		;Як користуватися

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		:1. Щоб увімкнути цю функцію, перейдіть до розділу «Налаштування» за допомогою меню зліва в адміністративному інтерфейсі, знайдіть LINE LIFF і натисніть кнопку «Увімкнути» або скористайтеся перемикачем.
	: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]]		[[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. Щоб інтегрувати додаток LIFF, потрібно створити постачальника та канал у консолі [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].
	~~</div>~~

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		:3. Після реєстрації перейдіть до створення екземпляра постачальника.
	:3. ~~Once you sign up there, proceed to creating a provider instance~~.		:(постачальником може бути фізична особа, компанія або організація, яка надає послуги через платформу LINE)
	:(~~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]]		[[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. Потім перейдіть до створення каналу LINE Login.
	: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]]		[[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. Додайте інформацію в необхідні поля.<br>
	:5. ~~Add the information to the required fields~~.<br>		:Обов'язково виберіть «Веб-додаток» у розділі «Типи додатків» та введіть адресу електронної пошти.<br>
	:~~Make sure to choose the Web app in “App types” section and also enter the email address~~.<br>		:Після прийняття «Угоди розробників LINE» натисніть кнопку «Створити», щоб завершити цей крок.
	:~~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]]		[[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. Після створення LINE Login натисніть на вкладку LIFF і додайте туди додаток LIFF.
	: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]]		[[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: назва вашого бренду/компанії;
	**LIFF ~~app name~~: ~~your brand~~/~~company name~~;		**Виберіть розмір додатка;
	**~~Select the app size~~;		**URL-адреса кінцевої точки: слід скопіювати з URL-адреси LIFF (налаштування функції LIFF у Simplybook.me);
	**~~Endpoint~~ URL: ~~should be copied from~~ LIFF ~~url~~ (Simplybook.me ~~LINE LIFF feature settings~~);		**(обов'язково) Виберіть наступні області: openid та profile, інакше інтеграція може не працювати або працювати неправильно;
	**(~~obligatory~~) ~~Select the following Scopes~~: openid ~~and~~ profile, ~~otherwise the integration may not work or may not work properly~~;		**Функція Bot Link повинна бути увімкнена.
	**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]]		[[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">		<div lang="en" dir="ltr" class="mw-content-ltr">

Admin: Created page with "left Інтеграція LINE LIFF з SimplyBook.me надає підприємствам потужну можливість покращити процес бронювання зустрічей та взаємодію з клієнтами. Запропонувавши безперебійний та ефективний сервіс безпосередньо в месенджері Line, підприємства можуть за..."

2025-05-19T15:27:36Z

Created page with "100px|left Інтеграція LINE LIFF з SimplyBook.me надає підприємствам потужну можливість покращити процес бронювання зустрічей та взаємодію з клієнтами. Запропонувавши безперебійний та ефективний сервіс безпосередньо в месенджері Line, підприємства можуть за..."

New page

<languages/>

{{#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
}}

[[File:Line liff icon.png|100px|left]] Інтеграція LINE LIFF з SimplyBook.me надає підприємствам потужну можливість покращити процес бронювання зустрічей та взаємодію з клієнтами. Запропонувавши безперебійний та ефективний сервіс безпосередньо в месенджері Line, підприємства можуть залучити та утримати клієнтів, оптимізувати свою діяльність та залишатися лідерами на конкурентному ринку.
<br><br>
'''Зверніть увагу!''' Функція налаштування [[Special:MyLanguage/Client Fields Custom Feature|полів клієнта]] несумісна з функцією LINE LIFF.
<br><br>
;Як користуватися

<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>

LINE LIFF Custom Feature/uk - Revision history

FuzzyBot: Updating to match new version of source page

Admin: Created page with "11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на Publish. link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png"

Admin: Created page with ":2. Щоб інтегрувати додаток LIFF, потрібно створити постачальника та канал у консолі [https://developers.line.biz/console/ LINE Developers Console]."

Admin: Created page with "11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на Publish.
link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png"