Squarespace/uk: Difference between revisions

Line 4:

__FORCETOC__

~~<div lang="en" dir="ltr" class="mw-content-ltr">~~

= віджет iFrame =

=iFrame ~~widget~~=

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

:1. ~~In your~~ [https://simplybook.me/ Simplybook] ~~admin page get the code in~~ ~~Settings~~ -> ~~Booking widgets settings~~ -> iFrame ~~widget~~

[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]

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

:3. ~~Open the page editor~~. ~~Remove the default booking block~~.

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

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

[[File:Squarespace select code block.png | center]]

[[File:Squarespace select code block.png|center]]

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

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

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

~~</div>~~

=Booking button widget=

@@ Line 4: / Line 4: @@
 __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]]
 <br><br>
 [[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
 <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>
-:3. Open the page editor. Remove the default booking block.
+:3. Відкрийте редактор сторінки. Видаліть стандартний блок бронювання.
 <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>
-[[File:Squarespace select code block.png | center]]
+[[File:Squarespace select code block.png|center]]
 <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>
-: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>
-: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>
-</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
 =Booking button widget=