SimplyBook.me

Widgets for your own website/da: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with ";[https://simplydemowidgets.mozello.com/ Se hvordan widgets kan se ud på din hjemmeside] <br><br>"
Created page with "== Widgets med foruddefinerede klientoplysninger == <br> Nu kan du også oprette en widget til en bestemt kunde med hans/hendes oplysninger allerede udfyldt. :1. Vælg blot den widget-type, du har brug for, i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for booking-widgets</span>, indstil designet, og klik på <span style="background..."
Line 62: Line 62:
[[File:Predefined client result view.png|center]]
[[File:Predefined client result view.png|center]]
<br><br>
<br><br>
<div lang="en" dir="ltr" class="mw-content-ltr">
== Widgets til [[Client_Login_custom_feature|klientlogin]], [[Packages_custom_feature|pakker]], [[Membership_custom_feature|medlemskaber]], [[Coupons_and_Gift_Cards_custom_feature|gavekort]] ==
==Widgets for [[Client_Login_custom_feature|Client Login]], [[Packages_custom_feature|Packages]], [[Membership_custom_feature|Memberships]], [[Coupons_and_Gift_Cards_custom_feature|Gift Cards]]==
<br><br>
<br><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' It currently works with iFrame widgets only and does not work with booking button and contact button widgets.</span><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bemærk!''' Det fungerer i øjeblikket kun med iFrame-widgets og fungerer ikke med widgets til bookingknapper og kontaktknapper.</span><br>
<br><br>
<br><br>
If you are using one or several of these features it may be necessary to add a widget that will allow your clients to use the option on your website.<br>
Hvis du bruger en eller flere af disse funktioner, kan det være nødvendigt at tilføje en widget, der giver dine kunder mulighed for at bruge denne funktion på din hjemmeside.<br>
It can be done in a simple way by adding of the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">"navigate"</span> element to the widget code:
Det kan gøres på en enkel måde ved at tilføje det tilsvarende <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">"navigate"</span> -element til widgetkoden:
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"client/sign-in"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Kundelogin]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"client/sign-in"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Packages]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"packages"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Pakker]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"packages"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Memberships]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"membership"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Medlemskaber]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"membership"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Gift Cards]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"gift-card"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Gavekort]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigate":"gift-card"</span>
<br><br>
<br><br>
</div>
Eksempel på widgetkode <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|for gavekort]]</span>:<br><br>
<div lang="en" dir="ltr" class="mw-content-ltr">
<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Gift Cards]]</span> widget code example:<br><br>
</div>
<code><script src="//simplybook.it/v2/widget/widget.js"></script>
<code><script src="//simplybook.it/v2/widget/widget.js"></script>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it",'''"navigate":"gift-card",'''"theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script></code>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it",'''"navigate":"gift-card",'''"theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script></code>
<br><br>
<br><br>
<div lang="en" dir="ltr" class="mw-content-ltr">
= Widget til bookingknap =
=Booking Button Widget=
<br><br>
<br><br>
:1. Take the booking button 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 widget settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
:1. Find koden til reservationsknappen på din reservationsside under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for reservationswidget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reservationsknap</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hent widgetkode.</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>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Booking button widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b3/Booking_button_widget_path_redesigned.png]]
[[File:Booking button widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b3/Booking_button_widget_path_redesigned.png]]
<br><br>
<br><br>
Line 95: Line 88:
[[File:Get booking button widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/54/Get_booking_button_widget_code_redesigned.png]]
[[File:Get booking button widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/54/Get_booking_button_widget_code_redesigned.png]]
<br><br>
<br><br>
</div>
:2. Indsæt det i HTML-koden <body> på din hjemmeside (eller et andet sted på din hjemmesideplatform, der er beregnet til indsættelse af HTML JavaScript iFrame-kode).<br>  
<div lang="en" dir="ltr" class="mw-content-ltr">
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bemærk!''' Forskellige hjemmesidebyggere/platforme kan have forskellige måder at tilføje HTML-kode på. Du bør først kontrollere, om din hjemmeside understøtter indsættelse af HTML JavaScript-kode.</span>
: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>  
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
<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>
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:'''Here are tutorials for several popular website builders:'''
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::*[https://help.simplybook.me/index.php/WordPress_integration Wordpress]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::*[https://help.simplybook.me/index.php/Shopify Shopify]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::*[https://help.simplybook.me/index.php/Joomla_integration Joomla]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::*[https://help.simplybook.me/index.php/Wix_integration Wix]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::*[https://help.simplybook.me/index.php/Squarespace Squarespace]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::*[https://help.simplybook.me/index.php/Weebly Weebly]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
:::*[https://help.simplybook.me/index.php/Go_Daddy Go Daddy]
:::*[https://help.simplybook.me/index.php/SITE123_integration SITE123]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
;[https://simplydemowidgets.mozello.com/ Se hvordan widgets kan se ud på din hjemmeside]
;[https://simplydemowidgets.mozello.com/ Check how widgets can look like on your website]
</div>




Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/da"