WordPress integration/uk: Difference between revisions

From SimplyBook.me
No edit summary
No edit summary
Line 23: Line 23:
:Відкрийте сторінку, на яку хочете додати функціонал бронювання, або створіть нову. :Натисніть кнопку "+", знайдіть опцію '''Simplybook''' та натисніть на неї, щоб додати на сторінку. Збережіть сторінку.  
:Відкрийте сторінку, на яку хочете додати функціонал бронювання, або створіть нову. :Натисніть кнопку "+", знайдіть опцію '''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>
:Після публікації сайту клієнти зможуть бронювати ваші послуги. [[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>
:Сторінка з віджетом бронювання вже створена для вас — ви можете редагувати, видаляти або залишити її без змін.<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>  
:Або ви можете створити нову сторінку, вставити тег <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> в її тіло та опублікувати сторінку.<br><br>
:І виберіть необхідні параметри у вікні, що з’явиться. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br>
:Звідси ви також можете легко перейти до різних сторінок SimplyBook.me, щоб додати або редагувати свої послуги та постачальників, увімкнути додаткові функції для процесу бронювання за допомогою налаштувань.
:9. Як альтернативний спосіб додавання функціоналу на сторінку, ви можете використати шорткод.
[[File:Wordress plugin general tab useful links.png|1200px|center|link=https://help.simplybook.me/images/7/7d/Wordress_plugin_general_tab_useful_links.png]]
:Скопіюйте шорткод календаря зі сторінки <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>  
<br><br><br><br>
:І просто вставте його в HTML-частину на потрібній сторінці. [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br>
== Як віджет ==
== Як віджет ==
:1. Скопіюйте код з <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування віджетів бронювання</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Віджет iFrame</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Отримати код віджета.</span>
:1. Скопіюйте код з <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштування віджетів бронювання</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Віджет iFrame</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Отримати код віджета.</span>

Revision as of 10:10, 29 May 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 ).