Adding a Selection Page to Your Kiosk Flow

A Selection Page in a Kiosk system acts as a pivotal point where customers make choices, guiding the subsequent stages of their interaction. Once selections are made, provide a clear and easy pathway to the next steps, whether it's checkout, further details, or any other desired action.

Accessing the Selection Page

To begin, navigate to your kiosk flow editor. Look for the purple plus button – this is your gateway to adding a new page. After clicking the purple plus button, a menu will appear with various page options. Choose "Selection" to create a page where you can showcase images or display important messages.

Selection Page Settings

Design Tab

Background Images: Choose or upload background images to enhance the aesthetics of your page.

Selection Page_ Background Images.png

Header: Add a header to your Selection page to provide context or instructions to users.

Selection Page_ Header.png

 

Top Content (HTML, CSS, Javascript): Customize the top section of your page using HTML, CSS, or Javascript to meet your specific requirements.

Selection Page_ Top Content.png

Selection Settings: Determine the layout and configuration of the type of data you want to collect from your customer. Add, rearrange, edit, or delete options. For your convenience, this page has been filled with options related to asking kiosk users about their contact preferences for opting into messaging. Update this as necessary.

Selection Page_ Selection Settings.png

scrnli_9_15_2023_10-41-38 AM.png

Bottom Content (HTML, CSS, Javascript): Similar to the top content, you can customize the bottom section of your Splash page with HTML, CSS, or Javascript.

Selection Page_ Bottom Content.png

Page Tab

Page Name: Give your Splash page a descriptive name.

Deactivate this page within the flow: Temporarily disable the page if necessary.

Show this page while the previous page is communicating with the Patch servers: Choose whether to display the page while data is being processed. This is set by default to 3 seconds.

Back Button Label: Customize the label on the back button.

Next Button Label: Customize the label on the next button.

Hide the top menu bar, back button, or next button: Opt to hide these elements if they're not needed.

Selection Page_ Page General Settings.png

 

Page Filter Settings: Add filters to the page to control if this page will show for all Contacts or only Contacts that match a set of criteria.

Selection Page_ Page Filter Settings.png
Filters7.png

 

Advanced Tab

Sync Settings: Decide whether the page should sync with the server when completed. By default, this has been selected, with the Sync Event set to “Finish Checkin” and the Identifier set to “Contact ID.” Choose whether Contact must exist to proceed and whether new contacts can be created.

Identity Verification: If identity verification is required, you can add a PIN Number option.

Selection Page_ Sync Settings.png

 

Security Codes: Require a security code to proceed to the next page; you can add new codes if necessary.

Selection Page_ Security Codes.png

 

Automatically Set Field Values: This setting allows you to set data on the Contacts profile based on completing this page. For example: If you are using this page to conduct a survey you could apply a data field like a Tag to each contact that completes the survey so that way you can make sure they aren't prompted to complete the survey again on their next check-in. If you set any type of data you can then use that data to filter against later or to further segment your database.

Selection Page_ Automatically Set Field Values.png

set fields page.png

Flow Settings

Back/Next Button Colors: Customize the background and text colors for the back and next buttons.

Selection Page_ Back Next Button Colors.png

 

Idle Timeout: Set how the kiosk behaves when left idle (e.g., Do Nothing or other options like syncing if check-in started and resetting the flow without saving data).

Selection Page_ Idle Timeout.png

 

Flow Security Codes: Apply security codes to the entire kiosk flow, ensuring data security throughout the process. 

Selection Page_ Flow Settings Flow Security Codes.png