SimplyBook.me

Widgets for your own website/uk: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with "__FORCETOC__"
Created page with ":2. Ви побачите спливаюче вікно з кодом, натисніть на нижню частину, щоб отримати детальну інформацію про код клієнта. :Скопіюйте основний код, додайте до нього нижню частину (до заздалегідь визначеного розділу) і замініть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"..."
Line 46: Line 46:
[[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>
<div lang="en" dir="ltr" class="mw-content-ltr">
:2. Ви побачите спливаюче вікно з кодом, натисніть на нижню частину, щоб отримати детальну інформацію про код клієнта.
:2. You will see a pop-up window with the code, click on the bottom part to get client code details.
:Скопіюйте основний код, додайте до нього нижню частину (до заздалегідь визначеного розділу) і замініть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">заздалегідь визначені</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">ім'я клієнта</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">електронну адресу клієнта</span> та <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">номер телефону клієнта</span> на необхідні дані клієнта.
:Please copy the main code, add bottom part to it(to predefined section) and replace <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client name</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client email</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client phone</span> with the necessary client details.
[[File:Predefined client details redesigned.png|1200px |border| center|link=https://help.simplybook.me/images/3/3a/Predefined_client_details_redesigned.png]]
[[File:Predefined client details redesigned.png|1200px |border| center|link=https://help.simplybook.me/images/3/3a/Predefined_client_details_redesigned.png]]
<br><br>
<br><br>
:3. You will get the code like this:<br>
:3. Ви отримаєте такий код:<br>
<code><script src="//simplybook.me/v2/widget/widget.js"></script>
<code><script src="//simplybook.me/v2/widget/widget.js"></script>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/companyname.simplybook.me","theme":"belle","theme_settings":{"sb_base_color":"#FF6969","body_bg_color":"#ffffff","dark_font_color":"#494949","light_font_color":"#ffffff","sb_busy":"#dad2ce","sb_available":"#d3e0f1"},"timeline":"flexible","datepicker":"top_calendar","is_rtl":false,"app_config":{"predefined": {"client": {<br>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/companyname.simplybook.me","theme":"belle","theme_settings":{"sb_base_color":"#FF6969","body_bg_color":"#ffffff","dark_font_color":"#494949","light_font_color":"#ffffff","sb_busy":"#dad2ce","sb_available":"#d3e0f1"},"timeline":"flexible","datepicker":"top_calendar","is_rtl":false,"app_config":{"predefined": {"client": {<br>
Line 60: Line 59:
}});</script></code>
}});</script></code>
<br><br>
<br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
:4. As a result the details of this client will be pre-filled in the widget and there will be no need for client to provide them.
:4. As a result the details of this client will be pre-filled in the widget and there will be no need for client to provide them.
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/uk"