https://smartsignin.co/how-it-works

1<!doctype html>
2<html lang="en-NZ">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/svg+xml" href="/newui/favicon.svg" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    
8    <meta name="theme-color" content="#0f172a" />
9    
10    
11    
12    
13    

13<script type="module" crossorigin src="/newui/assets/main-YujkDkXk.js"></script>

13
14    <link rel="modulepreload" crossorigin href="/newui/assets/analytics-RdEmqdy_.js">
15    <link rel="stylesheet" crossorigin href="/newui/assets/main-B_W3lRGp.css">
16  <title>How QR visitor sign-in works | SmartSignIn NZ</title>
17<meta name="description" content="See the visitor journey: scan, read the workplace briefing, acknowledge, sign in, notify a manager and sign out. Explore a fictional product walkthrough." />
18<link rel="canonical" href="https://smartsignin.co/how-it-works" />
19<meta property="og:title" content="How QR visitor sign-in works | SmartSignIn NZ" />
20<meta property="og:description" content="See the visitor journey: scan, read the workplace briefing, acknowledge, sign in, notify a manager and sign out. Explore a fictional product walkthrough." />
21<meta property="og:url" content="https://smartsignin.co/how-it-works" />
22<meta property="og:type" content="website" />
23<meta property="og:locale" content="en_NZ" />
24<meta property="og:image" content="https://smartsignin.co/newui/social-preview.webp" />
25<meta name="twitter:card" content="summary_large_image" />
26</head>
27  <body>
28    <div id="root" data-prerendered="true"><div class="min-h-screen bg-white"><header class="sticky top-0 z-50 border-b border-slate-200/80 bg-white/95 shadow-sm backdrop-blur"><div class="mx-auto flex h-[72px] max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8"><a href="/" aria-label="SmartSignIn home"><img src="/newui/assets/logo-BHkMG2yG.webp" alt="SmartSignIn" class="h-11 w-auto" width="228" height="44"/></a><nav aria-label="Primary navigation" class="hidden items-center gap-7 lg:flex"><a href="/how-it-works" class="py-2 text-sm font-semibold text-slate-600 hover:text-teal-700">How it works</a><a href="/pricing" class="py-2 text-sm font-semibold text-slate-600 hover:text-teal-700">Pricing</a><a href="/about" class="py-2 text-sm font-semibold text-slate-600 hover:text-teal-700">About</a></nav><div class="hidden items-center gap-3 lg:flex"><a href="/account/login" class="rounded-lg px-4 py-2.5 text-sm font-semibold text-slate-700">Log in</a><a href="/signup?plan=compliant&amp;billing=monthly" class="rounded-lg bg-teal-700 px-5 py-2.5 text-sm font-bold text-white hover:bg-teal-800">Start setup</a></div><button type="button" aria-expanded="false" aria-controls="mobile-navigation" aria-label="Open navigation" class="rounded-lg p-2.5 text-slate-700 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu "><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></header><main><section class="bg-slate-950 px-4 py-16 text-white sm:px-6 lg:px-8 lg:py-20"><div class="mx-auto max-w-5xl"><p class="text-sm font-bold uppercase tracking-widest text-teal-300">A straightforward visitor process</p><h1 class="mt-5 max-w-4xl font-display text-4xl font-bold leading-tight tracking-tight sm:text-5xl">Scan. Read. Acknowledge. Sign in.</h1><div class="mt-6 max-w-3xl text-lg leading-8 text-slate-300"><p>

28Set up your location and briefing, then display its QR sign at the entrance. Visitors use their phone browser and managers use the account portal.</p></div><div class="mt-8 flex flex-wrap gap-4"><a href="/signup?plan=compliant&amp;billing=monthly" class="rounded-xl bg-amber-400 px-6 py-3 font-bold text-slate-950">Start setup</a><a href="/how-it-works#walkthrough" class="rounded-xl border border-slate-500 px-6 py-3 font-semibold text-white">See the walkthrough</a></div></div></section><section id="walkthrough" class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8"><div class="grid gap-10 lg:grid-cols-2 lg:items-center"><div><p class="text-sm font-bold uppercase tracking-widest text-teal-700">Explore the visitor journey</p><h2 class="mt-4 font-display text-3xl font-bold text-slate-950 sm:text-4xl">From the gate to a recorded departure</h2><p class="mt-5 text-lg leading-8 text-slate-600">Walk through the steps your visitors take and the information your managers receive.</p><p class="mt-3 text-sm leading-6 text-slate-500">Read-only illustration using fictional people and a fictional workplace. No records are created and no messages are sent. The live interface varies with your workplace settings.</p><ol class="mt-6 space-y-2"><li><button type="button" aria-pressed="true" class="w-full rounded-xl px-4 py-3 text-left font-semibold bg-teal-50 text-teal-800">1<!-- -->. <!-- -->Read the workplace briefing</button></li><li><button type="button" aria-pressed="false" class="w-full rounded-xl px-4 py-3 text-left font-semibold text-slate-600 hover:bg-slate-50">2<!-- -->. <!-- -->Acknowledge the information</button></li><li><button type="button" aria-pressed="false" class="w-full rounded-xl px-4 py-3 text-left font-semibold text-slate-600 hover:bg-slate-50">3<!-- -->. <!-- -->Sign in</button></li><li><button type="button" aria-pressed="false" class="w-full rounded-xl px-4 py-3 text-left font-semibold text-slate-600 hover:bg-slate-50">4<!-- -->. <!-- -->Notify the manager</button></li><li><button type="button" aria-pressed="false" class="w-full rounded-xl px-4 py-3 text-left font-semibold text-slate-600 hover:bg-slate-50">5<!-- -->. <!-- -->Sign out</button></li></ol></div><div class="rounded-3xl border border-slate-200 bg-slate-50 p-5 shadow-xl sm:p-8" aria-live="polite"><div class="rounded-2xl bg-white p-6 sm:p-8"><div class="mb-6 flex items-center justify-between"><span class="text-xs font-bold uppercase tracking-widest text-teal-700">Fictional product preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code h-6 w-6 text-teal-700"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg></div><p class="text-sm text-slate-500">Step <!-- -->1<!-- --> of <!-- -->5</p><h3 class="mt-3 font-display text-2xl font-bold text-slate-950">Read the workplace briefing</h3><p class="mt-5 rounded-lg bg-teal-50 p-3 font-semibold text-teal-800">Example Farm · Visitor briefing</p><p class="mt-5 leading-7 text-slate-600">Use the marked driveway. Keep clear of moving machinery and livestock. Contact the host before entering work areas. Meet at the main gate in an emergency.</p><button type="button" class="mt-8 w-full rounded-xl bg-teal-700 px-5 py-3 font-bold text-white">Next step</button></div></div></div><noscript><ol><li><strong>Read the workplace briefing<!-- -->:</strong> <!-- -->Use the marked driveway. Keep clear of moving machinery and livestock. Contact the host before entering work areas. Meet at the main gate in an emergency.</li><li><strong>Acknowledge the information<!-- -->:</strong> <!-- -->“I have read the briefing and will contact my host if I am unsure.” The acknowledgement forms part of the visitor record. A briefing does not replace supervision or task-s

28pecific training.</li><li><strong>Sign in<!-- -->:</strong> <!-- -->The visitor provides the required details and signs in. The manager can see the arrival in the active visitor list and later search the visit history.</li><li><strong>Notify the manager<!-- -->:</strong> <!-- -->An arrival notification tells the configured manager that a visitor has signed in. Delivery depends on your notification settings, connectivity and the message provider.</li><li><strong>Sign out<!-- -->:</strong> <!-- -->The visitor uses their sign-out link when leaving. The visit record shows the departure, and the active visitor list updates.</li></ol></noscript></section><article class="mx-auto max-w-4xl space-y-7 px-4 py-14 text-lg leading-8 text-slate-600 sm:px-6 [&amp;_h2]:mt-10 [&amp;_h2]:font-display [&amp;_h2]:text-2xl [&amp;_h2]:font-bold [&amp;_h2]:text-slate-950 [&amp;_h3]:font-bold [&amp;_h3]:text-slate-950 [&amp;_a]:text-teal-700 [&amp;_a]:underline [&amp;_ul]:list-disc [&amp;_ul]:space-y-3 [&amp;_ul]:pl-6"><h2>Set up your workplace</h2><p>Create your account, choose your plan and complete the location setup. Add your workplace information and configure the people who should receive notifications. Generate the QR sign and test it at the arrival point.</p><h2>Keep the process current</h2><p>Review the briefing when hazards, access arrangements or emergency contacts change. Check that your managers receive the configured notifications and that visitors know how to sign out.</p></article><section class="mx-auto max-w-4xl px-4 py-14 sm:px-6"><h2 class="font-display text-3xl font-bold text-slate-950">Before you start</h2><div class="mt-7 space-y-4"><details class="rounded-xl border border-slate-200 p-5"><summary class="cursor-pointer font-bold text-slate-950">Do visitors need an app?</summary><p class="mt-4 leading-7 text-slate-600">No. The QR code opens the sign-in page in a phone browser. Visitors need an internet connection to load the briefing and submit their visit.</p></details><details class="rounded-xl border border-slate-200 p-5"><summary class="cursor-pointer font-bold text-slate-950">What if there is no mobile coverage?</summary><p class="mt-4 leading-7 text-slate-600">Check coverage where your QR sign will be used. Provide a suitable Wi-Fi connection or a managed alternative arrival process. SmartSignIn does not provide offline sign-in.</p></details><details class="rounded-xl border border-slate-200 p-5"><summary class="cursor-pointer font-bold text-slate-950">Does a recorded acknowledgement make the workplace compliant?</summary><p class="mt-4 leading-7 text-slate-600">An acknowledgement records that the visitor has responded to your briefing. You still need to identify and manage risks, keep information current and arrange any supervision or task-specific induction needed.</p></details><details class="rounded-xl border border-slate-200 p-5"><summary class="cursor-pointer font-bold text-slate-950">What information can a manager see?</summary><p class="mt-4 leading-7 text-slate-600">Authorised managers can view people currently signed in and visit history. Access and notifications depend on the workplace and account configuration.</p></details></div></section><section class="bg-teal-800 px-4 py-14 text-white"><div class="mx-auto flex max-w-6xl flex-col gap-6 sm:flex-row sm:items-center sm:justify-between"><div><h2 class="font-display text-3xl font-bold">Make your next visitor arrival easier</h2><p class="mt-3 text-teal-100">Choose a plan, set up your workplace and prepare your QR sign.</p></div><a href="/signup?plan=compliant&amp;billing=monthly" class="shrink-0 rounded-xl bg-amber-400 px-6 py-4 text-center font-bold text-slate-950">Start setup</a></div></section></main><footer class="bg-slate-950 text-white"><div class="mx-auto max-w-7xl px-4 py-14 sm:px-6 lg:px-8"><div class="grid gap-10 lg:grid-cols-[1.4fr_1fr_1fr]"><div><a href="/" aria-label="SmartSignIn home" class="inline-block rounded-lg bg-white p-2"><img src="/newui/assets/logo-BHkMG2yG.webp" alt="SmartSignIn" class="h-10 w-auto" width="228" height="44"/></a><p class="mt-5 max-w-md leading-7 text-slate-400">QR visitor sign-in and workplace briefings for New Zealand farms and worksites.</p><address class="mt-6 space-y-3 text-sm not-italic text-slate-300"><a class="block break-words" href="mailto:[email protected]">[email protected]</a><a class="block" href="tel:+64212421552">021 242 1552</a><p>Taranaki, New Zealand</p></address></div><div><h2 class="font-bold text-slate-200">Product</h2><nav aria-label="Footer product" class="mt-5 flex flex-col items-start gap-3"><a href="/farm-visitor-sign-in" class="text-slate-400 hover:text-white">Farm visitor sign-in</a><a href="/contractor-sign-in" class="text-slate-400 hover:text-white">Contractor sign-in</a><a href="/qr-code-sign-in" class="text-slate-400 hover:text-white">QR code sign-in</a><a href="/how-it-works" class="text-slate-400 hover:text-white">How it works</a><a href="/pricing" class="text-slate-400 hover:text-white">Pricing</a><a href="/about" class="text-slate-400 hover:text-white">About</a><a href="/account/login" class="text-slate-400 hover:text-white">Customer login</a></nav></div><div><h2 class="font-bold text-slate-200">Useful guides</h2><nav aria-label="Guides" class="mt-5 flex flex-col gap-3 text-slate-400"><a href="/guides/farm-visitor-safety-briefing">Farm visitor briefing checklist</a><a href="/guides/paper-vs-qr-sign-in">Paper registers vs QR sign-in</a></nav><a href="/signup?plan=compliant&amp;billing=monthly" class="mt-6 inline-block rounded-xl bg-teal-600 px-5 py-3 font-bold text-white">Start setup</a></div></div><div class="mt-12 flex flex-col gap-4 border-t border-slate-800 pt-7 text-sm text-slate-400 sm:flex-row sm:justify-between"><p>© 2026 SmartSignIn. All rights reserved.</p><div class="flex flex-wrap gap-5"><a href="/privacy">Privacy policy</a><a href="/terms">Terms of service</a></div></div></div></footer></div></div>�
29  </body>
30</html>