Shopify/uk: Difference between revisions

Line 7:

;Як встановити

~~<div class="mw-translate-fuzzy">~~

:1. Перейдіть до «Інтернет-магазин» -> «Теми» -> «Налаштувати» у вашому обліковому записі Shopify.

:1. Перейдіть до «Інтернет-магазин» -> «Теми» -> ~~«Налаштування»~~ у вашому обліковому записі Shopify.

[[File:Shopify customize theme.png|border|center]]

Line 17:

Line 16:

[[File:Shopify select custom content.png|border|center]]

:4. Натисніть «Додати вміст» і виберіть «Налаштований HTML»

~~[[File:Select html.png|border|center]]~~

~~ ~~

:5. Перейдіть до свого облікового запису SimplyBook.me -> Налаштування -> Налаштування віджетів бронювання -> Віджет iFrame

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

~~ ~~

~~:6. Налаштуйте дизайн на свій смак і потреби, отримайте код віджета.~~

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

~~ ~~

:7. Скопіюйте весь код із спливаючого вікна та вставте його в поле HTML на стороні Shopify. За необхідності налаштуйте ширину контейнера. Збережіть зміни

~~[[File:Insert html to shopify side.png|border|center]]~~

~~ ~~

~~:8. В результаті ви відразу побачите, як виглядає віджет бронювання.~~

~~[[File:Shopify widget result.png|border|center]]~~

~~ ~~

~~</div>~~

:4. Click on Add content and select Custom HTML

@@ Line 7: / Line 7: @@
 ;Як встановити
-<div class="mw-translate-fuzzy">
+: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;">«Налаштувати»</span> у вашому <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">обліковому записі Shopify.</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;">«Налаштування»</span> у вашому <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">обліковому записі Shopify.</span>
 [[File:Shopify customize theme.png|border|center]]
 <br><br>
@@ Line 17: / Line 16: @@
 [[File:Shopify select custom content.png|border|center]]
 <br><br>
-:4. Натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати вміст»</span> і виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштований HTML»</span>
-[[File:Select html.png|border|center]]
-<br><br>
-:5. Перейдіть до свого <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">облікового запису SimplyBook.me</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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Віджет iFrame</span>
-[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
-<br><br>
-:6. Налаштуйте дизайн на свій смак і потреби, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">отримайте код віджета.</span>
-[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
-<br><br>
-:7. Скопіюйте весь код із спливаючого вікна та вставте його в поле <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> на стороні Shopify. За необхідності налаштуйте ширину контейнера. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Збережіть</span> зміни
-[[File:Insert html to shopify side.png|border|center]]
-<br><br>
-:8. В результаті ви відразу побачите, як виглядає віджет бронювання.
-[[File:Shopify widget result.png|border|center]]
-<br><br><br><br>
-</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
 :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span>