SimplyBook.me

Widgets for your own website/da: Difference between revisions

← Older edit
VisualWikitext
FuzzyBot (talk | contribs)
5,030 edits
Updating to match new version of source page
No edit summary
Tags: Mobile edit Mobile web edit
 
(9 intermediate revisions by the same user not shown)
Line 3: Line 3:




<div class="mw-translate-fuzzy">
:Hvorfor du bør bruge vores widgets <p><youtube>ngAxW1uTOk4</youtube></p>
: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 <p><youtube>8mi4MCmE_qg</youtube></p>
<br><br>
<br><br>
</div>


__FORCETOC__
__FORCETOC__
<div class="mw-translate-fuzzy">
= iFrame-widget =
= iFrame-widget =
<br><br>
<br><br>
Line 24: Line 21:
<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>
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/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 39: Line 34:
<br>
<br>


<div class="mw-translate-fuzzy">
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, leverandør, [[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 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 68: 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 75: 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 98: Line 87:
[[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>
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/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, [[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 130: 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>
<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 139: Line 120:
<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>
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:'''Her er vejledninger til flere populære hjemmesidebyggere:'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/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]
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/da"