Squarespace/uk: Difference between revisions

From SimplyBook.me
VisualWikitext
Created page with "Squarespace"
 
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
<div lang="en" dir="ltr" class="mw-content-ltr">
{{#seo: |title=Squarespace — SimplyBook.me |description=Інтегруйте SimplyBook.me з Squarespace, щоб забезпечити безперебійне онлайн-бронювання. Дотримуйтесь інструкцій, щоб підключити свій веб-сайт вже сьогодні! |titlemode=додати |keywords=fAQ, поширені запитання, програмне забезпечення для бронювання, запитання щодо системи бронювання, онлайн-бронювання, програмне забезпечення для календаря, система бронювання, календар бронювання, програмне забезпечення для планування, онлайн-планування зустрічей, онлайн-планування, плагіни, настроювані функції, посилання на настроювану сторінку бронювання, доменне ім'я, настроюване доменне ім'я, настроювана URL-адреса }}__FORCETOC__
{{#seo:
|title=Squarespace - SimplyBook.me
|description=Integrate SimplyBook.me with Squarespace to enable seamless online bookings. Follow the guide to connect your website today!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url
}}
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
<br><br>
__FORCETOC__
</div>


<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>

Latest revision as of 11:08, 14 October 2025

Other languages:

віджет iFrame

1. На адміністративній сторінці Simplybook отримайте код у Налаштування -> Налаштування віджетів бронювання -> Віджет iFrame





2. У своєму обліковому записі Squarespace виберіть сторінку, на яку плануєте вставити календар бронювання. Рекомендуємо використовувати нову сторінку в головному меню, призначену спеціально для онлайн-бронювання.
Ви можете назвати її «Забронювати зараз», «Онлайн-бронювання» або «Календар».



3. Відкрийте редактор сторінки. Видаліть стандартний блок бронювання.



4. Натисніть «+» у верхньому правому куті та виберіть «Код» у меню блоків.





5. Вставте код, отриманий на сторінці адміністратора Simplybook, у поле HTML-коду та натисніть «Застосувати».



6. Може з'явитися повідомлення про те, що вбудовані скрипти вимкнені - це зроблено на стороні Squarespace з міркувань безпеки, але ви можете натиснути «Перегляд», щоб перевірити, чи працює віджет.



7. Або ви можете опублікувати веб-сайт і перейти на нього як клієнт, щоб перевірити, як він виглядає.



Віджет кнопки бронювання

1. На адміністративній сторінці Simplybook отримайте код у розділі «Налаштування» -> «Налаштування віджетів бронювання» -> «Кнопка бронювання»



2. У вашому обліковому записі Squarespace перейдіть на сторінку, на яку ви хочете додати код, перейдіть в режим редагування та виберіть додати блок «Код».





3. Вставте код, отриманий на сторінці адміністратора Simplybook, на вашу сторінку Squarespace.



4. Збережіть сторінку та перевірте вигляд.



Retrieved from "https://help.simplybook.me/index.php?title=Squarespace/uk&oldid=40115"