SimplyBook.me

WordPress integration/uk: Difference between revisions

VisualWikitext
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. У адміністративному інтерфейсі 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 lang="en" dir="ltr" class="mw-content-ltr">
[[File:Wp select location.png|center]]
[[File:Wp select location.png| center]]
<br><br>
<br><br>
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=WordPress_integration/uk"