Sign in/out kiosk layout

Configure the layout and branding on your sign in/out kiosk. You need the Administrator user role to access these settings.

Your brand is the first thing people see when they enter your location. To assist with this, we provide a range of customizable options when setting up your kiosk so your branding is always front and center.

You can upload images for your background, your company logo, and/or customize the colors and wording displayed.

This article covers:

Kiosk-Layout.png

If you are using an inter-zone kiosk or QR code poster, you will have slightly different layout options.

Layout settings

  • Theme - The color scheme for your kiosk background. The default Light Theme has a white background and the default Dark Theme has a black background.
  • Layout - Standard or touchless. Standard layout includes the Sign In and Sign Out buttons on-screen, Touchless removes these and replaces it with a QR code.
  • Show QR Code for Touchless Sign In - Select the checkbox to present a QR code on-screen that a person can scan with their smartphone camera to sign in on their device. This is enabled automatically with a touchless layout and can be enabled to display alongside a standard layout.
  • Touchless Sign In Instructions - Appears if QR code is enabled. These instructions display above the QR code on your kiosk for people to follow when signing in.

    Kiosk-layout-mobile.png
  • Organization Name – Will display in the middle of the upper half of your kiosk unless you have a logo uploaded. If you do not want an organization name or logo to display, simply leave this field blank.
  • Person Type Names – The names will display for each of the person type options. You can customize these to suit your region, company wording, and/or use.
  • Information/Instruction – Is the wording that displays below the sign in/out buttons. If you do not want any wording to display, leave this field blank. Wording can only be plain text.
  • Information Scroll – Enable this to have the wording scroll across the bottom of the screen.
  • Information Background Opaque – Enable this to have a darkened see-through banner appear across the sign in/out buttons and wording.

    Kiosk-layout-names.png
If you are using an Inter-zone kiosk, you will have these options for a Switch Zone button only.

Color settings

You can customize the colors of the organization name on the kiosk, each button, the text on the buttons, the information banner, and the kiosk background color.

Click on the color, select a new one from the color picker or enter the hex code, then click Choose

To return to the default color, click the reset arrow.

Layout-colors.png

Upload images

You can upload a single logo and as many background images as you like to your kiosk. If you upload more than one background image, each will be displayed for 30 seconds before moving to the next image.

Upload a logo to display

This will display in the middle upper-half of your kiosk screen within the pre-determined guidelines.

A logo must be in the JPG, GIF, or PNG file format and must be a minimum of 200 x 100 pixels in size.

Update your logo:

  • To upload a logo, click Select File, select an image from your computer, and click Open.
  • To change a logo, click Change, select a different image from your computer, and click Open.
  • To remove a logo, you must first Save and Close your kiosk set up. Then re-enter the kiosk, select the Layout tab, and click Remove next to the Upload a Logo to Display section.

Upload background images

Your background image(s) will display across the whole kiosk home screen. The best image size depends on the size of the screen you are using. We suggest testing the size of your image on the actual kiosk device to ensure it works.

Background images must be in the JPG, GIF, or PNG file format and must be a minimum of 200 x 200 pixels in size.

Update your background image/s:

  • To upload a background image, click Select File, select an image from your computer, and click Open. Repeat this to add multiple background images.
  • If you upload multiple images, drag and drop the images to choose the required order. 
  • To remove a background image, right-click the image and select Delete Image.

Preview kiosk

To preview your kiosk home screen on your computer, click Preview Kiosk. This is a preview of the home screen only and you cannot go through the sign in process.

Previews may differ depending on your monitor size and browser. To get the most accurate view, simply sign in to your kiosk on your kiosk device.

Kiosk-layout-touchless-preview.png

When you are finished setting up your kiosk layout, click Save and Close.

Mobile sign in

If you have a touchless kiosk, you have a second layout tab called Mobile sign in. This tab includes all of the layout settings for people signing in with their smartphone. 

You can choose to use the same settings as your kiosk by selecting the Use Kiosk Settings checkbox.

Kiosk-Layout-Mobile-use-settings.png

If you'd like custom settings for the mobile view, clear the Use Kiosk Settings checkbox and update the settings as required.

You can change almost all of the same layout and color settings as above. The only exception is the background image field, which is not available for mobile sign in. 

Kiosk-Layout-Mobile.png

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request