Difference between revisions of "Client mobile app"

From SimplyBook.me
(Prepared the page for translation)
Line 1: Line 1:
 +
<languages/>
 +
<translate>
 +
</translate>
 
{{#seo:
 
{{#seo:
 
|title=Client mobile app - SimplyBook.me
 
|title=Client mobile app - SimplyBook.me
Line 4: Line 7:
 
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, client application, mobile application, client mobile app, client app, client mobile application, add to home screen
 
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, client application, mobile application, client mobile app, client app, client mobile application, add to home screen
 
}}
 
}}
 +
<translate>
  
[[File:Pwa icon.png|left]] <br>Let your clients download your own personalised client app. With the app on their mobile they can easily book, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Rescheduling_custom_feature|reschedule]],</span> purchase <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|packages]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|gift cards]]</span> as well as access your business directly from their phones.
+
[[File:Pwa icon.png|left]] <br>Let your clients download your own personalised client app. With the app on their mobile they can easily book, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|reschedule]],</span> purchase <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|packages]],</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/Coupons_and_Gift_Cards_custom_feature|gift cards]]</span> as well as access your business directly from their phones.
The Client app is available for all paying SimplyBook.me users who use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]],</span> and if you have a premium subscription you can personalise it with your own logo and brand color. Ask your clients to go to your booking website on a mobile device, and from there they will be invited to download the app on their mobile.<br>
+
The Client app is available for all paying SimplyBook.me users who use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Client Login]],</span> and if you have a premium subscription you can personalise it with your own logo and brand color. Ask your clients to go to your booking website on a mobile device, and from there they will be invited to download the app on their mobile.<br>
 
It's as simple as that!
 
It's as simple as that!
  
Line 13: Line 17:
  
 
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
 
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</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;">[[Client_Login_custom_feature|Client Login]]</span> custom feature will be enabled as well;</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>
*<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;">[[How_to_change_the_way_time_slots_are_shown|calendar layouts]]</span> only;</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;">The following functionality is not currently present in the client application: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[News_custom_feature |News]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Photo_Gallery_custom_feature|Photo gallery]],</span>, Reviews, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Page_custom_feature|Custom page]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Google_Translate_custom_feature|Google translate]],</span> main page mode change, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[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;">[[Contact_Widget_custom_feature|Contact widget]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown#Slots_Colors|busy and available slots color adjustments]].</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 '''
 
:'''Video tutorials available '''
Line 28: Line 32:
 
[[File:Client app non-premium.png|1200px|border|center]]
 
[[File:Client app non-premium.png|1200px|border|center]]
 
<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;">[[How_to_change_the_way_time_slots_are_shown|calendar layout]]</span>, upload the logo and banner images.
+
: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.
 
:It is important to use square image for the logo, different dimensions will not be saved.
 
:It is important to use square image for the logo, different dimensions will not be saved.
 
:As well we recommend using brighter and/or darker colors for background for better customer experience.
 
:As well we recommend using brighter and/or darker colors for background for better customer experience.
Line 38: Line 42:
 
[[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;">[[Client_Rescheduling_custom_feature|reschedule]]</span> or cancel them,  buy <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|gift cards]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|packages]],</span> view <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|invoices]]</span> and update own details if necessary.
+
: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.
 
[[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>
Line 52: Line 56:
 
[[File:Client app noatification report new navigaton.png|1200px|border|center]]
 
[[File:Client app noatification report new navigaton.png|1200px|border|center]]
 
<br><br><br><br>
 
<br><br><br><br>
 +
</translate>

Revision as of 14:48, 12 March 2024

Other languages:
Pwa icon.png


Let your clients download your own personalised client app. With the app on their mobile they can easily book, reschedule, purchase packages, memberships and gift cards as well as access your business directly from their phones.

The Client app is available for all paying SimplyBook.me users who use Client Login, and if you have a premium subscription you can personalise it with your own logo and brand color. Ask your clients to go to your booking website on a mobile device, and from there they will be invited to download the app on their mobile.
It's as simple as that!

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.



Please note!





Video tutorials available
  • How to set up the Client mobile app Youtube-Logo.png
  • How to use the Client mobile app Youtube-Logo.png



How to use
1. Enable Client mobile app feature on your Custom features page in Business enhancements section.
Client app enable path.png



2. And it is ready to use. Some reports options become available to you.
Client app non-premium.png



3.(available for Premium subscriptions only) Add own application name, set brand color, select the preferable calendar layout, upload the logo and banner images.
It is important to use square image for the logo, different dimensions will not be saved.
As well we recommend using brighter and/or darker colors for background for better customer experience.
Client app settings new.png



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 banner.
(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)
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 Add to home screen option.
Installation client app upd.jpg



5. As the result they will be able to book online, see their appointments(this option is available even in offline mode), reschedule or cancel them, buy gift cards, memberships and packages, view invoices and update own details if necessary.
Start page client app upd.jpg





Push notifications
  • Users can also get push notifications about new bookings or cancellations on their devices.
For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
Notifications client app upd.jpg



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 device settings.
Client app notifications system.png



  • From admin side it is possible to see all push notifications sent to customers in Reports -> Client app -> Notifications as well as whether they were received and clicked by client.
Client app noatification report new navigaton.png