Adding a Splash Page to Your Kiosk Flow

Incorporating a Splash page into the Kiosk flow is not just about aesthetics; it's a strategic tool that, when used correctly, can enhance the customer experience, drive sales, and bolster brand loyalty.

A Splash page can be used in many ways to display information to your Customers while the system is communicating with servers or just to be used for announcements and more. A Splash page allows businesses to showcase their branding prominently.

Consistent branding, through logos, colors, and themes, can help in creating a memorable in-store experience. If there's a limited-time event, sale, or announcement, the Splash page can be updated to reflect this, ensuring that every customer checking in is immediately made aware.

Accessing the Splash 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 "Splash" to create a page where you can showcase images or display important messages.

Splash Page Settings

Design Tab

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

Splash Page_ Background Images.png

 

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

Splash Page_ Top Content.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.

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

Splash Page_ Page General Settings.png

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

Splash Page_ Page Filter Settings.png

 

Advanced Tab

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.

set fields page.png

 

Flow Settings

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

Splash 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).

Splash Page_ Idle Timeout.png

 

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

Splash Page_ Flow Settings Flow Security Codes.png