Client mobile app/sv: Difference between revisions

From SimplyBook.me
Created page with "left <br>Låt dina kunder ladda ner din egen personliga klientapp. Med appen på sin mobil kan de enkelt boka, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">omboka</span>, köpa <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">paket,</span> <span style="background-color:#cdeffc; padding:5px; border..."
 
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 11: Line 11:
Det är så enkelt som det!
Det är så enkelt som det!


<div lang="en" dir="ltr" class="mw-content-ltr">
Client Mobile App fungerar som en Progressive Web App (PWA), vilket innebär att den inte kan laddas ner från traditionella appbutiker som App Store eller Play Market. Istället kan dina kunder komma åt appens funktioner direkt via en webbläsare på sina mobila enheter. Det här tillvägagångssättet ger flexibilitet, enkla uppdateringar och kompatibilitet mellan olika enheter.
Client Mobile App operates as a Progressive Web App (PWA), which means it cannot be downloaded from traditional app stores like the App Store or Play Market. Instead, your clients can access the app's features directly through a web browser on their mobile devices. This approach offers flexibility, easy updates, and compatibility across different devices.
<br><br><br><br>
<br><br><br><br>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Vänligen notera! '''</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
* När<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">du aktiverar den här funktionen kommer anpassad funktion för <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|klientinloggning]]</span> också att aktiveras;</span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you turn this feature on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Client Login]]</span> custom feature will be enabled as well;</span>
* Det<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">fungerar för närvarande endast med veckokurser, moderna och flexibla <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|kalenderlayouter]]</span>;</span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It currently works with weekly classes, modern and flexible <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|calendar layouts]]</span> only;</span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Följande funktioner finns för närvarande inte i klientapplikationen: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |Nyheter]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Fotogalleri]]</span>,, Recensioner, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Anpassad sida]]</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">,[[Special:MyLanguage/Google_Translate_custom_feature|Google translate]],</span> ändring av huvudsidans läge, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|visning av sluttid]]</span>, dölja bilder på bokningssteg, RTL-orientering <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">,[[Special:MyLanguage/Contact_Widget_custom_feature|Kontaktwidget]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#Slots_Colors|färgjusteringar för upptagna och tillgängliga platser]].</span></span>
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The following functionality is not currently present in the client application: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |News]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Photo gallery]],</span>, Reviews, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Custom page]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Google_Translate_custom_feature|Google translate]],</span> main page mode change, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|end time display]],</span> hiding images on booking steps, RTL orientation, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature|Contact widget]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#Slots_Colors|busy and available slots color adjustments]].</span></span>
<br><br><br><br>
<br><br><br><br>
:'''Video tutorials available '''
:'''Videohandledning tillgänglig '''
:*How to set up the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/_3pW171iAjA]]
:* Hur man ställer in klientens mobilapp <p><youtube>_3pW171iAjA</youtube></p>
:*How to use the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/SElfM29hWOo]]
:* Hur man använder klientens mobilapp <p><youtube>SElfM29hWOo</youtube></p>
<br><br>
<br><br>
;'''How to use'''
'''Hur man använder'''
:1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client mobile app</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span> section.
:1. Aktivera funktionen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client mobile app</span> på din sida för <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">anpassade funktioner</span> i avsnittet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span>.
[[File:Client app enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cb/Client_app_enable_path_redesigned.png]]
[[File:Client app enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cb/Client_app_enable_path_redesigned.png]]
<br><br>
<br><br>
:2. And it is ready to use. Some reports options become available to you.
:2. Och den är redo att användas. Vissa rapportalternativ blir tillgängliga för dig.
[[File:Client app free verion redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Client_app_free_verion_redesigned.png]]
[[File:Client app free verion redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Client_app_free_verion_redesigned.png]]
<br><br>
<br><br>
:3.'''(available for Premium subscriptions only)''' Add own application name, set brand color, select the preferable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|calendar layout]]</span>, upload the logo and banner images.
:3.'''(endast tillgängligt för Premium-prenumerationer''' ) Lägg till eget applikationsnamn, ställ in varumärkesfärg, välj önskad <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|kalenderlayout]]</span>, ladda upp logotypen och bannerbilderna.
:It is important to use square image for the logo, different dimensions will not be saved.
:Det är viktigt att använda fyrkantig bild för logotypen, olika dimensioner sparas inte.
:As well we recommend using brighter and/or darker colors for background for better customer experience.
:Vi rekommenderar också att du använder ljusare och / eller mörkare färger för bakgrunden för bättre kundupplevelse.
[[File:Client app options paid redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/8d/Client_app_options_paid_redesigned.png]]
[[File:Client app options paid redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/8d/Client_app_options_paid_redesigned.png]].png
<br><br>
<br><br>
:4. Send your booking website URL(banner is not shown on widgets) to your clients so that they will be able to install the application on their phones by clicking on the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">banner.</span>
:4. Skicka webbadressen till din bokningswebbplats (bannern visas inte på widgets) till dina kunder så att de kan installera applikationen på sina telefoner genom att klicka på motsvarande <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">banner</span>.
:(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)<br>
:(Bannern för inbjudan till installation kanske inte visas i inbyggda mobila webbläsare, vi rekommenderar att du använder Chrome istället)<br>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' IOS devices users will need to open your booking website in full Safari version to have the installation invitation banner and then simply use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add to home screen</span> option.</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Vänligen notera!''' Användare av IOS-enheter måste öppna din bokningswebbplats i full Safari-version för att få installationsinbjudan och sedan helt enkelt använda alternativet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Lägg till på startskärmen</span></span>[[File:Installation client app upd.jpg|border|center]]
[[File:Installation client app upd.jpg|border|center]]
<br><br>
<br><br>
:5. As the result they will be able to book online, see their appointments(this option is available even in offline mode), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|reschedule]]</span> or cancel them, buy <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|gift cards]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|packages]],</span> view <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Accept_payments_custom_feature|invoices]]</span> and update own details if necessary.
:5. Som ett resultat kommer de att kunna boka online, se sina möten (det här alternativet är tillgängligt även i offline-läge), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|omboka]]</span> eller avboka dem, köpa <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|presentkort]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|medlemskap]]</span> och <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|paket]],</span> se <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Accept_payments_custom_feature|fakturor]]</span> och uppdatera egna uppgifter vid behov.
[[File:Start page client app upd.jpg|border|center]]
[[File:Start page client app upd.jpg|border|center]]
<br><br><br><br>
<br><br><br><br>
;'''Push notifications'''
'''Push-aviseringar'''
*Users can also get push notifications about new bookings or cancellations on their devices.
*Användare kan också få push-aviseringar om nya bokningar eller avbokningar på sina enheter.
:For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
:För det kommer det bara att vara nödvändigt att aktivera aviseringar i applikationen efter registrering / inloggning och i en standard systemdialog.
[[File:Notifications client app upd.jpg|border|center]]
[[File:Notifications client app upd.jpg|border|center]]
<br><br>
<br><br>
:In case the notifications are turned on, but the push messages do not come it is necessary to check if Chrome system notifications(Android) or Safari(IOS) are enabled inside the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">device settings.</span>
:Om aviseringarna är påslagna, men push-meddelandena inte kommer, är det nödvändigt att kontrollera om Chrome-systemaviseringar (Android) eller Safari (IOS) är aktiverade i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">enhetens inställningar.</span>
[[File:Client app notifications system.png|border|center]]
[[File:Client app notifications system.png|border|center]]
<br><br>
<br><br>
*From '''admin side''' it is possible to see all push notifications sent to customers in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Push notifications</span> as well as whether they were received and clicked by client.
* Från '''administratörssidan''' är det möjligt att se alla push-meddelanden som skickas till kunder i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Rapporter</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Push-meddelanden</span> samt om de mottogs och klickades av klienten.
[[File:Client app push notifications report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cc/Client_app_push_notifications_report_redesigned.png]]
[[File:Client app push notifications report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/c/cc/Client_app_push_notifications_report_redesigned.png]].
<br><br><br><br>
<br><br><br><br>
</div>

Latest revision as of 11:47, 22 September 2025


Låt dina kunder ladda ner din egen personliga klientapp. Med appen på sin mobil kan de enkelt boka, omboka, köpa paket, medlemskap och presentkort samt komma åt ditt företag direkt från sina telefoner.

Klientappen är tillgänglig för alla betalande SimplyBook.me-användare som använder Client Login, och om du har en premiumprenumeration kan du anpassa den med din egen logotyp och varumärkesfärg. Be dina kunder att gå till din bokningswebbplats på en mobil enhet, och därifrån kommer de att bli inbjudna att ladda ner appen på sin mobil.
Det är så enkelt som det!

Client Mobile App fungerar som en Progressive Web App (PWA), vilket innebär att den inte kan laddas ner från traditionella appbutiker som App Store eller Play Market. Istället kan dina kunder komma åt appens funktioner direkt via en webbläsare på sina mobila enheter. Det här tillvägagångssättet ger flexibilitet, enkla uppdateringar och kompatibilitet mellan olika enheter.



Vänligen notera!





Videohandledning tillgänglig
  • Hur man ställer in klientens mobilapp

  • Hur man använder klientens mobilapp



Hur man använder

1. Aktivera funktionen Client mobile app på din sida för anpassade funktioner i avsnittet Business enhancements.



2. Och den är redo att användas. Vissa rapportalternativ blir tillgängliga för dig.



3.(endast tillgängligt för Premium-prenumerationer ) Lägg till eget applikationsnamn, ställ in varumärkesfärg, välj önskad kalenderlayout, ladda upp logotypen och bannerbilderna.
Det är viktigt att använda fyrkantig bild för logotypen, olika dimensioner sparas inte.
Vi rekommenderar också att du använder ljusare och / eller mörkare färger för bakgrunden för bättre kundupplevelse.

.png



4. Skicka webbadressen till din bokningswebbplats (bannern visas inte på widgets) till dina kunder så att de kan installera applikationen på sina telefoner genom att klicka på motsvarande banner.
(Bannern för inbjudan till installation kanske inte visas i inbyggda mobila webbläsare, vi rekommenderar att du använder Chrome istället)
Vänligen notera! Användare av IOS-enheter måste öppna din bokningswebbplats i full Safari-version för att få installationsinbjudan och sedan helt enkelt använda alternativet Lägg till på startskärmen



5. Som ett resultat kommer de att kunna boka online, se sina möten (det här alternativet är tillgängligt även i offline-läge), omboka eller avboka dem, köpa presentkort, medlemskap och paket, se fakturor och uppdatera egna uppgifter vid behov.





Push-aviseringar

  • Användare kan också få push-aviseringar om nya bokningar eller avbokningar på sina enheter.
För det kommer det bara att vara nödvändigt att aktivera aviseringar i applikationen efter registrering / inloggning och i en standard systemdialog.



Om aviseringarna är påslagna, men push-meddelandena inte kommer, är det nödvändigt att kontrollera om Chrome-systemaviseringar (Android) eller Safari (IOS) är aktiverade i enhetens inställningar.



  • Från administratörssidan är det möjligt att se alla push-meddelanden som skickas till kunder i Rapporter -> Push-meddelanden samt om de mottogs och klickades av klienten.

.