How To Setup The Touch Hotspot App

 

Touch Hotspots is an ideal feature where touch-screen devices are used within any sector. This feature allows a screen to display playlisted content when it is not in use, which then changes to a touch-enabled web page of your choice once the screen is activated by touch. When the screen becomes inactive after a set period of time, the screen will revert back to the playlisted content. NowSignage is fully touch enabled as long as the hardware used for your screens is.

 

How to enable the Touch Hotspot feature:

• Once logged into your relevant NowSignage account and project, begin by going to the 'Apps' area of the platform, then scroll down to find the 'Touch Hotspot' app:

NowSignage Hotspot Setup Guide:

Open the Hotspot App

• Click “+ Add touch hotspot” to create.
• Add a name to identify your Hotspot.
• Click 'Save' 

Choose the Trigger Button

Toggle on (active) which button will act as the trigger for the Hotspot.

• First Button (Primary Content)

• Second Button (Secondary Content)

• Back Button* (requires NowSignage v3.2.0+)

 

Step 1. Activate the Hotspot: Primary Content Configuration.

• Toggle the ‘Active’ switch to ON.

• Toggle ‘Hide “close hotspot” button’ if you want to prevent users from manually closing the hotspot.

 

Step 2. Choose what to play:

Option A: Website Mode:

1. Select ‘Website’ as the content type.
2. Enter a valid URL (e.g., https://example.com).
3. Keep Playing Content: If enabled, the selected content will keep play indefinitely until the hotspot is closed.
4. Timeout (seconds): Set a duration to close the triggered content and revert to the scheduled playlist.
5. Prevent users from leaving the website’ (recommended) Toggle to restrict the user from being able to leave and access other URL's.

 

Option B: NowSignage CMS Playlist Mode:

1. Select ‘Playlist’ as the content type.
2. Assign the desired playlist from within the chosen project. 
3. Keep Playing Content: If enabled, the selected content will keep play indefinitely until the hotspot is closed.
4. Timeout (seconds): Set a duration to close the triggered content and revert to the scheduled playlist.
   

 

Step 3: Define Where to Play:

Use this section to fine-tune which area of the screen is interactive.

Use percentage values to set hotspot coverage on screen

 

Step 4: Trigger Button Configuration:

This option allows you to change: button height, width, placement, and content

1. Enable Custom Design

• Toggle ‘Custom Button Configuration’.

2. Design Options:

• Size: e.g., 60x100 (pixels)

• Button Content Type: Text or Image.

• Alignment: Horizontal (left, center, right) & Vertical (top, center, bottom)

• Offset: Adjust margins (in %)

 

Step 5: Assign to Screens

• Go to the Screens Tab.
• Available Screens: Use the search bar to find and select your screen(s).
• Click Save to confirm screen assignment.
  

Step 6: Deployment and Usage

You’re now ready to interact with the hotspot in the real world:

• Open the NowSignage app on your display device.
• Tap the hotspot trigger button on screen to launch the content.