Skip to content
English
Customer portal
  • There are no suggestions because the search field is empty.

How to Set Up and Design a Self-Serve Kiosk Screen for the Badge Printing App

Learn how to configure and customize a self-serve kiosk screen in the vFairs Badge Printing App to allow attendees to check in, print badges, or register themselves independently.

 

Table of Contents

  1. Accessing the Kiosk Setup
  2. Understanding the Kiosk Preview
  3. Configuring the Background Image
  4. Adding and Positioning the Kiosk Logo
  5. Configuring Kiosk Actions
  6. Managing the Back Button
  7. Saving Your Changes

Accessing the Kiosk Setup

  1. Go to your Event Backend
  2. From the left navigation menu, click Badge Printing App
  3. Select App Builder

By default, you will land on the Kiosk Setup screen.

Understanding the Kiosk Preview

A default kiosk preview will already be available.

By default, the following buttons are visible on the preview:

  • Search
  • Scan QR

On the right side, you will see the Screen Editor panel where all customization options are available.

Configuring the Background Image

The first option in the Screen Editor is the Background Image.

You can:

  • Upload a background image
  • Show or hide the background image using the Eye icon

Supported Formats:

  • JPEG
  • PNG

Recommended Dimensions:

  • 1620 × 2160 px (optimized for standard iPads)

Adding and Positioning the Kiosk Logo

Below the background image option, you will find the Kiosk Screen Logo settings.

You can:

  • Upload a logo
  • Resize it directly from the preview by dragging its corners
  • Drag and reposition the logo anywhere on the screen
  • Show or hide the logo using the Eye icon

For precise positioning, use:

  • X (%) field
  • Y (%) field

Supported Formats:

  • JPEG
  • PNG

Configuring Kiosk Actions

The kiosk supports three attendee actions.

Each option includes:

  • Show/Hide toggle
  • X (%) and Y (%) positioning controls
  • Resize and reposition support directly from the preview
  • Custom image upload support

Although these are functional buttons, you can fully customize their appearance by uploading your own images.

Supported Formats:

  • JPEG
  • PNG

1. Search By Name

This opens a searchable attendee list where attendees can:

  • Search for themselves
  • Select their profile
  • Print badges or check themselves in

2. Scan QR Code

This opens the QR scanner.

Attendees can scan their QR code to:

  • Print their badge
  • Check themselves in

3. Register User

This opens the registration form directly from the kiosk screen.

This allows attendees or admins to register new users on-site.

Managing the Back Button

The kiosk screen also includes a Back Button displayed on the top-left corner by default.

You can choose to:

  • Show the back button
  • Hide the back button

This is especially useful for fully self-serve kiosk setups where attendees should remain on the kiosk screen without navigating back.

Saving Your Changes

Once your setup is complete:

  1. Click Publish Changes
  2. Your kiosk screen updates will be applied immediately

Conclusion

With the self-serve kiosk setup, you can create a fully branded and streamlined on-site experience for attendees, making check-in, registration, and badge printing faster and more efficient.