SimplyBook.me

Widgets for your own website/da: Difference between revisions

← Older edit
VisualWikitext
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(3 intermediate revisions by the same user not shown)
Line 61: Line 61:
[[File:Predefined client result view.png|center]]
[[File:Predefined client result view.png|center]]
<br><br>
<br><br>
<div class="mw-translate-fuzzy">
== Widgets til [[Special:MyLanguage/Client_Login_custom_feature|klientlogin]], [[Special:MyLanguage/Packages_custom_feature|pakker]], [[Special:MyLanguage/Membership_custom_feature|medlemskaber]], [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|gavekort]] ==
== Widgets til [[Client_Login_custom_feature|klientlogin]], [[Packages_custom_feature|pakker]], [[Membership_custom_feature|medlemskaber]], [[Coupons_and_Gift_Cards_custom_feature|gavekort]] ==
<br><br>
<br><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>
<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>
Line 68: Line 67:
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>
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>
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:
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|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;">[[Special:MyLanguage/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|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;">[[Special:MyLanguage/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|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;">[[Special:MyLanguage/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|Gavekort]]</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;">[[Special:MyLanguage/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;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|for gavekort]]</span>:<br><br>
<div class="mw-translate-fuzzy">
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>
<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 105: Line 101:




<div class="mw-translate-fuzzy">
;Widgets med foruddefineret service, udbyder, kategori eller placering.
;Widgets med foruddefineret service, udbyder, kategori eller placering.
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, udbyder, [[Custom_Features#Service_Categories |kategori]] eller [[Custom_Features#Multiple_Locations |placering]], du har. Hvis du f.eks. har to tjenester, A og B, og du vælger tjeneste A som foruddefineret, åbnes widgeten på den pågældende tjeneste, og trinnet med at vælge tjeneste springes over. Denne funktion kan være nyttig, hvis du kun vil vise bestemte tjenester på en bestemt side på din hjemmeside. Trinene til at generere koden er de samme som ovenfor, men i widgetindstillingerne skal du vælge det element, du vil foruddefinere.
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, udbyder, [[Special:MyLanguage/Service_Categories_custom_feature |kategori]] eller [[Special:MyLanguage/Multiple_Locations_custom_feature |placering]], du har. Hvis du f.eks. har to tjenester, A og B, og du vælger tjeneste A som foruddefineret, åbnes widgeten på den pågældende tjeneste, og trinnet med at vælge tjeneste springes over. Denne funktion kan være nyttig, hvis du kun vil vise bestemte tjenester på en bestemt side på din hjemmeside. Trinene til at generere koden er de samme som ovenfor, men i widgetindstillingerne skal du vælge det element, du vil foruddefinere.
<br><br>
<br><br>
</div>


<div class="mw-translate-fuzzy">
= Widget til booking og kontakt =
= Widget til booking og kontakt =
<br><br>
<br><br>
:1. Aktivér <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Contact_Widget |kontaktwidget]]</span> i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tilpassede funktioner</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Til udvikling</span>.
:1. Aktivér <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature  |kontaktwidget]]</span> i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tilpassede funktioner</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Til udvikling</span>.
[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]
[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]
<br><br>
<br><br>
Line 120: Line 113:
[[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>
[[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>
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/da"