Screensaver Mode and Header Component

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 is activated when a kiosk becomes idle. During a prolonged state of idleness, the kiosk transitions into screensaver mode which welcomes customers to the location and encourages them to use the kiosk. This increases engagement, visual appeal and enables users to start from the beginning and saves 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.

Open

Configuring Global Screensaver Settings

Steps

1. In the PAM navigation menu, go to 360 Planner > Digital Signs

2. Select the SIGN CONFIGURATION tab

3. Select Interactive Kiosk from the list and you will see the right-hand side column appear with all the global configurations

4. Select IDLE SCREEN tab

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.

Open

Configuring Screen Saver mode (Global settings)

Steps

1. Screen Saver mode 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!). Once uploaded, the image is automatically resized and cropped to 480 x 270 px as shown in the photo below

4. CTA Prompt Text: Display a message to users directly under the CTA image (max 32 characters)

5. CTA Highlight Colour: Change the colour of the cursor that appears on the kiosk screen for the CTA image here. The default is #4dcaff

6. Activate ‘Show QR code to explorer’ if you wish for a QR code to pop up while screensaver mode is active

7. Prompt text: Display a message to users directly underneath the QR code (max 24 characters)

8. Save changes

Configuring Advertising mode (Global settings)

Steps

1. Advertising mode selected

2. Fill in CTA Title

3. Fill in CTA Prompt Text

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 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

Steps

1. In the PAM navigation menu, go to 360 Planner > Digital Signs

2. Select the SIGN CONFIGURATION tab

3. Select Interactive Kiosk from the list and you will see the right-hand side column appear with all the global configurations

4. Make sure the GENERAL tab is selected

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

6. Enable Show Client Logo to show their logo if available. Can leave this unticked if none provided

7. Enable Show Clock to show the time on the kiosk screen (i.e. 12:12am)

8. Enable Show Location to show the location on the kiosk screen

9. Set Location Background colour to your preference. The default is #000000

10. Set Location Text colour to your preference. The default is #ffffff

11. Activate Show Directions to show both directions + messaging on the Interactive Kiosk display header

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

4. When a sign has been clicked, the right-hand side will pop up with configurable settings

5. Make sure the layout is Interactive Kiosk (if not then the following steps will not be visible)

6. Click on IDLE SCREEN

7. Adjust Start after (seconds) according to your preference. The default is 60 seconds

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

10. Upload a CTA image that will be displayed on the kiosk. The user can preview the image as shown in the example. Deleting the CTA 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

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 seen on kiosk.

Steps

1. In the PAM navigation menu, go to 360 Planner > Digital Signs

2. Select DIGITAL SIGN MAP tab

3. Select an Interactive Kiosk Digital Sign

4. On the right-hand side, click on Sign ID to preview the kiosk

Example preview

Here is an example preview of your kiosk with Screen Saver Idle Mode activated

5. Welcome Image

6. Call to Action Image

7. Call to Action prompt text

8. Call to Action highlight colour cursor pointer

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 (scroll 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.

This is how the Interactive Kiosk will look like when Advertising Mode is activated

1. CTA title

2. CTA prompt text

3. 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.