Client mobile app/nl: Difference between revisions

From SimplyBook.me
Created page with "left <br>Laat uw klanten uw eigen gepersonaliseerde klanten-app downloaden. Met de app op hun mobiel kunnen ze eenvoudig boeken, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">verzetten,</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">pakketten,</span> <span style="background-color:#cdeffc;..."
Tags: Mobile edit Mobile web edit
 
No edit summary
Tags: Mobile edit Mobile web edit
 
(4 intermediate revisions by 2 users not shown)
Line 14: Line 14:
<br><br><br><br>
<br><br><br><br>


<div lang="en" dir="ltr" class="mw-content-ltr">
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Let op! '''</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
*Als<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">je deze functie inschakelt, wordt de aangepaste <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Client Login-functie]]</span> ook ingeschakeld;</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>
*Het<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">werkt momenteel alleen met wekelijkse lessen, moderne en flexibele <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|kalenderlay-outs]]</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>
*De<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">volgende functionaliteit is momenteel niet aanwezig in de clienttoepassing: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |Nieuws]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Fotogalerij]],</span> Recensies, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Aangepaste pagina]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Google_Translate_custom_feature|Google vertalen]],</span> wijzigen van de modus van de hoofdpagina, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|weergave eindtijd]],</span> verbergen van afbeeldingen bij boekingsstappen, RTL-oriëntatie, <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|kleuraanpassingen voor bezette en beschikbare plaatsen]].</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 '''
:'''Beschikbare video-tutorials '''
:*How to set up the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/_3pW171iAjA]]
:*Hoe de mobiele app voor de klant instellen <p><youtube>_3pW171iAjA</youtube></p>
:*How to use the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/SElfM29hWOo]]
:*Hoe de mobiele app voor de klant gebruiken <p><youtube>SElfM29hWOo</youtube></p>
<br><br>
<br><br>
;'''How to use'''
''';Hoe te gebruiken'''
: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. Schakel de mobiele app voor de klant in op je mobiele app. Schakel <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de</span> functie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client mobile app</span> in op je pagina <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Aangepaste functies</span> in de sectie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bedrijfsuitbreidingen</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. En het is klaar voor gebruik. Sommige rapportage-opties worden voor jou beschikbaar.
[[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.'''(alleen beschikbaar voor Premium abonnementen)''' Voeg uw eigen applicatienaam toe, stel de merkkleur in, selecteer de gewenste <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|kalenderlay-out]]</span>, upload het logo en de bannerafbeeldingen.
:It is important to use square image for the logo, different dimensions will not be saved.
:Het is belangrijk om een vierkante afbeelding te gebruiken voor het logo, afwijkende afmetingen worden niet opgeslagen.
:As well we recommend using brighter and/or darker colors for background for better customer experience.
:Ook raden we aan om heldere en/of donkere kleuren te gebruiken voor de achtergrond voor een betere klantervaring.
[[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]]
<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.'''(alleen beschikbaar voor Premium abonnementen)''' Voeg uw eigen applicatienaam toe, stel de merkkleur in, selecteer de gewenste <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|kalenderlay-out]]</span>, upload het logo en de bannerafbeeldingen. Stuur de URL van je boekingswebsite (banner wordt niet getoond op widgets) naar je klanten zodat ze de applicatie op hun telefoon kunnen installeren door op de bijbehorende <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">banner</span> te klikken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
:(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)<br>
:(Uitnodiging installatie banner wordt mogelijk niet weergegeven in ingebouwde mobiele browsers, het wordt aanbevolen om in plaats daarvan Chrome te gebruiken)<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;">'''Let op!''' Gebruikers van IOS-apparaten moeten je boekingswebsite openen in de volledige Safari-versie om de installatie-uitnodigingsbanner te zien en dan gewoon de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Toevoegen aan beginscherm</span> gebruiken.</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. Klik op de <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">uitnodigingsbanner</span>. Het resultaat is dat ze online kunnen boeken, hun afspraken kunnen bekijken (deze optie is zelfs beschikbaar in offline modus), deze kunnen <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Rescheduling_custom_feature|verzetten]]</span> of annuleren, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|cadeaubonnen]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|lidmaatschappen]]</span> en <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|pakketten]]</span> kunnen kopen <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">,</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Accept_payments_custom_feature|facturen]]</span> kunnen bekijken en indien nodig hun eigen gegevens kunnen bijwerken.
[[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 notificaties'''
*Users can also get push notifications about new bookings or cancellations on their devices.
*Gebruikers kunnen ook push notificaties over nieuwe boekingen of annuleringen op hun apparaten ontvangen.
:For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
:Hiervoor is het alleen nodig om notificaties in de applicatie in te schakelen na het aanmelden/aanmelden en in een standaard systeemdialoog.
[[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>
:In het geval dat de meldingen zijn ingeschakeld, maar de pushberichten niet komen, is het nodig om te controleren of Chrome systeemmeldingen (Android) of Safari (IOS) zijn ingeschakeld in de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">apparaatinstellingen.</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.
*Vanuit '''de beheerderskant''' is het mogelijk om alle pushberichten die naar klanten zijn verzonden te zien in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Rapporten</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pushberichten</span> en of ze zijn ontvangen en aangeklikt door de klant.
[[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:44, 22 September 2025


Laat uw klanten uw eigen gepersonaliseerde klanten-app downloaden. Met de app op hun mobiel kunnen ze eenvoudig boeken, verzetten, pakketten, lidmaatschappen en cadeaubonnen kopen en hebben ze rechtstreeks vanaf hun telefoon toegang tot uw bedrijf.

De klantenapp is beschikbaar voor alle betalende SimplyBook.me-gebruikers die Client Login gebruiken , en als u een premium abonnement hebt, kunt u de app personaliseren met uw eigen logo en merkkleur. Vraag uw klanten om naar uw boekingswebsite te gaan op een mobiel apparaat en vanaf daar worden ze uitgenodigd om de app te downloaden op hun mobiel.
Zo simpel is het!

Client Mobile App werkt als een Progressive Web App (PWA), wat betekent dat de app niet kan worden gedownload uit traditionele app stores zoals de App Store of Play Market. In plaats daarvan hebben je klanten rechtstreeks toegang tot de functies van de app via een webbrowser op hun mobiele apparaten. Deze aanpak biedt flexibiliteit, eenvoudige updates en compatibiliteit op verschillende apparaten.



Let op!





Beschikbare video-tutorials
  • Hoe de mobiele app voor de klant instellen

  • Hoe de mobiele app voor de klant gebruiken



;Hoe te gebruiken

1. Schakel de mobiele app voor de klant in op je mobiele app. Schakel de functie Client mobile app in op je pagina Aangepaste functies in de sectie Bedrijfsuitbreidingen.



2. En het is klaar voor gebruik. Sommige rapportage-opties worden voor jou beschikbaar.



3.(alleen beschikbaar voor Premium abonnementen) Voeg uw eigen applicatienaam toe, stel de merkkleur in, selecteer de gewenste kalenderlay-out, upload het logo en de bannerafbeeldingen.
Het is belangrijk om een vierkante afbeelding te gebruiken voor het logo, afwijkende afmetingen worden niet opgeslagen.
Ook raden we aan om heldere en/of donkere kleuren te gebruiken voor de achtergrond voor een betere klantervaring.



4.(alleen beschikbaar voor Premium abonnementen) Voeg uw eigen applicatienaam toe, stel de merkkleur in, selecteer de gewenste kalenderlay-out, upload het logo en de bannerafbeeldingen. Stuur de URL van je boekingswebsite (banner wordt niet getoond op widgets) naar je klanten zodat ze de applicatie op hun telefoon kunnen installeren door op de bijbehorende banner te klikken .
(Uitnodiging installatie banner wordt mogelijk niet weergegeven in ingebouwde mobiele browsers, het wordt aanbevolen om in plaats daarvan Chrome te gebruiken)
Let op! Gebruikers van IOS-apparaten moeten je boekingswebsite openen in de volledige Safari-versie om de installatie-uitnodigingsbanner te zien en dan gewoon de optie Toevoegen aan beginscherm gebruiken.



5. Klik op de uitnodigingsbanner. Het resultaat is dat ze online kunnen boeken, hun afspraken kunnen bekijken (deze optie is zelfs beschikbaar in offline modus), deze kunnen verzetten of annuleren, cadeaubonnen, lidmaatschappen en pakketten kunnen kopen , facturen kunnen bekijken en indien nodig hun eigen gegevens kunnen bijwerken.





Push notificaties

  • Gebruikers kunnen ook push notificaties over nieuwe boekingen of annuleringen op hun apparaten ontvangen.
Hiervoor is het alleen nodig om notificaties in de applicatie in te schakelen na het aanmelden/aanmelden en in een standaard systeemdialoog.



In het geval dat de meldingen zijn ingeschakeld, maar de pushberichten niet komen, is het nodig om te controleren of Chrome systeemmeldingen (Android) of Safari (IOS) zijn ingeschakeld in de apparaatinstellingen.



  • Vanuit de beheerderskant is het mogelijk om alle pushberichten die naar klanten zijn verzonden te zien in Rapporten -> Pushberichten en of ze zijn ontvangen en aangeklikt door de klant.