Widgets for your own website/sv: Difference between revisions

(6 intermediate revisions by 2 users not shown)

Line 1:

{{#seo: |title=Widgets för din egen webbplats – SimplyBook.me |description=~~Lägg till SimplyBook~~.me-widgets ~~på din webbplats för direktbokningar från kunder~~. ~~Anpassa dem efter ditt varumärke~~. ~~Läs mer här!~~ |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, widget, widgets, integration, webbplatsintegration, webbplatswidgets, widgets för webbplatser }}

{{#seo: |title=Widgets för din egen webbplats – SimplyBook.me |description=Bädda in bokningswidgets på valfri webbplats. Generera iframe-kod och anpassa utseendet. Knapp-, popup- eller inline-widgets. Fungerar med WordPress, Shopify och Joomla.|titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, widget, widgets, integration, webbplatsintegration, webbplatswidgets, widgets för webbplatser }}

Line 34:

~~<div class="mw-translate-fuzzy">~~

Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Special:MyLanguage/Service_Categories_custom_feature |kategorier]] eller [[Special:MyLanguage/Multiple_Locations_custom_feature |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]]

Line 63:

Line 61:

[[File:Predefined client result view.png|center]]

~~<div class="mw-translate-fuzzy">~~

== Widgets för [[Special:MyLanguage/Client_Login_custom_feature|kundinloggning]], [[Special:MyLanguage/Packages_custom_feature|paket]], [[Special:MyLanguage/Membership_custom_feature|medlemskap]], [[Special:MyLanguage/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]] ==

'''Observera!''' Det fungerar för närvarande endast med iFrame-widgets och fungerar inte med bokningsknappar och kontaktknappar.

Line 70:

Line 67:

Om du använder en eller flera av dessa funktioner kan det vara nödvändigt att lägga till en widget som gör att dina kunder kan använda alternativet på din webbplats.

Det kan göras på ett enkelt sätt genom att lägga till motsvarande "navigera" -element i widgetkoden:

*[[Client_Login_custom_feature|Kundinloggning]] - "navigera":"client/sign-in"

*[[Special:MyLanguage/Client_Login_custom_feature|Kundinloggning]] - "navigera":"client/sign-in"

*[[Packages_custom_feature|Paket]] - "navigera":"packages"

*[[Special:MyLanguage/Packages_custom_feature|Paket]] - "navigera":"packages"

*[[Membership_custom_feature|Medlemskap]] - "navigera":"membership"

*[[Special:MyLanguage/Membership_custom_feature|Medlemskap]] - "navigera":"membership"

*[[Coupons_and_Gift_Cards_custom_feature|Presentkort]] - "navigera":"gift-card"

*[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Presentkort]] - "navigera":"gift-card"

~~</div>~~

Exempel på widgetkod [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|för presentkort]]:

~~<div class="mw-translate-fuzzy">~~

Exempel på widgetkod [[Coupons_and_Gift_Cards_custom_feature|för presentkort]]:

~~</div~~>

Line 107:

Line 101:

~~<div class="mw-translate-fuzzy">~~

;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, [[Special:MyLanguage/Service_Categories_custom_feature |kategorier]] eller [[Special:MyLanguage/Multiple_Locations_custom_feature |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.

~~</div>~~

~~<div class="mw-translate-fuzzy">~~

= Widget för bokning och kontakt =

:1. Aktivera [[~~Custom_Features#Contact_Widget~~ |kontaktwidget]] i Anpassade funktioner -> För utveckling.

:1. Aktivera [[Special:MyLanguage/Contact_Widget_custom_feature |kontaktwidget]] i Anpassade funktioner -> För utveckling.

[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]

Line 122:

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]]

~~</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]]

@@ Line 1: / Line 1: @@
 <languages/>
-{{#seo: |title=Widgets för din egen webbplats – SimplyBook.me |description=Lägg till SimplyBook.me-widgets på din webbplats för direktbokningar från kunder. Anpassa dem efter ditt varumärke. Läs mer här! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, 	schemaläggningsprogramvara, onlinebokning, onlinebokning, widget, widgets, integration, webbplatsintegration, webbplatswidgets, widgets för webbplatser }}
+{{#seo: |title=Widgets för din egen webbplats – SimplyBook.me |description=Bädda in bokningswidgets på valfri webbplats. Generera iframe-kod och anpassa utseendet. Knapp-, popup- eller inline-widgets. Fungerar med WordPress, Shopify och Joomla.|titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, 	schemaläggningsprogramvara, onlinebokning, onlinebokning, widget, widgets, integration, webbplatsintegration, webbplatswidgets, widgets för webbplatser }}
@@ Line 34: / Line 34: @@
 <br>
-<div class="mw-translate-fuzzy">
+Med den här funktionen kan du generera iframe-kod specifikt för tjänster, leverantörer, [[Special:MyLanguage/Service_Categories_custom_feature |kategorier]] eller [[Special:MyLanguage/Multiple_Locations_custom_feature |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]]
@@ Line 63: / Line 61: @@
 [[File:Predefined client result view.png|center]]
 <br><br>
-<div class="mw-translate-fuzzy">
+== Widgets för [[Special:MyLanguage/Client_Login_custom_feature|kundinloggning]], [[Special:MyLanguage/Packages_custom_feature|paket]], [[Special:MyLanguage/Membership_custom_feature|medlemskap]], [[Special:MyLanguage/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>
 <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Observera!''' Det fungerar för närvarande endast med iFrame-widgets och fungerar inte med bokningsknappar och kontaktknappar.</span><br>
@@ Line 70: / Line 67: @@
 Om du använder en eller flera av dessa funktioner kan det vara nödvändigt att lägga till en widget som gör att dina kunder kan använda alternativet på din webbplats.<br>
 Det kan göras på ett enkelt sätt genom att lägga till motsvarande <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">"navigera"</span> -element i widgetkoden:
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Kundinloggning]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"client/sign-in"</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Kundinloggning]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"client/sign-in"</span>
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Paket]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"packages"</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|Paket]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"packages"</span>
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Medlemskap]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"membership"</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|Medlemskap]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"membership"</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>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Presentkort]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;">"navigera":"gift-card"</span>
 <br><br>
-</div>
+Exempel på widgetkod <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|för presentkort]]</span>:<br><br>
-<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>
-</div>
 <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>
@@ Line 107: / Line 101: @@
-<div class="mw-translate-fuzzy">
 ;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, [[Special:MyLanguage/Service_Categories_custom_feature |kategorier]] eller [[Special:MyLanguage/Multiple_Locations_custom_feature |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>
-</div>
-<div class="mw-translate-fuzzy">
 = Widget för bokning och kontakt =
 <br><br>
-:1. Aktivera <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;">Anpassade funktioner</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">För utveckling</span>.
+:1. Aktivera <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;">Anpassade funktioner</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">För utveckling</span>.
 [[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>
@@ Line 122: / 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]]
 <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]]
 <br><br>