Widgets for your own website/da: Difference between revisions
Created page with "Eksempel på widgetkode <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">for gavekort</span>:<br><br>" |
Updating to match new version of source page |
||
| Line 3: | Line 3: | ||
<div class="mw-translate-fuzzy"> | |||
:Hvorfor du bør bruge vores widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]] | :Hvorfor du bør bruge vores widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]] | ||
<br><br> | <br><br> | ||
:Video-vejledning tilgængelig [[File:Youtube-Logo.png|link=https://youtu.be/8mi4MCmE_qg]] | :Video-vejledning tilgængelig [[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/ Se hvordan widgets kan se ud på din hjemmeside] | ;[https://simplydemowidgets.mozello.com/ Se hvordan widgets kan se ud på din hjemmeside] | ||
| Line 35: | Line 39: | ||
<br> | <br> | ||
<div class="mw-translate-fuzzy"> | |||
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, leverandør, [[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 widgetten 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, leverandør, [[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 widgetten 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. | ||
</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 til [[Client_Login_custom_feature|klientlogin]], [[Packages_custom_feature|pakker]], [[Membership_custom_feature|medlemskaber]], [[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> | ||
| Line 73: | Line 80: | ||
*<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;">[[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> | |||
<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> | 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 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. 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> | :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> | ||
<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> | <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> | ||
| 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/ Se hvordan widgets kan se ud på din hjemmeside] | ;[https://simplydemowidgets.mozello.com/ Se hvordan widgets kan se ud på din hjemmeside] | ||
<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, [[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. | ||
<br><br> | <br><br> | ||
</div> | |||
<div class="mw-translate-fuzzy"> | |||
= Widget til booking og kontakt = | = Widget til booking og 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/ Se hvordan widgets kan se ud på din hjemmeside] | ;[https://simplydemowidgets.mozello.com/ Se hvordan widgets kan se ud på din hjemmeside] | ||