Schoolbox Web App

Overview - Schoolbox Web App

Are you sure you want to remove this component?

The Schoolbox Web App provides an easy-to-use, centralised platform that allows you to receive web push notifications on your device. You can install the Schoolbox web application on any of your devices and quickly launch it from the device’s home screen or desktop.

On this page you will fine the following information:

Configuring the web app (as a Superuser)

Install the Schoolbox Web App (as an Apple User) 

Install the Schoolbox Web App (as an Android User)

Add links and roles to use the Digistorm App (as a Superuser)

Configuring the Digitstorm App (as a Superuser)

FAQs 

Configuring the web app (as a Superuser)

Are you sure you want to remove this component?

To receive web push notifications on your device, you can install the Schoolbox web application on any of your devices and quickly launch it from the device’s home screen or desktop.

Before you install the Schoolbox web application, you must ensure you have uploaded your app icon as a PNG image of 192 x 192 pixels.
 1. To upload, go to Administration > Design > Settings - Skin Config > App Icon. Make sure your image does not have transparencies, as they are not supported on all devices. 

Note - You don't need to install this 'Schoolbox web application' from any app store. It is built into Schoolbox and can be installed in your browser. Within your own Schoolbox instance, your site title will appear alongside the reference of Web App.

Install the Schoolbox Web App (as an Apple User)

Are you sure you want to remove this component?

To install the Schoolbox web App on an Apple device, follow the instructions below.

  1. Open a web browser (Chrome, Edge or Safari) on your mobile device.
  2. Navigate to your Schoolbox, enter your username and password, then tap Login.
  3. Follow the  below installation step for your specific browser to install the Schoolbox app:
     

3. Chrome (iOS 16.4 or later):

  • Select the share icon at the edge of the address bar (the square with an arrow pointing up).
  • Continue to step 4.
     

3. Edge (iOS 16.4 or later):

  • Select the hamburger icon (three horizontal lines) at the edge of the address bar to open the menu.
  • Select the share icon (the square with an arrow pointing up).
  • Continue to step 4.
     

3. Safari:

  • Select the share icon (the square with an arrow pointing up) at the edge of the address bar. If you don't see it, select the three-dot icon (...) to reveal more options.
  • Continue to step 4.
     

3. Firefox

  • Is unable to install PWAs on Apple devices. 

 

  4. Scroll down and select Add to Home Screen. If you don’t see it, keep scrolling or tap Edit Actions at the very bottom of the menu.

  5. Select Add in the top right of the confirmation screen.

  6. Close your browser and find the new Schoolbox icon on your home screen.

  7. Open the Schoolbox app from your home screen.

  8. Tap the bell icon in the top right corner.

  9. Tap Enable Notifications.

 10. When the system prompt appears, tap Allow.

 11. Your Schoolbox app is now set up, and you will receive notifications directly on your device.
 

Please note: If you've blocked notifications on your device, you must go to your device settings and set Allow notifications to enable them.

Install the Schoolbox Web App (as an Android User)

Are you sure you want to remove this component?

To install the Schoolbox web App on an Android device, follow the instructions below. 

  1. Open a web browser (Chrome, Edge or Safari) on your mobile device.
  2. Navigate to your Schoolbox instance, enter your username and password, then tap Login.
  3. Tap the bell icon in the top right corner.
  4. Tap Install.
  5. When the system prompt appears, tap Install.
  6. Close your browser and find the new Schoolbox icon on your home screen.
  7. Open the Schoolbox app from your home screen.
  8. Tap the bell icon in the top right corner.
  9. Tap Enable Notifications.
  10. When the system prompt appears, tap Allow.
  11. Your Schoolbox app is now set up, and you will receive notifications directly on your device.

Please note: If you've blocked notifications on your device, you must go to your device settings and set Allow notifications to enable them.

FAQ's

Are you sure you want to remove this component?

  • To enable notifications on your iOS device, you must install the Schoolbox Web App on your device and add it to your device's home screen.
     
  • To change notification settings in Schoolbox, select the Notifications icon Notification Bell Icon in the top menu, and then select the Notifications Settings icon Settings Icon.
     
  • When your device has one or more unread notifications, the Schoolbox Web App icon shows the number of unread notifications. On Android devices, it shows a colored dot for unread notifications.
     
  • The notification count updates instantly when you receive a new web push notification on your device or when you visit the web app (which then refreshes the web app).
     
  • You can disable prompts for PWA installation and enable web notifications. This only disables PWA prompts, not push notifications, so you can still use Digistorm or TASS Orbit if set up. To do this, go to Administration > Modules > Settings, then toggle off the 'Enable PWA Install' and 'Enable Web Push Notifications' options, and then select Save.

Create a Digistorm PWA Install Button (as a Superuser)

Are you sure you want to remove this component?

To make the new Install PWA button send users to your Digistorm App and App Store, you must update the configuration with your app's URLs for the Apple App Store and Google Play Store.

  1. As a Superuser, go to Administration > System Settings > 3rd Party Services.
  2. From here, you will need to populate both the 'Digistorm Apple App Store Link' and 'Digistorm Google Play Store Link' fields with the relevant links to your App in the app stores 
     

(Only available in Schoolbox 24.0 version or higher). 
For more information, see Add links and roles to use the Digistorm App (as a Superuser).

Add links and roles to use the Digistorm App (as a Superuser)

Are you sure you want to remove this component?

You can add the Digistorm links and the appropriate roles to make sure certain role types can install the Digistorm App instead of the Schoolbox web app. This changes the new Install button to install your specified Digistorm App Store.

Note - The install button and its customisation are available in Schoolbox 24.0 version or higher.

To do this, as a Superuser: 

  1. In Schoolbox, go to Administration > System Settings > 3rd Party Services. 
     
  2. Next, scroll to the 'Digistorm Apple App Store Link' and 'Digistorm Google App Store Link' fields and enter the relevant links to your Digistorm App from the App Store. 
     
  3. In Digistorm Role Install Prompt, select the role types available in your school. This helps you choose which role type should receive the Digistorm Install button rather than the default Schoolbox Web App install prompt in their Android/iOS devices.
    For example, you may want only the role type ‘Parent’ to use the Digistorm App.
    Note - Desktop users can only install the Schoolbox Web App since Digistorm isn't available on desktop browsers.
     
  4. When done, select Save.
    This adds links and roles so users can use the Digistorm App even after upgrading Schoolbox to the latest version.

    You've now added links and roles to use the Digistorm App.
Back To Top