In this article, you will learn to configure settings to customise their screensaver when an interactive kiosk goes into idle mode as well as customising the header component.
...
What is a screensaver and when does it occur?
Screensaver is a feature that when enabled is activated when a kiosk becomes idle. During a prolonged state of idleness (time can be customised), the kiosk transitions into a state screensaver mode which welcomes customers to the location and encourages them to use the kiosk. This increases engagement, visual appeal and enables us to get users to start from the beginning and customise their experience when previous users have used the kiosksaves them from seeing the pages where previous users had stopped using the kiosk on.
The information below includes more details on how to set up and use this feature, the sections have been divided for your convenience, if needed.
...
Note |
---|
We will be changing between these two modes constantly throughout this article. |
...
Configuring Global Screensaver Settings
Steps
1. In the PAM navigation menu, go to 360 Planner > Digital Signs
...
5. Adjust Start after (seconds) according to your preference. The default is 60 seconds
This means Screen saver mode will be activated after 60 seconds of idleness.
6. You have the choice of selecting two different modes to configure with
...
. We have Screen Saver mode selected so the next section will focus on it in more depth.
...
Configuring Screen Saver mode (Global settings)
Info |
---|
Note: Make sure Screen Saver mode is selected |
...
2. WELCOME IMAGE: Upload your Screen Saver welcome image. Image must be minimum 480 x 480 px and in PNG format. When uploaded, the user can see the preview of their image as shown in the photo below
...
3. CALL TO ACTION: This is an image directly below the welcome image that calls the user to click and use the kiosk. The user uploads their CTA image here (i.e. Let’s get you there!). When uploadingOnce uploaded, the image will is automatically be resized and cropped to 480 x 270 px as shown in the photo below
...
7. Prompt text: Display a message to users directly under underneath the QR code (max 24 characters)
8. Save changes
...
Configuring Advertising mode (Global settings)
Info |
---|
Note: Make sure Advertising mode is selected |
...
4. Customise CTA Highlight Colour. For this example, we will use #ff2222 (colour shown below)
5. Save changes
...
Configuring Header Global Configurations (Global settings)
Header configuration is the top part of the Interactive Kiosk and all settings to customise it appropriately is found within the Header Global Configurations area. The photo below is how the Header configuration can look like according to the user’s settings. This section is to adjust the Header component globally
...
5. We will only be focusing on the revamped Header global configurations. For the complete list of the entire Interactive Kiosk Global Configurations, please click here /wiki/spaces/PAMHC/pages/2752020510
6. Enable Show Client Logo to show their logo if available. Can leave this unticked if none provided
Info |
---|
To upload a client logo, on the PAM navigation menu, go to settings > branding > upload new Explorer logo (please check your user type as only Admins have access to do this) |
7. Enable Show Clock to show the time on the kiosk screen (i.e. 12:12am)
...
12. When you have multiple words such as Parking Lot A, Parking Lot B
, PAM will automatically group them together as > Event Parking A-B
on the Directions Bar. You can choose 3 options which is: dash, comma, or to
13. Save changes
...
Configuring Individual Screen Saver Idle Mode Settings
Configuring Screen Saver settings individually means changes will only work for that one specific kiosk.
This is useful if the user wants a specific Interactive Kiosk to display different Screen Saver content to match up with the surroundings of its location.
Steps
1. In the PAM navigation menu, go to 360 Planner > Digital Signs
2. Select DIGITAL SIGN MAP tab
3. Select or search for an Interactive Kiosk Digital Sign
...
8. The user has two choices of screensavers. We will continue with adjusting Screen Saver mode in the next step
...
Configuring Screen Saver mode (Individual settings)
9. Upload a welcome image that will be displayed on the kiosk. The user can preview the image as shown in the example below. Deleting the welcome image is also an option
...
11. Activate Show QR code to explorer if you wish for the kiosk to include a QR code on the screen
12. Save changes
...
Configuring Advertising Mode (Individual settings)
Configuring Advertising mode settings individually means the changes only work for that specific kiosk.
This is useful if the user wants a specific Interactive Kiosk to be in Advertising mode and the rest of their Interactive Kiosks to be showing Screen Saver mode.
Steps
1. In the PAM navigation menu, go to 360 Planner > Digital Signs
2. Select DIGITAL SIGN MAP tab
3. Select or search for an Interactive Kiosk Digital Sign
4.Make sure the layout is Interactive Kiosk (if not then the following steps will not be visible)
5. Click on IDLE SCREEN
6. Select Advertising mode
7. Save changes
...
Configuring Header Individual Configurations (Individual settings)
Header configuration is the top part of the Interactive Kiosk and all settings to customise it appropriately is found within the Header configurations area. The photo below is how the Header configuration can look like according to the user’s settings. This section is to adjust the Header component individually.
...
Steps
1. In the PAM navigation menu, go to 360 Planner > Digital Signs
2. Select the DIGITAL SIGN MAP tab
3. Select or search for an Interactive Kiosk Digital Sign
4. Make sure the layout is Interactive Kiosk (if not then the following steps will not be visible)
5. We will remain on the GENERAL tab
6. Enable Show Client Logo to show their logo if available. Can leave this unticked if none provided
7.Enable Show Location to show the location on the kiosk screen
8. Enable Show Clock to show the time on the kiosk screen (i.e. 10:05am)
9. Select the location that you want to show on the kiosk screen
10. Enable Use Location Logo if that location has it’s own logo and you wish to use it. This will override the client logo if that is also enabled
11. Enable Use Location Colours if you want to use the colours which have been set within the dictionary item
Info |
---|
To check location logo and colour, on the PAM navigation menu, go to Dictionary > Destination > select a dictionary item (it is the location name chosen in Step 9) > scroll to override dark/light colour and icon |
12. Save changes
...
Previewing Screen Saver Idle Mode on Kiosk
After configuring your settings, you can view the changes made to your kiosk. Please be aware that you do not need to configure every setting in order to preview changes. As long as you save, the changes will instantly be made seen on kiosk.
Steps
In the PAM navigation menu, go to 360 Planner > Digital Signs
Select DIGITAL SIGN MAP tab
Select an Interactive KioskDigital Sign
On the right-hand side, click on Sign ID to preview the kiosk
Info |
---|
If you are just changing from Advertising mode to Screen Saver mode without updating any content, just click on Screen Saver mode, click the save button and go back to the same sign and click SIGN ID |
...
...
Example preview
Here is an example preview of your kiosk with Screen Saver Idle Mode activated
...
9. QR Code
10. QR Code prompt text
...
Previewing Advertising Mode on Kiosk
Please follow the steps from Previewing Screen Saver Idle Mode on Kiosk (the heading before this onescroll up above) to preview Advertising mode. The only change the user needs to modify is to select Advertising mode for either global (for all kiosks) or individual settings (for specific kiosks) and save changes. This is important otherwise when clicking Sign ID, it will still show Screen Saver mode.
...
CTA title
CTA prompt text
CTA highlight colour pointer
...
Different Kinds of Screen Saver Preview Screens on Kiosk
Depending on what settings have been configured, users will be able to display different information when Screen Saver mode is activated. We will show you a few examples of some different options you can have to customise your Screen Saver display.
Default empty settings with Header component | QR Code activated with Header component |
Screen Saver, CTA Image and QR Code activated with Header component | Client Logo, Screen Saver, CTA Image and QR Code activated without Header Component |
Client Logo, CTA Image and QR Code activated without Header component | QR code activated without Header Component |
Client Logo, Default empty settings without Header component |
...
Note |
---|
HINT: Please remember to always save changes no matter how small AND if other pages are opened in different tabs, you must refresh them for the changes to be seen. For example, in this article, the user may have Digital Signs and Explorer (Interactive Kiosk preview) opened in different tabs. When changes to Digital Signs have been saved, the Explorer tab needs to be refreshed to see the new changes. |
Info |
---|
Related articles Configuring other Digital Sign settings Information on how to access the map on your smartphone |
...