WordPress integration/uk: Difference between revisions

Created page with "__FORCETOC__"
No edit summary
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
{{#seo: |title=Плагін WordPress — SimplyBook.me |description=Інтегруйте SimplyBook.me з WordPress для легкого онлайн-бронювання. Налаштуйте його легко за допомогою нашого вичерпного посібника! |titlemode=додати |keywords=fAQ, поширені запитання, програмне забезпечення для бронювання, запитання про систему бронювання, онлайн-бронювання, програмне забезпечення для календаря, система бронювання, календар бронювання, програмне забезпечення для планування, онлайн-планування зустрічей, онлайн-планування, плагін, інтеграція з WordPress, віджет, віджет для веб-сайту, плагін для WordPress }}
{{#seo: |title=Плагін WordPress — SimplyBook.me |description=Встановіть плагін SimplyBook.me для WordPress. Додайте функціональність бронювання на сайти WordPress. Налаштуйте параметри, оберіть макет і вбудуйте на сторінки за допомогою простого блоку.|titlemode=додати |keywords=fAQ, поширені запитання, програмне забезпечення для бронювання, запитання про систему бронювання, онлайн-бронювання, програмне забезпечення для календаря, система бронювання, календар бронювання, програмне забезпечення для планування, онлайн-планування зустрічей, онлайн-планування, плагін, інтеграція з WordPress, віджет, віджет для веб-сайту, плагін для WordPress }}


__FORCETOC__
__FORCETOC__


== За допомогою плагіна WordPress ==
== За допомогою плагіна WordPress ==
:1. У адміністративному інтерфейсі WordPress перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Плагіни»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати новий плагін»</span> і знайдіть '''Simplybook'''.<br>
: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 sb plugin to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c5/Add_sb_plugin_to_wp_new.png]]
[[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>
:2. Перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">налаштувань</span> плагіна <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
[[File:Wp plugin settings new.png|1200px|center|link=https://help.simplybook.me/images/2/25/Wp_plugin_settings_new.png]]
<br><br>
<br><br>
:3. Якщо ви вже маєте обліковий запис на SimplyBook.me, виберіть там опцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Увійти тут</span> ».<br>
:2. Перейдіть до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Налаштувань</span> плагіна.
:Якщо ви ще не створили обліковий запис, просто натисніть опцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Створити безкоштовний обліковий запис»</span> і зареєструйтеся, дотримуючись запропонованих кроків.
[[File:Wordpress new login or register.png|1200px|center|link=https://help.simplybook.me/images/9/95/Wordpress_new_login_or_register.png]]
<br><br>
<br><br>
:4. Увійдіть, вказавши <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>
3. Якщо у вас вже є обліковий запис SimplyBook.me, виберіть опцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Увійти тут</span>.<br>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
:Якщо ви ще не створили його, просто дотримуйтесь кроків для <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;">Підтвердьте зв'язок</span> між обліковим записом SimplyBook.me та вашою системою WordPress.
: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:Sb confirm connection to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c1/Sb_confirm_connection_to_wp_new.png]]
:Налаштуйте зовнішній вигляд вашого віджета.<br>
<br><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. Перейдіть на вкладку '''«Дизайн''' ».<br>
:7. Збережіть ваші налаштування та перейдіть до вкладки <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Сторінки</span> в інтерфейсі WordPress.<br>
:Налаштуйте параметри <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">дизайну</span> вашого віджета.<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:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
:І виберіть необхідні параметри у вікні, що з’явиться. [[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> інтерфейсу плагіна.
:Скопіюйте шорткод календаря зі сторінки <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:Wordpress plugin general tab page options.png|1200px|center|link=https://help.simplybook.me/images/d/d6/Wordpress_plugin_general_tab_page_options.png]]
:І просто вставте його в 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>
:Сторінка з віджетом бронювання вже створена для вас — ви можете редагувати, видаляти або залишити її без змін.<br>
:Або ви можете створити нову сторінку, вставити тег <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> в її тіло та опублікувати сторінку.<br><br>
:Звідси ви також можете легко перейти до різних сторінок SimplyBook.me, щоб додати або редагувати свої послуги та постачальників, увімкнути додаткові функції для процесу бронювання за допомогою налаштувань.
[[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]]
<br><br><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>
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] ).


<div class="mw-translate-fuzzy">
[[File:Wp select location.png|center]]
[[File:Wp select location.png|center]]
<br><br>
<br><br>
<br><br>
<br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
With the AI Voice Booking widget, you can easily place an interactive AI widget button anywhere on your client’s website. Simply enable your feature on SimplyBook.me side, insert the widget code into an HTML section in your website builder and visitors will be able to book appointments just by messaging or speaking to the AI directly on the site. Please, check the [[Special:MyLanguage/AI Voice Booking|tutorial]] to setup the integration.
</div>