Messaging
      Back to home
      1. Knowledge Base
      2. Team Member Portal
      3. Messaging

      Nofitications for incoming messages

      This guide explains how to enable notifications for incoming messages and install the web app on your mobile device.

      Table of Contents

      1. Introduction

      2. Notification Permission

        1. Guide for Chrome

        2. Guide for Safari

      3. Installing Web App to home screen
        1. Guide for Chrome
        2. Guide for Safari
      4. Conclusion

        Introduction

        The unread messages notifications feature enhances user engagement by ensuring that important messages are never missed wether the app is actively used or not. 

        Key functionalities include:

        • Real-Time Notifications: Instant alerts for new messages ensure quick response times.
        • System-Wide Notifications: Alerts appear both within the app and as system notifications.
        • PWA Integration: When installed as a Progressive Web App (PWA), the app icon displays the number of unread messages.
        • Direct Access: Clicking on a notification takes you directly to the messaging section for an immediate response.

        Unread Messages Notifications Appearance

        Please note that for iOS the notifications functionalities are not available, because of certain technical restrictions. 

        WebApp Notifications


        If you have installed the app as a PWA (Progressive Web App), the number of unread messages will appear as a badge on the app icon.

        Desktop Notifications

        When a new message arrives, a system notification appears—even if you are not actively using the app.

        Clicking the notification will take you directly to the messaging section, allowing for an instant response. This ensures you stay informed without needing to constantly check the app.

        Notification Permission

        Activating Browser Notifications

        When logging into the Backoffice App for the first time, users will be asked to allow browser notifications.

        Sample Chrome:

        Sample Safari:

        Edit notification settings

        Have you already denied these notifications? No problem – here’s how to enable them again:

        Chrome:

        1. On your computer, open Chrome.
        2. At the top right, select More  and then Settings.
        3. Select Privacy and security and then Site Settings and then Notifications.
        4. Select the option that you want as your default setting.
          • Block a site:
            1. Next to "Not allowed to send notifications," select Add.
            2. Enter the site's web address.
            3. Select Add.
          • Allow a site:
            1. Next to "Allowed to send notifications," select Add.
            2. Enter the site's web address.
            3. Select Add.
          • Allow quieter notification prompts:
            1. Allow sites to ask to send notifications.
            2. Select Use quieter messaging.
              • This blocks notification prompts from interrupting you. A website can still ask you to allow notifications, but no pop-up prompt will show. Instead, you'll only find a bell icon next to the website's address. You can select the bell to allow access.
          • Turn on flash notifications:
            1. To make your screen flash when you get a notification, select Accessibility Settings and then Audio and Captions.
            2. Turn on Flash Notifications.
            3. Optional: You can choose the color your screen flashes. Next to "Flash screen color," from the dropdown menu, select your preferred color.

        Note: Find here a full settings guide for Chrome on all devices including Android and IOS.

        Safari:

        Turn on/off notifications selectively for individual apps

        1. Go to Settings > Notifications > Siri Suggestions.

        2. Turn on Allow Notifications.

        3. Turn off any app.

        Change the appearance of notifications

        1. Go to Settings  > Notifications.

        1. Choose how you want notifications displayed on the Lock Screen:

          • View just the number of notifications: Tap Count.

          • View the notifications grouped into stacks by app: Tap Stack.

          • View the notifications in a list: Tap List.

          When notifications arrive, you can change the layout by pinching the notifications on the Lock Screen.

        Note: Here you can find a full settings guide safari browser.

        Edit notifications exact process may vary depending on the browser, but in general it sits in the settings. You should be able to find any browsers guide very quickly by simply researching online.

        Installing the Web App on the Home Screen

        If you save the Team Member Portal as an app on your home screen, you can access it even faster. Here’s an example of how it looks when added:

        Guide for Chrome

        1. On your computer, open Chrome.
        2. Go to the website you want to create a shortcut for.
        3. At the top right, select More More and then Cast, save, and share and then Create shortcut....
        4. From the dialog that appears:
          • Name: Select the default name for the shortcut or rename it.
        5. Select Create.

        Note: find here Chromes official guides

        Guide for Safari

        1. Go to the Safari app  on your iPhone.

        2. Go to the website you want to add to your Home Screen.

        3. Tap the Share button in the menu bar.

        4. Scroll down the list of options, then tap Add to Home Screen.

          If you don’t see Add to Home Screen, you can add it. Scroll down to the bottom of the list, tap Edit Actions, then tap  Add to Home Screen.

        The icon appears only on the device where you add it.

        Note: find here the detailedguide on apples help site.

        Conclusion

        The notification and web app functionalities in the Team Member Portal help you work more efficiently and never miss a guest inquiry. With real-time notifications and quick access to messages and functions, you can seamlessly manage communications and optimize guest interactions.

        🚀 Try it out and enhance your messaging experience in the Team Member Portal!