Skip to main content

Setting up a contactless photo booth

Snappic has added a QR Interaction feature that allows you to set up a contactless solution for your guests.

Zinhle Zulu avatar
Written by Zinhle Zulu
Updated over a month ago

Snappic offers a QR Interaction feature that enables fully contactless photo booth experiences, a necessity in environments prioritising hygiene and safety. This article will guide you through setting up this solution, customising it for your events, and optimising the guest experience.


Table of Contents

  • Important Notes

  • How It Works

  • Step-by-Step Setup Guide

  • Microsite Customization

  • Optional Add-ons

  • Custom CSS

  • Feature Limitations

  • Settings Tab Overview


Important Notes

  • Once enabled, the QR Interaction flow cannot be paused or stopped mid-session.

  • The session will always end by returning to the start screen, awaiting a new QR code.

  • For added flexibility, consider on-screen navigation controls.

  • Competitions are unavailable for QR Interaction but can still be used from the Snappic app.

  • When printing, remember to enable "auto print" in the printer settings. Alternatively, use the gallery or a share station to print.

  • Data (emails, phone numbers) is still collected for Enterprise events and can be accessed in the Analytics section.

  • AI-FX is not supported with QR interaction at this time.


How It Works

  • Guests scan a QR code on a Stand or the Photo Booth Screen. Depending on the setup.

  • They are redirected to a branded Microsite where they choose:

    • Experience type (still, GIF, burst, or VideoFX)

    • Overlay/template (if multiple are available)

    • Digital props (if enabled)

    • Filters (if enabled)

    • Sharing method (email or SMS)

  • After providing contact info, a new QR code is shown on their device.

  • Guests would scan this QR code on the iPad to start the session.

  • Post-capture, the media is shared automatically, and the app resets.

Pro Tip: The same guest QR code can be reused. If the guest wants to change experience, refreshing the page on their device resets the selection process.


Step-by-Step Setup Guide

Enable QR Interaction and Session Timeout

  • Go to your event on the dashboard.

  • Under the Event Options tab, toggle on "QR Interaction."

  • Adjust the Timeout Settings under Advanced > Event Options to change how quickly the session resets.

Display the QR Code

  • Scroll to the QR Interaction section.

  • Download and print the QR code or integrate it into the Photo Booth screen artwork.

  • Use the QR Generator Link ahead of time for pre-event testing or manual access to the QR interaction Microsite Page.

iPad Configuration

  • Launch the event on your iPad.

  • Confirm "QR Code" is toggled on.

  • Make sure you're using version 1.16 or later of the Snappic app.

iPad Text & Timeout Settings

  • To modify the text that appears above the QR scanner, go to Presets > App Translations > QR Code Scanner.

  • You can also customize the end-of-session message so guests are informed that their session is complete.


Microsite Customization

  • The microsite branding is inherited from your event's Microsite section.

  • Any logos, backgrounds, or colors set here will reflect on the mobile page.

  • Add Disclaimer and/or surveys (shown after contact info and before the QR code).


Optional Add-on

For more controlled environments:

  • Distribute cards with QR codes linking to the microsite.

  • Use a large QR printout near the booth.

  • Enable FaceMatch so users can find and share their photos from the microsite without touching the iPad.


Custom CSS

To change the default white text color on the microsite:

<style> .experience-button { color: white; border: 1px solid white; } .heading { color: white !important; } #phone_button, #email_button { border: 1px solid white; color: white; } .instruction-view { color: white !important; } .text-input { border-color: white !important; color: white !important; } button#next_share_button { color: black !important; background-color: white !important; } </style>

Paste this code into the CSS and JavaScript Live Editor section under QR Interaction and modify as needed.


Settings Tab Overview

The QR Interaction settings can be configured from the Settings tab within your Snappic event. Below are the available options and what they control:

Contactless and AI Sharing

  • Contactless: This must be checked to activate the contactless mode using QR Interaction.

  • AI Sharing: Optional and dependent on AI credits available in your account. For more information, click the AI Sharing link in the dashboard.

Contactless Configuration

Experience Buttons

  • Allows you to select which experiences are available to guests on the microsite:

    • Still

    • GIF

    • Burst

    • Video

  • Only the checked experiences will appear on the guest's phone when scanning the QR code.

Hide iPad Experience Buttons

  • Enables hiding experience selection buttons on the iPad, ensuring guests make all selections on their mobile device only.

CSS and JavaScript Live Editor

  • Use the Live Editor button to preview and implement changes to the CSS and JavaScript for the microsite.

  • Note: The live preview does not reflect saved changes to this settings page. It is meant for visual testing and applying code snippets live, not for toggling features.


Contact Support

Did this answer your question?