Client mobile app/uk: Difference between revisions

Created page with "Мобільний додаток для клієнтів працює як прогресивний веб-додаток (PWA), що означає, що його не можна завантажити з традиційних магазинів додатків, таких як App Store або Play Market. Натомість ваші клієнти можуть отримати доступ до функцій додатку безпосередньо через в..."
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 14: Line 14:
<br><br><br><br>
<br><br><br><br>


<div lang="en" dir="ltr" class="mw-content-ltr">
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу! '''</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
*Коли<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">ви ввімкнете цю функцію, також буде ввімкнена кастомна функція <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Клієнтського входу]]</span>;</span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you turn this feature on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Client Login]]</span> custom feature will be enabled as well;</span>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">*Наразі працює лише з тижневими заняттями, сучасними та гнучкими <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|макетами календаря]]</span>;</span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It currently works with weekly classes, modern and flexible <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|calendar layouts]]</span> only;</span>
*Наведені<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">нижче функції наразі відсутні в клієнтському додатку: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |Новини]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Фотогалерея]],</span> Відгуки, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Власна сторінка]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Google_Translate_custom_feature|Google перекладач]],</span> зміна режиму головної сторінки, відображення <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|часу закінчення]],</span> приховування зображень на етапах бронювання, RTL-орієнтація, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature|віджет контактів]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#Slots_Colors|налаштування кольору зайнятих та вільних слотів]].</span></span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The following functionality is not currently present in the client application: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |News]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Photo gallery]],</span>, Reviews, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Custom page]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Google_Translate_custom_feature|Google translate]],</span> main page mode change, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|end time display]],</span> hiding images on booking steps, RTL orientation, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature|Contact widget]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#Slots_Colors|busy and available slots color adjustments]].</span></span>
<br><br><br><br>
<br><br><br><br>
:'''Video tutorials available '''
:'''Доступні відеоуроки '''
:*How to set up the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/_3pW171iAjA]]
:*Як налаштувати мобільний додаток клієнта <p><youtube>_3pW171iAjA</youtube></p>
:*How to use the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/SElfM29hWOo]]
:*Як користуватися мобільним додатком клієнта <p><youtube>SElfM29hWOo</youtube></p>
<br><br>
<br><br>
;'''How to use'''
;'''Як користуватися'''
:1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client mobile app</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span> section.
:1. Увімкніть функцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">мобільного додатку Клієнт</span> на вашій сторінці <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Користувацькі функції</span> в розділі Розширення <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">бізнесу</span>.
[[File:Client app enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cb/Client_app_enable_path_redesigned.png]]
[[File:Client app enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cb/Client_app_enable_path_redesigned.png]] <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">мобільного</span>
<br><br>
<br><br>
:2. And it is ready to use. Some reports options become available to you.
:2. І все готово до використання. Деякі опції звітів стають доступними для вас.
[[File:Client app free verion redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Client_app_free_verion_redesigned.png]]
[[File:Client app free verion redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Client_app_free_verion_redesigned.png]]
<br><br>
<br><br>
:3.'''(available for Premium subscriptions only)''' Add own application name, set brand color, select the preferable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|calendar layout]]</span>, upload the logo and banner images.
:3.'''(доступно лише для підписок Premium)''' Додайте власну назву додатку, встановіть фірмовий колір, виберіть бажаний <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|макет календаря]]</span>, завантажте логотип та зображення банера.
:It is important to use square image for the logo, different dimensions will not be saved.
:Важливо використовувати квадратне зображення для логотипу, інші розміри не будуть збережені.
:As well we recommend using brighter and/or darker colors for background for better customer experience.
:Також ми рекомендуємо використовувати більш яскраві та/або темні кольори для фону для кращого сприйняття клієнтами.
[[File:Client app options paid redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/8d/Client_app_options_paid_redesigned.png]]
[[File:Client app options paid redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/8d/Client_app_options_paid_redesigned.png]]
<br><br>
<br><br>
:4. Send your booking website URL(banner is not shown on widgets) to your clients so that they will be able to install the application on their phones by clicking on the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">banner.</span>
:4. Надішліть URL-адресу сайту бронювання (банер не відображається на віджетах) своїм клієнтам, щоб вони могли встановити додаток на свої телефони, натиснувши на відповідний <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">банер.</span>
:(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)<br>
:(Банер для встановлення запрошення може не відображатися у вбудованих мобільних браузерах, рекомендується використовувати Chrome)<br>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' IOS devices users will need to open your booking website in full Safari version to have the installation invitation banner and then simply use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add to home screen</span> option.</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу!''' Користувачам пристроїв IOS потрібно буде відкрити ваш сайт бронювання в повній версії Safari, щоб побачити банер із запрошенням до встановлення, а потім просто скористатися опцією</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Додати на домашній екран</span> ".</span>
[[File:Installation client app upd.jpg|border|center]]
[[File:Installation client app upd.jpg|border|center]]
<br><br>
<br><br>
:5. As the result they will be able to book online, see their appointments(this option is available even in offline mode), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|reschedule]]</span> or cancel them, buy <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|gift cards]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|packages]],</span> view <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Accept_payments_custom_feature|invoices]]</span> and update own details if necessary.
:5. В результаті вони зможуть бронювати онлайн, бачити свої зустрічі (ця опція доступна навіть в офлайн-режимі), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|переносити]]</span> або скасовувати їх, купувати <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|подарункові картки]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|абонементи]]</span> та <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|пакети]],</span> переглядати <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Accept_payments_custom_feature|рахунки]]</span> та оновлювати свої дані за необхідності.
[[File:Start page client app upd.jpg|border|center]]
[[File:Start page client app upd.jpg|border|center]]
<br><br><br><br>
<br><br><br><br>
;'''Push notifications'''
'''Push-повідомлення'''
*Users can also get push notifications about new bookings or cancellations on their devices.
*Користувачі також можуть отримувати push-повідомлення про нові бронювання або скасування на свої пристрої.
:For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
:Для цього потрібно лише увімкнути сповіщення в додатку після реєстрації/входу в систему та в стандартному діалозі системи.
[[File:Notifications client app upd.jpg|border|center]]
[[File:Notifications client app upd.jpg|border|center]]
<br><br>
<br><br>
:In case the notifications are turned on, but the push messages do not come it is necessary to check if Chrome system notifications(Android) or Safari(IOS) are enabled inside the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">device settings.</span>
:У випадку, якщо сповіщення увімкнені, але пуш-повідомлення не приходять, необхідно перевірити, чи увімкнені системні сповіщення Chrome (Android) або Safari (IOS) в <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">налаштуваннях пристрою.</span>
[[File:Client app notifications system.png|border|center]]
[[File:Client app notifications system.png|border|center]]
<br><br>
<br><br>
*From '''admin side''' it is possible to see all push notifications sent to customers in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Push notifications</span> as well as whether they were received and clicked by client.
*З '''боку адміністратора''' можна побачити всі відправлені клієнтам пуш-сповіщення в <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Звіти</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Пуш-сповіщення</span>, а також те, чи були вони отримані та натиснуті клієнтом.
[[File:Client app push notifications report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cc/Client_app_push_notifications_report_redesigned.png]]
[[File:Client app push notifications report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cc/Client_app_push_notifications_report_redesigned.png]]
<br><br><br><br>
<br><br><br><br>
</div>