Widgets for your own website/uk: Difference between revisions

Created page with "Віджети для вашого веб-сайту"
Tags: Mobile edit Mobile web edit
Created page with "== Віджети з попередньо визначеною послугою, постачальником, категорією або місцем розташування == <br>"
Tags: Mobile edit Mobile web edit
Line 9: Line 9:


__FORCETOC__
__FORCETOC__
<div lang="en" dir="ltr" class="mw-content-ltr">
= віджет iFrame =
=iFrame Widget=
<br><br>
<br><br>
:1. Take the iFrame code of your booking page 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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
:1. Візьміть код iFrame вашої сторінки бронювання в <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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Отримати код віджета.</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:Booking widget design path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/37/Booking_widget_design_path_redesigned.png]]
[[File:Booking widget design path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/37/Booking_widget_design_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. Insert it to the HTML code <body> of your website (or any other place in your website platform designed for inserting HTML JavaScript iFrame code). <br>
:2. Вставте його в HTML-код <body> вашого веб-сайту (або в будь-яке інше місце на вашій веб-платформі, призначене для вставки HTML-коду JavaScript iFrame). <br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML JavaScript code.</span>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу!''' Різні конструктори/платформи веб-сайтів можуть мати різні способи додавання HTML-коду, тому спочатку слід перевірити, чи підтримує ваш веб-сайт вставку HTML-коду JavaScript.</span>
:'''Here are tutorials for several popular website builders:'''
:'''Ось посібники для декількох популярних конструкторів веб-сайтів:'''
:::*[https://help.simplybook.me/index.php/WordPress_integration Wordpress]
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::*[https://help.simplybook.me/index.php/Shopify Shopify]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::*[https://help.simplybook.me/index.php/Joomla_integration Joomla]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::*[https://help.simplybook.me/index.php/Wix_integration Wix]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::*[https://help.simplybook.me/index.php/Squarespace Squarespace]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::*[https://help.simplybook.me/index.php/Weebly Weebly]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::*[https://help.simplybook.me/index.php/Go_Daddy Go Daddy]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::*[https://help.simplybook.me/index.php/SITE123_integration SITE123]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
;[https://simplydemowidgets.mozello.com/ Перевірте, як віджети можуть виглядати на вашому веб-сайті]
;[https://simplydemowidgets.mozello.com/ Check how widgets can look like on your website]
<br><br>
<br><br>
</div>
== Віджети з попередньо визначеною послугою, постачальником, категорією або місцем розташування ==
<div lang="en" dir="ltr" class="mw-content-ltr">
==Widgets with predefined service, provider,category or location==
<br>
<br>
</div>


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