LINE LIFF Custom Feature/uk: Difference between revisions

From SimplyBook.me
VisualWikitext
Created page with "100px|left Інтеграція LINE LIFF з SimplyBook.me надає підприємствам потужну можливість покращити процес бронювання зустрічей та взаємодію з клієнтами. Запропонувавши безперебійний та ефективний сервіс безпосередньо в месенджері Line, підприємства можуть за..."
 
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"
Tags: Mobile edit Mobile web edit
 
(3 intermediate revisions by the same user not shown)
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">
:Після завершення всіх вищезазначених налаштувань натисніть зелену кнопку «Додати», щоб додати 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">
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">
: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>

Latest revision as of 15:28, 19 May 2025

Other languages:


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



Зверніть увагу! Функція налаштування полів клієнта несумісна з функцією LINE LIFF.

Як користуватися
1. Щоб увімкнути цю функцію, перейдіть до розділу «Налаштування» за допомогою меню зліва в адміністративному інтерфейсі, знайдіть LINE LIFF і натисніть кнопку «Увімкнути» або скористайтеся перемикачем.
2. Щоб інтегрувати додаток LIFF, потрібно створити постачальника та канал у консолі LINE Developers Console.
3. Після реєстрації перейдіть до створення екземпляра постачальника.
(постачальником може бути фізична особа, компанія або організація, яка надає послуги через платформу LINE)
Введіть бажане ім'я або назву компанії як ім'я постачальника у відповідну форму.
4. Потім перейдіть до створення каналу LINE Login.
5. Додайте інформацію в необхідні поля.
Обов'язково виберіть «Веб-додаток» у розділі «Типи додатків» та введіть адресу електронної пошти.
Після прийняття «Угоди розробників LINE» натисніть кнопку «Створити», щоб завершити цей крок.
6. Після створення LINE Login натисніть на вкладку LIFF і додайте туди додаток LIFF.

Вам потрібно ввести наступні дані:

    • Назва додатка LIFF: назва вашого бренду/компанії;
    • Виберіть розмір додатка;
    • URL-адреса кінцевої точки: слід скопіювати з URL-адреси LIFF (налаштування функції LIFF у Simplybook.me);
    • (обов'язково) Виберіть наступні області: openid та profile, інакше інтеграція може не працювати або працювати неправильно;
    • Функція Bot Link повинна бути увімкнена.
Після завершення всіх вищезазначених налаштувань натисніть зелену кнопку «Додати», щоб додати LINE LIFF.
7. Після цього ви будете перенаправлені на сторінку, де зможете побачити свій LIFF ID.
Скопіюйте LIFF ID та введіть його у відповідне поле на сайті Simplybook.
8. Якщо ви хочете, щоб ваші клієнти отримували push-повідомлення про статус їхнього бронювання або інші нагадування (подібні до SMS), ви можете увімкнути опцію «Увімкнути запит на додавання в друзі через канал LINE» в налаштуваннях Simplybook LINE LIFF Custom Feature та ввести «Токен доступу до каналу».
(інформація про те, як отримати токен доступу до каналу, буде представлена далі в посібнику)
Крім того, вам потрібно налаштувати URL-адресу зворотного виклику на стороні LINE. Це дозволить нам отримувати інформацію, коли клієнт стане вашим другом у вашому каналі LINE.
Для цього перейдіть до консолі розробників LINE LIFF, виберіть раніше доданий обліковий запис постачальника та створіть новий канал під назвою «Messaging API»
(обидва канали повинні бути під одним постачальником, щоб усі з'єднання працювали)
9. Після завершення цих налаштувань виберіть вкладку «API повідомлень», щоб отримати базовий ідентифікатор бота. Скопіюйте та вставте ідентифікатор бота в поле «Ім'я облікового запису каналу» в налаштуваннях SimplyBook.me LINE LIFF Custom Feature.
У налаштуваннях «Custom Feature» (Налаштування функції) ви також можете побачити URL-адресу веб-хука. Скопіюйте її та вставте в поле «Webhook URL» (URL-адреса веб-хука) на стороні Line//Messaging API.
10. В API обміну повідомленнями на стороні LINE потрібно прокрутити вниз до токена доступу до каналу, видати його, скопіювати отримане значення та вставити його в налаштування Simplybook.me LINE LIFF.

11. Поверніться до каналу LINE Login, натисніть Developing status під назвою каналу та змініть його на Publish.

12. Після публікації вам потрібно увійти в офіційний акаунт Line під тим самим обліковим записом LINE, що і в консолі розробників.
Коли ви увійдете, натисніть на опцію «Rich Menu» (Розширене меню) в навігації та створіть там розширене меню.
13. Заповніть необхідні поля.
У меню «Content» (Вміст) виберіть шаблон і додайте зображення.
Виберіть тип «Link» (Посилання) у блоці «Actions» (Дії) і додайте URL-адресу LIFF з консолі розробника//каналу LINE Login.
14. Щоб пов'язати офіційний акаунт LINE з акаунтом LINE Developers, перейдіть до консолі розробника та натисніть на канал LINE Login. У розділі Linked OA (Пов'язані OA) виберіть офіційний акаунт, щоб пов'язати обидві частини.
15. Відкривши офіційну сторінку LINE в додатку LINE, клієнти можуть натиснути на меню, щоб розпочати процес бронювання. Під час цього процесу вони можуть вибрати послуги, дату та час, які хочуть забронювати, увійти за допомогою свого облікового запису LINE та підтвердити бронювання.
Інтеграція також дозволяє клієнтам легко переглядати свої бронювання в цьому віджеті в додатку.


Як налаштувати сповіщення офіційного акаунту LINE?

Перейдіть до панелі адміністратора SimplyBook.me, виберіть Налаштування → Налаштування електронної пошти та SMS. Тексти повідомлень про бронювання в LINE будуть відповідати змісту SMS-повідомлень. Якщо ви хочете змінити інформацію, що міститься в повідомленнях, ви можете редагувати відповідні шаблони там.

Примітка: якщо ви не встановили прапорці для SMS-повідомлень клієнтам у налаштуваннях → Налаштування електронної пошти та SMS, система все одно автоматично надсилатиме нагадування про зустрічі та інші повідомлення про зустрічі через LINE.

Retrieved from "https://help.simplybook.me/index.php?title=LINE_LIFF_Custom_Feature/uk&oldid=23869"