SimplyBook.me

Squarespace/uk: Difference between revisions

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


<div lang="en" dir="ltr" class="mw-content-ltr">
= віджет iFrame =
=iFrame widget=
:1. На адміністративній сторінці [https://simplybook.me/ Simplybook] отримайте код у <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>
:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
<br><br>
[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
<br><br>
<br><br>
:2. On your Squarespace account, choose the page where are planning to insert your booking calendar. We recommend using a new page in Main Navigation designed specifically for online booking.  
:2. У своєму обліковому записі Squarespace виберіть сторінку, на яку плануєте вставити календар бронювання. Рекомендуємо використовувати нову сторінку в головному меню, призначену спеціально для онлайн-бронювання.  
:You can name it "Book Now", "Online Booking" or "Calendar."
:Ви можете назвати її «Забронювати зараз», «Онлайн-бронювання» або «Календар».
[[File:Squarespace add new page.png | center]]
[[File:Squarespace add new page.png|center]]
<br><br>
<br><br>
:3. Open the page editor. Remove the default booking block.
:3. Відкрийте редактор сторінки. Видаліть стандартний блок бронювання.
<br><br>
<br><br>
:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
:4. Натисніть «+» у верхньому правому куті та виберіть ''«Код»'' у меню блоків.
[[File:Squarespace add new block.png | center]]
[[File:Squarespace add new block.png|center]]
<br><br>
<br><br>
[[File:Squarespace select code block.png | center]]
[[File:Squarespace select code block.png|center]]
<br><br>
<br><br>
:5. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the HTML code box and click "Apply".
:5. Вставте код, отриманий на сторінці адміністратора [https://simplybook.me/ Simplybook], у поле HTML-коду та натисніть «Застосувати».
[[File:Squarespace add code.png | center]]
[[File:Squarespace add code.png|center]]
<br><br>
<br><br>
:6. You may get a message that embedded scripts are disabled - it is done on Squarespace side due to security reasons but you can click on "Preview" to see if the widget is working.
:6. Може з'явитися повідомлення про те, що вбудовані скрипти вимкнені - це зроблено на стороні Squarespace з міркувань безпеки, але ви можете натиснути «Перегляд», щоб перевірити, чи працює віджет.
[[File:Squarespace preview.png | center]]
[[File:Squarespace preview.png|center]]
<br><br>
<br><br>
:7. Or you can publish the website and access it as a client to check the look.
:7. Або ви можете опублікувати веб-сайт і перейти на нього як клієнт, щоб перевірити, як він виглядає.
[[File:Squarespace website look.png | center]]
[[File:Squarespace website look.png|center]]
<br><br>
<br><br>
</div>
= Віджет кнопки бронювання =
<div lang="en" dir="ltr" class="mw-content-ltr">
:1.  На адміністративній сторінці [https://simplybook.me/ Simplybook] отримайте код у <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;">«Кнопка бронювання»</span>
=Booking button widget=
:1.  In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
<br><br>
:2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.
:2. У вашому обліковому записі Squarespace перейдіть на сторінку, на яку ви хочете додати код, перейдіть в режим редагування та виберіть додати блок «Код».
[[File:Squarespace add new block.png | center]]
[[File:Squarespace add new block.png|center]]
<br><br>
<br><br>
[[File:Squarespace select code block.png | center]]
[[File:Squarespace select code block.png|center]]
<br><br>
<br><br>
:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace page.
:3. Вставте код, отриманий на сторінці адміністратора [https://simplybook.me/ Simplybook], на вашу сторінку Squarespace.
[[File:Squarespace add code.png | center]]
[[File:Squarespace add code.png|center]]
<br><br>
<br><br>
:4. Save the page and check the look.
:4. Збережіть сторінку та перевірте вигляд.
[[File:Squarespace booking button widget new.png | center]]
[[File:Squarespace booking button widget new.png|center]]
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Squarespace/uk"