Web check-in PWA

The web check-in PWA is the standalone scanning tool. Use it on any phone or tablet at the door. No app store install, no Shopify POS required.

Where to find it

Every event has a check-in URL: /checkin/<eventId> on your app domain.

You'll typically:

1. Open the URL on the device you'll use at the door (your phone, an old tablet, the staff member's iPad).
2. Bookmark it - or "Add to Home Screen" in your browser to install as a PWA.
3. Open the PWA at event time.

Installing as a PWA

On iPhone/iPad (Safari):

1. Open the check-in URL.
2. Tap the share icon (square with arrow up).
3. Tap Add to Home Screen.
4. Confirm the name.

On Android (Chrome):

1. Open the URL.
2. Tap the menu (three dots).
3. Tap Install app or Add to Home Screen.

On Mac/PC (Chrome, Edge):

1. Open the URL.
2. Look for an install icon in the address bar, or use the menu Install app.

Once installed, the PWA opens like a native app - full screen, no browser chrome, dedicated icon.

Scanning a QR code

1. Open the PWA.
2. Select the event (if not pre-selected from the URL).
3. Allow camera access.
4. Point the camera at the customer's QR code (printed PDF or on their phone).
5. The PWA reads the code, looks up the attendee, marks them checked in, and shows a success state.

The success state shows:

• The attendee's name.
• The ticket type.
• Any custom field values you've configured to display (e.g. meal preference).
• The check-in count (for multi-entry tickets).

Manual code lookup

If a QR doesn't scan (damaged print, scratched screen, attendee lost their email):

1. Tap the Manual lookup button.
2. Type the ticket code (visible on the PDF or email).
3. Press search.
4. Same result as a scan.

Live attendance counter

The PWA shows real-time stats:

• Total attendees expected.
• Total checked in.
• Percentage checked in.
• Breakdown by ticket type (e.g. "GA: 45/100, VIP: 12/20").

These update as you and other staff scan. No refresh needed.

Event PIN protection

For events where you don't want the check-in URL to be guessable:

1. Open the event settings.
2. Set a PIN.
3. The PWA prompts for the PIN on first open (cached locally so staff don't re-enter on each scan).

Useful when the URL gets shared with venue partners and you want a second layer of security.

Check-in rules in action

The PWA respects per-ticket-type check-in rules:

• Time windows. If the rule is "Scheduled" (only during event hours), scans outside that window are rejected with "Outside check-in window".
• Entrance limits. A ticket with limit 1 that's already been scanned shows "Already checked in - 1/1". A multi-day pass with limit 3 shows current count.
• Expired tickets. Tickets past their expiration get "Ticket expired".

See Ticket types and inventory for the rule reference.

Undo a check-in

If you scan the wrong person (or scan the same person twice and the ticket allows undo):

1. Find the attendee (use search or recent scans).
2. Tap Undo check-in.
3. The count decrements, the attendee returns to "not checked in".

Undo is per-ticket-type configurable - some types might disable it for audit reasons.

Offline mode

The PWA caches:

• Event data (attendee list, rules).
• All QR token data.

So you can:

• Scan when wifi is dead.
• Mark check-ins.
• See attendance counts (based on local cache).

When you're back online, the queued check-ins sync to the server. Duplicate detection means the same scan never counts twice.

If you're scanning offline AND other staff are scanning online, there's a small chance of "duplicate" check-ins until offline syncs - the second one is rejected automatically.

Multi-event support

If you're managing multiple events on the same device, the URL pattern /checkin/<eventId> always opens the specific event. You can have:

• Multiple PWAs installed (one per event).
• Or one PWA pointed at the events list, with a picker at the top.

For typical use, install one PWA per event.

What's next

• Shopify POS check-in - the alternative for stores already using POS.
• Ticket types and inventory - check-in rules.