Shopify/uk: Difference between revisions

Line 16:

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

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

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

~~:4. Click on~~ ~~Add content~~ ~~and select~~ ~~Custom~~ HTML

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

:5. ~~Navigate to your~~ SimplyBook.me ~~account~~ -> ~~Settings~~ -> ~~Booking widgets settings~~ -> iFrame ~~widget~~

: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. ~~Adjust the design to your taste and needs~~, ~~get widget code~~.

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

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

~~</div>~~

:7. Copy the whole code from the popup and insert it to HTML field on Shopify side. Adjust container width if necessary. Save the changes

@@ Line 16: / Line 16: @@
 [[File:Shopify select custom content.png|border|center]]
 <br><br>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+:4. Натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати вміст»</span> і виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Custom HTML»</span> (Налаштований <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span>)
-: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>
 [[File:Select html.png|border|center]]
 <br><br>
-:5. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me account</span> -> <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>
+: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. Adjust the design to your taste and needs, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">get widget code.</span>
+: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>
-</div>
 <div lang="en" dir="ltr" class="mw-content-ltr">
 :7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes