SimplyBook.me

Widgets for your own website/sv: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with "== Widgets med fördefinierade kunduppgifter == <br> Nu kan du också skapa en widget för en viss kund med hans/hennes uppgifter redan ifyllda. :1. Välj bara den widget-typ du behöver i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span>, ställ in designen och klicka på <span style="background-color:#d4f8e..."
FuzzyBot (talk | contribs)
5,030 edits
Updating to match new version of source page
Tags: Mobile edit Mobile web edit
Line 3: Line 3:




<div class="mw-translate-fuzzy">
:Varför du bör använda våra widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]]
:Varför du bör använda våra widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]]
<br><br>
<br><br>
:Videohandledning tillgänglig [[File:Youtube-Logo.png|link=https://youtu.be/8mi4MCmE_qg]]
:Videohandledning tillgänglig [[File:Youtube-Logo.png|link=https://youtu.be/8mi4MCmE_qg]]
<br><br>
<br><br>
</div>


__FORCETOC__
__FORCETOC__
<div class="mw-translate-fuzzy">
= iFrame-widget =
= iFrame-widget =
<br><br>
<br><br>
Line 29: Line 32:
:::[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>


;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
Line 35: Line 39:
<br>
<br>


<div class="mw-translate-fuzzy">
Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Custom_Features#Service_Categories |kategorier]] eller [[Custom_Features#Multiple_Locations |platser]] som du har. Om du till exempel har två tjänster, A och B, och du väljer tjänst A som fördefinierad, öppnas widgeten för den tjänsten och steget där du väljer tjänst hoppas över. Den här funktionen kan vara användbar om du bara vill visa vissa tjänster på en specifik sida på din webbplats. Stegen för att generera koden är desamma som ovan, men i widgetens inställningar väljer du det objekt du vill fördefiniera.
Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Custom_Features#Service_Categories |kategorier]] eller [[Custom_Features#Multiple_Locations |platser]] som du har. Om du till exempel har två tjänster, A och B, och du väljer tjänst A som fördefinierad, öppnas widgeten för den tjänsten och steget där du väljer tjänst hoppas över. Den här funktionen kan vara användbar om du bara vill visa vissa tjänster på en specifik sida på din webbplats. Stegen för att generera koden är desamma som ovan, men i widgetens inställningar väljer du det objekt du vill fördefiniera.
</div>


[[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]]
[[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]]
Line 62: Line 68:
[[File:Predefined client result view.png|center]]
[[File:Predefined client result view.png|center]]
<br><br>
<br><br>
<div class="mw-translate-fuzzy">
== Widgets för [[Client_Login_custom_feature|kundinloggning]], [[Packages_custom_feature|paket]], [[Membership_custom_feature|medlemskap]], [[Coupons_and_Gift_Cards_custom_feature|presentkort]] ==
== Widgets för [[Client_Login_custom_feature|kundinloggning]], [[Packages_custom_feature|paket]], [[Membership_custom_feature|medlemskap]], [[Coupons_and_Gift_Cards_custom_feature|presentkort]] ==
<br><br>
<br><br>
Line 73: Line 80:
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Presentkort]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"gift-card"</span>
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Presentkort]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"gift-card"</span>
<br><br>
<br><br>
</div>
<div class="mw-translate-fuzzy">
Exempel på widgetkod <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|för presentkort]]</span>:<br><br>
Exempel på widgetkod <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|för presentkort]]</span>:<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>
Line 88: Line 98:
[[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 class="mw-translate-fuzzy">
:2. Infoga den i HTML-koden <body> på din webbplats (eller någon annan plats på din webbplattform som är avsedd för att infoga HTML JavaScript iFrame-kod).<br>  
:2. Infoga den i HTML-koden <body> på din webbplats (eller någon annan plats på din webbplattform som är avsedd för att infoga HTML JavaScript iFrame-kod).<br>  
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Observera!''' Olika webbplatsbyggare/plattformar kan ha olika sätt att lägga till HTML-kod. Kontrollera först om din webbplats stöder infogning av HTML JavaScript-kod.</span>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Observera!''' Olika webbplatsbyggare/plattformar kan ha olika sätt att lägga till HTML-kod. Kontrollera först om din webbplats stöder infogning av HTML JavaScript-kod.</span>
Line 99: Line 110:
:::[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>


;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]




<div class="mw-translate-fuzzy">
;Widgets med fördefinierad tjänst, leverantör, kategori eller plats.
;Widgets med fördefinierad tjänst, leverantör, kategori eller plats.
Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Custom_Features#Service_Categories |kategorier]] eller [[Custom_Features#Multiple_Locations |platser]] som du har. Om du till exempel har två tjänster, A och B, och du väljer tjänst A som fördefinierad, öppnas widgeten för den tjänsten och steget där du väljer tjänst hoppas över. Denna funktion kan vara användbar om du bara vill visa vissa tjänster på en specifik sida på din webbplats. Stegen för att generera koden är desamma som ovan, men i widgetens inställningar väljer du det objekt du vill fördefiniera.
Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Custom_Features#Service_Categories |kategorier]] eller [[Custom_Features#Multiple_Locations |platser]] som du har. Om du till exempel har två tjänster, A och B, och du väljer tjänst A som fördefinierad, öppnas widgeten för den tjänsten och steget där du väljer tjänst hoppas över. Denna funktion kan vara användbar om du bara vill visa vissa tjänster på en specifik sida på din webbplats. Stegen för att generera koden är desamma som ovan, men i widgetens inställningar väljer du det objekt du vill fördefiniera.
<br><br>
<br><br>
</div>


<div class="mw-translate-fuzzy">
= Widget för bokning och kontakt =
= Widget för bokning och kontakt =
<br><br>
<br><br>
Line 115: Line 130:
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
<br><br>
<br><br>
</div>
<div class="mw-translate-fuzzy">
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
<br><br>
<br><br>
Line 130: Line 147:
:::[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>


;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/sv"