Customize Stayntouch Guest Kiosk Design

Modified on: Wed, 17 Sep, 2025 at 12:12 PM

Applies to:          Stayntouch PMS          

Customize Stayntouch Guest Kiosk Design


To configure Stayntouch Guest Kiosk design settings, navigate to Settings > Kiosk > Kiosk Design Setup.


Click on "Kiosk" in the navigation bar.


Select "Kiosk Design Setup" from the options.


In the Kiosk Design Theme section, you can change how the kiosk appears.


In the Kiosk Design theme section you can change how the Kiosk shows.


Choose the SCREEN BACKGROUND option to select a different color or enter the HEX code. To find the right HEX code, you may want to use a website that allows you to upload an image from your website and grab the HEX code from there. Search in Google for "image color picker" to easily find one.


Choose the "Screen Background" color option to select a different color or put the HEX code. To find the right HEX code you may want to use a website that allows you to upload an image from your website and grab the HEX code from there. Search in google for "image color picker" to easily find one.


From BACKGROUND IMAGE, you can also upload a picture to show on the kiosk as the home screen.


Under "Background Image" you can also upload a picture to show on the Kiosk as the Home page.


In the BACKGROUND IMAGE ADJUSTMENTS section, select Cover for IMAGE SIZE and Bottom for IMAGE POSITION.


In the Background Image Adjustments section, select "Cover" for Image Size and "Bottom" for Image Position.


Click the TEXT COLOR field to modify the text color value if desired.


Click on the Text Color field to modify the text color value if desired.


Click on the PRIMARY BUTTON BACKGROUND box to select a color.


Click on the "Primary Button Background" color box to select a color.


Scroll down to the Kiosk Content Input Theme section.


Scroll down to the "Kiosk Content Input Theme" section.


Select the dropdown for SECONDARY BUTTON TRANSPARENCY to choose a transparency level.


Select the dropdown for "Secondary Button Transparency" to choose a transparency level.


Click SAVE CHANGES to apply your settings.


Click the "Save Changes" button to apply your settings.


To see the changes easily in your browser, you can change the URL from the backend settings:

  • Change the word "config" in the URL to "kiosk":
    • https://app.us1.stayntouch.com/ui/pms-config/e51d32c5-757d-11e6-a868-0050568b619a 
    • https://app.us1.stayntouch.com/ui/pms-kiosk/e51d32c5-757d-11e6-a868-0050568b619a


To see the changes on a tablet, you'll need to close the app and re-open it.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.