From SimplyBook.me
Created page with ":Сторінка з віджетом бронювання вже створена для вас — ви можете редагувати, видаляти або залишити її без змін.<br> :Або ви можете створити нову сторінку, вставити тег <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> в її тіло та опублікувати сторінку.<br><br> :..." |
No edit summary Tag: Manual revert |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
== За допомогою плагіна WordPress == | == За допомогою плагіна WordPress == | ||
:1. У | :1. У вашій адміністративній панелі WordPress перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Плагіни</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Додати новий плагін</span> і знайдіть '''Simplybook'''.<br> | ||
:Встановіть його | :Встановіть і активуйте його. | ||
[[File:Add | [[File:Add simplybook to wp new.png|1200px|center|link=https://help.simplybook.me/images/4/47/Add_simplybook_to_wp_new.png]] | ||
<br><br> | <br><br> | ||
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]] | |||
[[File: | |||
<br><br> | <br><br> | ||
: | :2. Перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштувань</span> плагіна. | ||
<br><br> | <br><br> | ||
3. Якщо у вас вже є обліковий запис SimplyBook.me, виберіть опцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Увійти тут</span>.<br> | |||
[[File: | :Якщо ви ще не створили його, просто дотримуйтесь кроків для <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Створення безкоштовного акаунту</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br> | ||
<br><br> | :4. Після короткої процедури реєстрації/входу ви потрапите на сторінку з оглядом <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Панелі керування</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br> | ||
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"> | :5. Перейдіть на вкладку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування</span> і виберіть вкладку "Послуги" або "Постачальники", щоб переглянути наявні у вашому акаунті, а також легко керувати ними або додати нові. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]] | ||
:6. Перейдіть на вкладку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Дизайн</span>.<br> | |||
[[File: | :Налаштуйте зовнішній вигляд вашого віджета.<br> | ||
:Ви можете вибрати бажаний макет календаря, налаштувати кольори та багато іншого. [[File:Wp new design settings path.png|1200px|center|link=https://help.simplybook.me/images/b/ba/Wp_new_design_settings_path.png]] <br><br> | |||
:6. Перейдіть на вкладку | :7. Збережіть ваші налаштування та перейдіть до вкладки <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Сторінки</span> в інтерфейсі WordPress.<br> | ||
:Відкрийте сторінку, на яку хочете додати функціонал бронювання, або створіть нову. :Натисніть кнопку "+", знайдіть опцію '''Simplybook''' та натисніть на неї, щоб додати на сторінку. Збережіть сторінку. | |||
:Ви можете вибрати бажаний макет календаря | :Після публікації сайту клієнти зможуть бронювати ваші послуги. [[File:Wp new add plugin to page.png|1200px|center|link=https://help.simplybook.me/images/7/7e/Wp_new_add_plugin_to_page.png]] <br><br> | ||
:8. (необов’язково) Якщо ви хочете, щоб бронювання було доступне лише для певної послуги/постачальника/локації/категорії, скористайтеся опцією <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Редагувати попередньо задані параметри</span>. [[File:Wp edit predefined path.png|1200px|center|link=https://help.simplybook.me/images/d/d7/Wp_edit_predefined_path.png]] <br><br> | |||
[[File: | :І виберіть необхідні параметри у вікні, що з’явиться. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br> | ||
<br><br> | :9. Як альтернативний спосіб додавання функціоналу на сторінку, ви можете використати шорткод. | ||
:7. Збережіть налаштування та перейдіть | :Скопіюйте шорткод календаря зі сторінки <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування</span> плагіна. [[File:Wp new shortcode for widget.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Wp_new_shortcode_for_widget.png]] <br><br> | ||
[[File: | :І просто вставте його в HTML-частину на потрібній сторінці. [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br> | ||
<br><br> | |||
: | |||
: | |||
[[File: | |||
<br><br><br><br> | |||
== Як віджет == | == Як віджет == | ||
: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;">Віджет iFrame</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Отримати код віджета.</span> | :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;">Віджет iFrame</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Отримати код віджета.</span> | ||
| Line 60: | Line 51: | ||
:<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Приклад</span> (може виглядати інакше залежно від вашої теми WP та теми і налаштувань [https://simplybook.me/ SimplyBook.me] ). | :<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Приклад</span> (може виглядати інакше залежно від вашої теми WP та теми і налаштувань [https://simplybook.me/ SimplyBook.me] ). | ||
[[File:Wp select location.png|center]] | |||
[[File:Wp select location.png| center]] | |||
<br><br> | <br><br> | ||
<br><br> | <br><br> | ||
Latest revision as of 13:07, 17 October 2025
За допомогою плагіна WordPress
- 1. У вашій адміністративній панелі WordPress перейдіть до Плагіни -> Додати новий плагін і знайдіть Simplybook.
- Встановіть і активуйте його.
- 2. Перейдіть до Налаштувань плагіна.
3. Якщо у вас вже є обліковий запис SimplyBook.me, виберіть опцію Увійти тут.
- Якщо ви ще не створили його, просто дотримуйтесь кроків для Створення безкоштовного акаунту.
- 4. Після короткої процедури реєстрації/входу ви потрапите на сторінку з оглядом Панелі керування.
- 5. Перейдіть на вкладку Налаштування і виберіть вкладку "Послуги" або "Постачальники", щоб переглянути наявні у вашому акаунті, а також легко керувати ними або додати нові.
- 6. Перейдіть на вкладку Дизайн.
- Налаштуйте зовнішній вигляд вашого віджета.
- Ви можете вибрати бажаний макет календаря, налаштувати кольори та багато іншого.
- 7. Збережіть ваші налаштування та перейдіть до вкладки Сторінки в інтерфейсі WordPress.
- Відкрийте сторінку, на яку хочете додати функціонал бронювання, або створіть нову. :Натисніть кнопку "+", знайдіть опцію Simplybook та натисніть на неї, щоб додати на сторінку. Збережіть сторінку.
- Після публікації сайту клієнти зможуть бронювати ваші послуги.
- 8. (необов’язково) Якщо ви хочете, щоб бронювання було доступне лише для певної послуги/постачальника/локації/категорії, скористайтеся опцією Редагувати попередньо задані параметри.
- І виберіть необхідні параметри у вікні, що з’явиться.
- 9. Як альтернативний спосіб додавання функціоналу на сторінку, ви можете використати шорткод.
- Скопіюйте шорткод календаря зі сторінки Налаштування плагіна.
- І просто вставте його в HTML-частину на потрібній сторінці.
Як віджет
- 1. Скопіюйте код з Налаштування -> Налаштування віджетів бронювання -> Віджет iFrame -> Отримати код віджета.
- 2. Перейдіть до адміністративної панелі WordPress і створіть нову сторінку або перейдіть до вже створеної, де ви плануєте додати віджет. Натисніть на значок +.
- 3. Знайдіть опцію HTML.
- 4. Вставте раніше скопійований код.
- 5. Опублікуйте зміни.
- Приклад (може виглядати інакше залежно від вашої теми WP та теми і налаштувань SimplyBook.me ).
