Difference between revisions of "Client mobile app/de"

From SimplyBook.me
(Created page with "left <br>Lassen Sie Ihre Kunden Ihre eigene personalisierte Kunden-App herunterladen. Mit der App auf ihrem Handy können sie ganz einfach buchen, <span...")
(Created page with ":<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bitte beachten Sie!'''</span> *<span style="background-color:#ffe9e9; padding:5px; border-radius:5p...")
Line 14: Line 14:
 
Die Mobile Kunden-App funktioniert als Progressive Web App (PWA), d. h. sie kann nicht aus herkömmlichen App-Stores wie dem App Store oder Play Market heruntergeladen werden. Stattdessen können Ihre Kunden die Funktionen der App direkt über einen Webbrowser auf ihren mobilen Geräten aufrufen. Dieser Ansatz bietet Flexibilität, einfache Aktualisierungen und Kompatibilität über verschiedene Geräte hinweg.<br><br><br><br>
 
Die Mobile Kunden-App funktioniert als Progressive Web App (PWA), d. h. sie kann nicht aus herkömmlichen App-Stores wie dem App Store oder Play Market heruntergeladen werden. Stattdessen können Ihre Kunden die Funktionen der App direkt über einen Webbrowser auf ihren mobilen Geräten aufrufen. Dieser Ansatz bietet Flexibilität, einfache Aktualisierungen und Kompatibilität über verschiedene Geräte hinweg.<br><br><br><br>
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bitte beachten Sie!'''</span>
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
+
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">
*<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>
+
Wenn Sie diese Funktion aktivieren, wird auch die individuelle Funktion  <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Kunden-Login]]</span> aktiviert;</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;">Diese Funktion funktioniert derzeit nur mit wöchentlichen Klassen, modernen und flexiblen <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|Kalenderlayouts]]</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>
+
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Die folgenden Funktionen sind derzeit nicht in der Kunden-App vorhanden: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/News_custom_feature |Nachrichten]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Photo_Gallery_custom_feature|Fotogalerie]]</span>, Bewertungen, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom_Page_custom_feature|Benutzerdefinierte Seite]]</span>, </span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Google_Translate_custom_feature|Google-Übersetzung]]</span>, Änderung des Hauptseitenmodus, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#End_Time_Display|Anzeige der Endzeit]]</span>, Ausblenden von Bildern auf Buchungsschritten, RTL-Ausrichtung, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature|Kontakt-Widget]]</span>, Farbanpassungen für <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown#Slots_Colors|belegte und verfügbare Slots]]</span>.</span>
<br><br><br><br>
+
 
:'''Video tutorials available '''
+
'''Video-Tutorials verfügbar'''
:*How to set up the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/_3pW171iAjA]]
+
 
:*How to use the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/SElfM29hWOo]]
+
* Einrichten der Mobilen Kunden-App
 +
[[File:Youtube-Logo.png|link=https://youtu.be/OPDGItPheJA?feature=shared 
 +
* Verwendung der Mobilen Kunden-App]]
 +
[[File:Youtube-Logo.png|link=ttps://youtu.be/CII_2kDVPgc?feature=shared]]
 
<br><br>
 
<br><br>
;'''How to use'''
+
;'''Wie benutzt man die Mobile Kunden-App'''
: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. Aktivieren Sie die Funktion <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Mobile Kunden-App</span> auf Ihrer Seite  <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Individuelle Funktionen</span> im Abschnitt <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Geschäftsverbesserungen</span>.
 
[[File:Client app enable path.png|border|center]]
 
[[File:Client app enable path.png|border|center]]
 
<br><br>
 
<br><br>
:2. And it is ready to use. Some reports options become available to you.
+
2. Und schon ist sie einsatzbereit. Einige Berichtsoptionen werden für Sie verfügbar.
 
[[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;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|calendar layout]]</span>, upload the logo and banner images.
+
3. (nur für Premium-Abonnements verfügbar) Fügen Sie einen eigenen Anwendungsnamen hinzu, legen Sie die Markenfarbe fest, wählen Sie das bevorzugte <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/How_to_change_the_way_time_slots_are_shown|Kalenderlayout]]</span>, laden Sie das Logo und die Banner hoch.
:It is important to use square image for the logo, different dimensions will not be saved.
+
Es ist wichtig, dass Sie ein quadratisches Bild für das Logo verwenden, andere Abmessungen werden nicht gespeichert.
:As well we recommend using brighter and/or darker colors for background for better customer experience.
+
Außerdem empfehlen wir die Verwendung von helleren und/oder dunkleren Farben für den Hintergrund, um die Kundenerfahrung zu verbessern.
 
[[File:Client app settings new.png|1200px|border|center]]
 
[[File:Client app settings new.png|1200px|border|center]]
 
<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. Schicken Sie Ihren Kunden die URL Ihrer Buchungswebsite (das Banner wird nicht auf den Widgets angezeigt), damit sie die Anwendung auf ihren Handys installieren können, indem sie auf das entsprechende  <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Banner</span> klicken.
:(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)<br>
+
(Das Banner für die Einladung zur Installation wird möglicherweise nicht in den integrierten mobilen Browsern angezeigt, es wird empfohlen, stattdessen Chrome zu verwenden)
:<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;">'''Bitte beachten Sie!''' Benutzer von IOS-Geräten müssen Ihre Buchungswebsite in der Vollversion von Safari öffnen, um den Einladungsbanner zur Installation zu erhalten, und dann einfach die Option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Zum Startbildschirm hinzufügen</span> verwenden.</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. Als Ergebnis werden sie in der Lage sein, online zu buchen, ihre Termine zu sehen (diese Option ist auch im Offline-Modus verfügbar), sie zu [[Special:MyLanguage/Client_Rescheduling_custom_feature|verschieben]] oder zu stornieren, [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Geschenkkarten]], [[Special:MyLanguage/Membership_custom_feature|Mitgliedschaften]] und [[Special:MyLanguage/Packages_custom_feature|Pakete]] zu kaufen, [[Special:MyLanguage/Accept_payments_custom_feature|Rechnungen]] einzusehen und eigene Daten zu aktualisieren, falls erforderlich.
 
[[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-Benachrichtigungen'''
*Users can also get push notifications about new bookings or cancellations on their devices.
+
*Nutzer können auch Push-Benachrichtigungen über neue Buchungen oder Stornierungen auf ihren Geräten erhalten.<br>
:For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
+
Dazu ist es lediglich erforderlich, die Benachrichtigungen in der Anwendung nach der Anmeldung/Sign-in und in einem Standard-Systemdialog zu aktivieren.
 
[[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>
+
Falls die Benachrichtigungen eingeschaltet sind, aber die Push-Nachrichten nicht ankommen, muss in den Geräteeinstellungen überprüft werden, ob die Chrome-Systembenachrichtigungen (Android) oder Safari (IOS) aktiviert sind.
 
[[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;">Client app</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Notifications</span> as well as whether they were received and clicked by client.
+
*Von der '''Verwaltungsseite''' aus ist es möglich, alle an Kunden gesendeten Push-Benachrichtigungen unter <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Berichte</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kunden-App</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Benachrichtigungen</span> zu sehen, sowie ob sie vom Kunden empfangen und angeklickt wurden.
 
[[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>
</div>
 

Revision as of 15:14, 12 March 2024

Other languages:
Pwa icon.png


Lassen Sie Ihre Kunden Ihre eigene personalisierte Kunden-App herunterladen. Mit der App auf ihrem Handy können sie ganz einfach buchen, Termine verschieben, Pakete, Mitgliedschaften und Geschenkkarten kaufen und direkt von ihrem Handy aus auf Ihr Unternehmen zugreifen.

Die Kunden-App steht allen zahlenden SimplyBook.me-Nutzern zur Verfügung, die den Kunden-Login verwenden, und wenn Sie ein Premium-Abonnement haben, können Sie sie mit Ihrem eigenen Logo und Ihren Markenfarben personalisieren. Bitten Sie Ihre Kunden, Ihre Buchungswebsite mit einem mobilen Gerät aufzurufen, und von dort aus werden sie eingeladen, die App auf ihr Handy herunterzuladen.
So einfach ist das!

Die Mobile Kunden-App funktioniert als Progressive Web App (PWA), d. h. sie kann nicht aus herkömmlichen App-Stores wie dem App Store oder Play Market heruntergeladen werden. Stattdessen können Ihre Kunden die Funktionen der App direkt über einen Webbrowser auf ihren mobilen Geräten aufrufen. Dieser Ansatz bietet Flexibilität, einfache Aktualisierungen und Kompatibilität über verschiedene Geräte hinweg.



Bitte beachten Sie!

Wenn Sie diese Funktion aktivieren, wird auch die individuelle Funktion Kunden-Login aktiviert;

Video-Tutorials verfügbar

  • Einrichten der Mobilen Kunden-App

link=https://youtu.be/OPDGItPheJA?feature=shared * Verwendung der Mobilen Kunden-App Youtube-Logo.png

Wie benutzt man die Mobile Kunden-App

1. Aktivieren Sie die Funktion Mobile Kunden-App auf Ihrer Seite Individuelle Funktionen im Abschnitt Geschäftsverbesserungen.

Client app enable path.png



2. Und schon ist sie einsatzbereit. Einige Berichtsoptionen werden für Sie verfügbar.

Client app non-premium.png



3. (nur für Premium-Abonnements verfügbar) Fügen Sie einen eigenen Anwendungsnamen hinzu, legen Sie die Markenfarbe fest, wählen Sie das bevorzugte Kalenderlayout, laden Sie das Logo und die Banner hoch. Es ist wichtig, dass Sie ein quadratisches Bild für das Logo verwenden, andere Abmessungen werden nicht gespeichert. Außerdem empfehlen wir die Verwendung von helleren und/oder dunkleren Farben für den Hintergrund, um die Kundenerfahrung zu verbessern.

Client app settings new.png



4. Schicken Sie Ihren Kunden die URL Ihrer Buchungswebsite (das Banner wird nicht auf den Widgets angezeigt), damit sie die Anwendung auf ihren Handys installieren können, indem sie auf das entsprechende Banner klicken. (Das Banner für die Einladung zur Installation wird möglicherweise nicht in den integrierten mobilen Browsern angezeigt, es wird empfohlen, stattdessen Chrome zu verwenden) Bitte beachten Sie! Benutzer von IOS-Geräten müssen Ihre Buchungswebsite in der Vollversion von Safari öffnen, um den Einladungsbanner zur Installation zu erhalten, und dann einfach die Option Zum Startbildschirm hinzufügen verwenden.

Installation client app upd.jpg



5. Als Ergebnis werden sie in der Lage sein, online zu buchen, ihre Termine zu sehen (diese Option ist auch im Offline-Modus verfügbar), sie zu verschieben oder zu stornieren, Geschenkkarten, Mitgliedschaften und Pakete zu kaufen, Rechnungen einzusehen und eigene Daten zu aktualisieren, falls erforderlich.

Start page client app upd.jpg





Push-Benachrichtigungen
  • Nutzer können auch Push-Benachrichtigungen über neue Buchungen oder Stornierungen auf ihren Geräten erhalten.

Dazu ist es lediglich erforderlich, die Benachrichtigungen in der Anwendung nach der Anmeldung/Sign-in und in einem Standard-Systemdialog zu aktivieren.

Notifications client app upd.jpg



Falls die Benachrichtigungen eingeschaltet sind, aber die Push-Nachrichten nicht ankommen, muss in den Geräteeinstellungen überprüft werden, ob die Chrome-Systembenachrichtigungen (Android) oder Safari (IOS) aktiviert sind.

Client app notifications system.png



  • Von der Verwaltungsseite aus ist es möglich, alle an Kunden gesendeten Push-Benachrichtigungen unter Berichte -> Kunden-App -> Benachrichtigungen zu sehen, sowie ob sie vom Kunden empfangen und angeklickt wurden.
Client app noatification report new navigaton.png