SimplyBook.me

Bookings on Facebook/uk: Difference between revisions

VisualWikitext
Created page with "{{#seo: |title=Бронювання на Facebook — SimplyBook.me |description=Дозвольте клієнтам бронювати послуги безпосередньо через вашу сторінку у Facebook. Збільште видимість та кількість бронювань без зайвих зусиль. Почніть вже сьогодні! |titlemode=додати |keywords=fAQ, поширені запитання, програмне..."
 
No edit summary
Tags: Mobile edit Mobile web edit
 
(5 intermediate revisions by 2 users not shown)
Line 2: Line 2:
{{#seo: |title=Бронювання на Facebook — SimplyBook.me |description=Дозвольте клієнтам бронювати послуги безпосередньо через вашу сторінку у Facebook. Збільште видимість та кількість бронювань без зайвих зусиль. Почніть вже сьогодні! |titlemode=додати |keywords=fAQ, поширені запитання, програмне забезпечення для бронювання, запитання щодо системи запису на прийом, онлайн-запис на прийом, програмне забезпечення для календаря, система бронювання, календар бронювання, програмне забезпечення для планування, онлайн-планування запису на прийом, онлайн-планування, налаштування, допомога з налаштування, підтримка, довідкова інформація }}
{{#seo: |title=Бронювання на Facebook — SimplyBook.me |description=Дозвольте клієнтам бронювати послуги безпосередньо через вашу сторінку у Facebook. Збільште видимість та кількість бронювань без зайвих зусиль. Почніть вже сьогодні! |titlemode=додати |keywords=fAQ, поширені запитання, програмне забезпечення для бронювання, запитання щодо системи запису на прийом, онлайн-запис на прийом, програмне забезпечення для календаря, система бронювання, календар бронювання, програмне забезпечення для планування, онлайн-планування запису на прийом, онлайн-планування, налаштування, допомога з налаштування, підтримка, довідкова інформація }}


<div lang="en" dir="ltr" class="mw-content-ltr">
<br><br>
<br><br>
__TOC__
__TOC__
=Facebook and Instagram Bookings Custom Feature=
= Налаштування бронювання в Facebook та Instagram =
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px; font-weight: bold;">Please note!</span><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px; font-weight: bold;">Зверніть увагу!</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is possible to connect booking option to Facebook Business and Instagram Business pages. This functionality cannot be added to a personal page.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Можна підключити опцію бронювання до сторінок Facebook Business та Instagram Business. Цю функцію не можна додати до особистої сторінки.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The booking option is not shown on desktop Instagram version and can be used via mobile apps only.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Опція бронювання не відображається в настільній версії Instagram і доступна лише в мобільних додатках.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Bookingtroll theme is used for the booking widget by default. If you wish to change the styling please upgrade to Premium to select the desired theme and be able to use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS|Custom CSS]]</span> adjustments.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">За замовчуванням для віджета бронювання використовується тема Bookingtroll. Якщо ви бажаєте змінити стиль, перейдіть на преміум-версію, щоб вибрати бажану тему та мати можливість використовувати налаштування <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom CSS custom feature|Custom CSS]]</span>.</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The widget look may differ depending on Facebook preferences for different devices and applications</span><br>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Вигляд віджета може відрізнятися залежно від налаштувань Facebook для різних пристроїв і додатків</span><br>
<br><br>
<br><br>
</div>
:'''Відеоурок доступний ''' за посиланням <p><youtube>9o5fJkZD384</youtube></p>
<div lang="en" dir="ltr" class="mw-content-ltr">
:'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=9o5fJkZD384&feature=youtu.be]]
<br><br>
<br><br>
==How to add and use booking option to Facebook/Instagram business page==
== Як додати та використовувати опцію бронювання на бізнес-сторінці Facebook/Instagram ==
<br><br>
<br><br>
:1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
:1. Увімкніть спеціальну функцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Замовлення через Facebook та Instagram</span> » на сторінці <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Спеціальні функції</span> ».
[[File:Facebook and insta bookings enable path redesigned.png|1200px | border| center|link=https://help.simplybook.me/images/0/06/Facebook_and_insta_bookings_enable_path_redesigned.png]]
[[File:Facebook and insta bookings enable path redesigned.png|1200px | border| center|link=https://help.simplybook.me/images/0/06/Facebook_and_insta_bookings_enable_path_redesigned.png]]
<br><br>
<br><br>
</div>
:2. Увійдіть у свій бізнес-акаунт Facebook/Instagram в іншій вкладці браузера.
<div lang="en" dir="ltr" class="mw-content-ltr">
:2. Login to your Facebook/Instagram business account(s) in another browser tab.
<br><br>
<br><br>
:3. Go back to SimplyBook.me interface and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> near <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings.</span>
:3. Поверніться до інтерфейсу SimplyBook.me і натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштування»</span> біля <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Замовлення через Facebook та Instagram».</span>
[[File:Facebook & insta bookings settings path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b6/Facebook_%26_insta_bookings_settings_path_redesigned.png]]
[[File:Facebook & insta bookings settings path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b6/Facebook_%26_insta_bookings_settings_path_redesigned.png]]
<br><br>
<br><br>
:4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Connect with Facebook</span> button on the page you see.
:4. Натисніть кнопку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Підключити до Facebook»</span> на сторінці, що з'явилася.
[[File:Connect with facebook button redesigned.png|1200px |border|center|link=https://help.simplybook.me/images/3/32/Connect_with_facebook_button_redesigned.png]]
[[File:Connect with facebook button redesigned.png|1200px |border|center|link=https://help.simplybook.me/images/3/32/Connect_with_facebook_button_redesigned.png]]
<br><br>
<br><br>
</div>
:5. Ви будете перенаправлені на інтерфейс <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook</span> для управління дозволами та підключенням до SimplyBook.me.<br>
<div lang="en" dir="ltr" class="mw-content-ltr">
:Будь ласка, виконайте кроки 1-5, показані нижче.<br>
:5. You will be redirected to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook</span> interface to manage the permissions and connection to SimplyBook.me.<br>
:(Якщо ви маєте бізнес-профіль Instagram, підключений до вашої бізнес-сторінки Facebook, ви зможете підключити його також там <br>
:Please follow the steps 1-5 displayed below.<br>
:, і кнопка <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Забронювати»</span> автоматично з'явиться там)
:(If you have Instagram business profile connected to your Facebook business page you will be able to connect it there as well <br>
:and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button will automatically appear there)
[[File:Facebook and insta new steps.png|border|center]]
[[File:Facebook and insta new steps.png|border|center]]
<br><br>
<br><br>
</div>
:6. Тепер ваші послуги будуть відображатися на вашій сторінці у Facebook із кнопками <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Забронювати»</span> поруч із ними або кнопкою <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Забронювати зараз»</span> під банером сторінки, яка перенаправить ваших клієнтів на ваш сайт бронювання.<br>
<div lang="en" dir="ltr" class="mw-content-ltr">
:(варіанти відображення залежать від вашої бізнес-сторінки у Facebook)
:6. Now you will have your services shown on your Facebook page with <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> buttons next to them or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book now</span> button under the page banner that will redirect your clients to your booking site.<br>
:(the representation options depend on your Facebook business page)
[[File:Facebook and insta new result.png|border|center]]
[[File:Facebook and insta new result.png|border|center]]
<br><br>
<br><br>
:7. You can also add booking option to your Facebook page posts so that the customers will be able to quickly book your services.
:7. Ви також можете додати опцію бронювання до своїх публікацій на сторінці у Facebook, щоб клієнти могли швидко забронювати ваші послуги.
[[File:Facebook and insta new add booking to post.png|border|center]]
[[File:Facebook and insta new add booking to post.png|border|center]]
<br><br>
<br><br>
Line 51: Line 42:
<br><br>
<br><br>
<br><br>
<br><br>
</div>
== Як видалити кнопку «Забронювати» зі сторінок Facebook/Instagram ==
<div lang="en" dir="ltr" class="mw-content-ltr">
==How to remove Book button from Facebook/Instagram pages==
<br><br>
<br><br>
:1. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> on SimplyBook.me side.
:1. Перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштування»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Замовлення через Facebook та Instagram»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштування»</span> на сайті SimplyBook.me.
[[File:Facebook & insta bookings settings path redesigned.png|1200px|boredr|center|link=https://help.simplybook.me/images/b/b6/Facebook_%26_insta_bookings_settings_path_redesigned.png]]
[[File:Facebook & insta bookings settings path redesigned.png|1200px|boredr|center|link=https://help.simplybook.me/images/b/b6/Facebook_%26_insta_bookings_settings_path_redesigned.png]]
<br><br>
<br><br>
</div>
:2. Натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Вийти»</span> у верхній частині сторінки.
<div lang="en" dir="ltr" class="mw-content-ltr">
:2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout</span> at the top of the page.
[[File:Facebook & insta logout path redesidned.png|1200px|border|center|link=https://help.simplybook.me/images/1/16/Facebook_%26_insta_logout_path_redesidned.png]]
[[File:Facebook & insta logout path redesidned.png|1200px|border|center|link=https://help.simplybook.me/images/1/16/Facebook_%26_insta_logout_path_redesidned.png]]
<br><br>
<br><br>
</div>
== Як додати та використовувати опцію бронювання тільки в Instagram ==
<div lang="en" dir="ltr" class="mw-content-ltr">
==How to add and use booking option on Instagram only==
<br><br>
<br><br>
:1. Open your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> mobile application and login to your business page.
:1. Відкрийте мобільний додаток <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> і увійдіть на свою бізнес-сторінку.
<br><br>
<br><br>
:2. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile</span> and select to edit it.
:2. Перейдіть до свого <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">профілю</span> та виберіть опцію редагування.
<br><br>
<br><br>
:3. Follow the steps 1-8 below to add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button that will lead the customers to your booking site:
:3. Виконайте кроки 1-8, щоб додати кнопку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Забронювати»</span>, яка перенаправить клієнтів на ваш сайт бронювання:
[[File:Insta setup.png|border|center]]
[[File:Insta setup.png|border|center]]
<br><br>
<br><br>
<br><br>
<br><br>
</div>
== Як видалити опцію «Забронювати» з бізнес-сторінки Instagram ==
<div lang="en" dir="ltr" class="mw-content-ltr">
==How to remove Book option from Instagram business page==
<br><br>
<br><br>
:1. Open your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> mobile application and navigate to editing your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile.</span><br>
:1. Відкрийте мобільний додаток <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> і перейдіть до редагування свого <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">профілю.</span><br>
:Follow the steps 1-5 below to remove <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button:
:Виконайте кроки 1-5 нижче, щоб видалити кнопку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Забронювати</span> »:
[[File:Insta button removal.png|border|center]]
[[File:Insta button removal.png|border|center]]
<br><br>
<br><br>
<br><br>
<br><br>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
= Кнопка заклику до дії для фан-сторінки Facebook =
=Call-to-action button for Facebook fan page=
<br><br>
<br><br>
:1. Go to your Facebook business page cover photo, click on three dots below the cover image and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add action button</span>
:1. Перейдіть до обкладинки вашої бізнес-сторінки у Facebook, натисніть на три крапки під зображенням обкладинки та виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати кнопку дії»</span>
<br>
<br>
[[File:Fb new add action button.png|1200px|center|link=https://help.simplybook.me/images/b/b3/Fb_new_add_action_button.png]]
[[File:Fb new add action button.png|1200px|center|link=https://help.simplybook.me/images/b/b3/Fb_new_add_action_button.png]]
<br><br>
<br><br>
</div>
:2. Ви можете вибрати опції «Забронювати зараз» або «Зарезервувати» як заклик до дії, а потім вибрати [https://simplybook.me/uk/ SimplyBook.me]. Таким чином ви увімкнете спеціальну функцію [[Special:MyLanguage/Facebook and Instagram Bookings|бронювання через Facebook та Instagram]]
<div lang="en" dir="ltr" class="mw-content-ltr">
:2. You can choose "Book now" or "Reserve" options as a call-to-action and then choose [https://simplybook.me/en/ SimplyBook.me]. That way you will enable [[Facebook and Instagram Bookings]] custom feature
[[File:Fb action button new book.png|1200px|center|link=https://help.simplybook.me/images/6/64/Fb_action_button_new_book.png]]
[[File:Fb action button new book.png|1200px|center|link=https://help.simplybook.me/images/6/64/Fb_action_button_new_book.png]]
<br><br>
<br><br>
:3. If you need to have a button leading to your booking website you can select "Contact us" or "Learn more" in that popup
:3. Якщо вам потрібна кнопка, що веде на ваш веб-сайт бронювання, ви можете вибрати «Зв'язатися з нами» або «Дізнатися більше» у цьому спливаючому вікні
[[File:Fb new contact us action.png|1200px|center|link=https://help.simplybook.me/images/4/49/Fb_new_contact_us_action.png]]
[[File:Fb new contact us action.png|1200px|center|link=https://help.simplybook.me/images/4/49/Fb_new_contact_us_action.png]]
<br><br>
<br><br>
</div>
:3. Вставте посилання на веб-сайт для бронювання у відповідне поле та збережіть налаштування.
<div lang="en" dir="ltr" class="mw-content-ltr">
:3. Paste your booking website link to the corresponding field and save settings.
[[File:Add link to fb button.png|1200px|center|link=https://help.simplybook.me/images/0/03/Add_link_to_fb_button.png]]
[[File:Add link to fb button.png|1200px|center|link=https://help.simplybook.me/images/0/03/Add_link_to_fb_button.png]]
<br><br>
<br><br>
:4. As the result you will have the action button with the text "Contact us" or "Learn more" that will lead to your booking website.
:4. У результаті ви отримаєте кнопку дії з текстом «Зв'язатися з нами» або «Дізнатися більше», яка вестиме на ваш веб-сайт для бронювання.
[[File:Image.png|1200px|center|link=https://help.simplybook.me/images/3/34/Image.png]]
[[File:Image.png|1200px|center|link=https://help.simplybook.me/images/3/34/Image.png]]
<br><br>
<br><br>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
= Як додати чат Facebook Messenger на сторінку бронювання =
=How to add a Facebook Messenger chat to your booking page=
:'''Відеоінструкція доступна ''' за посиланням <p><youtube>PuFFtCOksc8</youtube></p>
:'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=PuFFtCOksc8]]
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Bookings_on_Facebook/uk"