9. Aplikasyon ng 7stamp Scanner — Manual / Autopilot / Kiosk

Ang 7stamp Scanner ang working app para sa staff at customers. Ang trabaho nito ay gawing stamping, voucher redemption, at lottery spinning ang pag-scan ng Card. Ito ang app na aktuwal na nasa till, sa bulsa ng staff member, o sa customer-facing stand. Ang isang Staff login ay may access sa lahat ng tatlong mode — ang pagpili ng mode ay nakadepende sa bilis ng negosyo mo at sa service scenario.

9.1 Saan tumatakbo ang 7stamp Scanner

Web version (anumang device): scanner.7stamp.com

Gumagana sa anumang modernong browser: sa smartphone, tablet, o computer.
Walang kailangang i-install — buksan lang ang page, ilagay ang iyong Staff Login, at magsimulang magtrabaho.
Mainam para sa shared work laptop sa till, tablet sa stand, at anumang Windows/Mac/Linux device na may camera.
Puwede kang magkonekta ng external scanner at i-scan ang mga customer Card gamit ito. Walang kailangang configuration.

Android: Google Play iOS: App Store

Native app — mas mabilis tumakbo, mas mahusay gamitin ang camera ng phone.
Magandang piliin para sa staff na gumagamit ng sarili nilang phone sa trabaho (premium service, field work, delivery).
Puwede kang magkonekta ng external scanner at i-scan ang mga customer Card gamit ito (kung ganoon, isaalang-alang ang Autopilot Mode).
Puwedeng tumakbo sa tablet sa Kiosk mode.

Ano ang pipiliin. Kung may Android tablet ka sa till o iPad sa counter — i-install ang native app. Kung nagtatrabaho ka mula sa iba-ibang device o gumagamit ng iisang shared computer sa till — piliin ang web version na https://scanner.7stamp.com. Ginagawa ang login at password para makapasok sa admin panel sa Staff.

Puwede kang mag-login mula sa anumang platform (Web / Android / iOS) gamit ang parehong Staff Login na ginawa mo sa admin (Staff → + CREATE → Creating Staff Login). Pagkatapos mag-login, awtomatikong naka-link ang app sa profile ng negosyo mo.

Side menu (binubuksan gamit ang ☰ icon sa kaliwang itaas):

Manual Mode — manual na scanning mode (default).
Kiosk Mode — self-service mode para sa customer.
Open Admin Panel — mabilis na link papunta sa admin (admin.7stamp.com).
Log Out — mag-sign out (sa ibaba ng menu, pulang button).

Hindi mo kailangang “mag-switch ng mode” sa pagitan ng Manual at Autopilot sa menu. Sub-mode ng Manual Mode ang Autopilot, at i-o-on ito gamit ang isang switch mismo sa main screen (tingnan sa ibaba).

9.3 Manual Mode — mano-manong pag-scan ng staff

Ang Manual Mode ang base scenario kung saan ang staff mismo ang nag-scan ng Card ng customer. Ginagamit ito sa premium service (beauty salons, barbershops, spa, sit-down restaurants) kung saan bahagi ng personal na interaction sa customer ang stamping.

Main screen ng Manual Mode

Header indicator: Waiting for the card scan — handa ang app na tumanggap ng scan.
Sa kanang itaas — ang Auto-Stamp (Scanner Only) toggle (naka-off sa Manual).
Sa ibaba ng screen — ang recent shift event log (mga issued / used / deleted voucher). Puwedeng i-tap ang bawat entry at bubukas ang detalye.
Sa pinakailalim — dalawang action button:
- 🔍 Search Customer — hanapin ang customer ayon sa pangalan, email, phone, o card number.
- 📷 Use Camera — buksan ang camera ng device at i-scan ang QR ng customer Card.

Apat na paraan para hanapin ang customer at lagyan ng Stamp ang Card

1. Pag-scan gamit ang camera ng device (Use Camera). Ito ang pangunahing paraan ng trabaho.

Tinatap ng staff ang Use Camera, itinutok ang camera ng phone/tablet sa QR ng customer Card (binubuksan ng customer ang kanilang Card sa Apple Wallet o Google Wallet at ipinapakita ang screen), nakikilala ng app ang code sa loob ng isang maliit na bahagi ng segundo, at agad nitong binubuksan ang customer Card.

2. Pag-scan ng customer Card gamit ang external scanner.

Ikonekta ang scanner sa iyong device at i-scan lang ang customer Card gamit ito.

3. Paghahanap ng customer (Search Customer). Fallback ito kapag wala sa kamay ng customer ang kanilang phone.

Kapaki-pakinabang ito kapag:

naiwan ng customer ang phone nila o lowbat na ito;
bagong sign up pa lang ang customer at hindi pa nila alam kung saan bubuksan ang Card;
by appointment magtrabaho ang staff at gusto nilang buksan nang maaga ang customer Card.

Gumagana ang paghahanap ayon sa pangalan, email, o card number.

4. Direktang paghahanap ng voucher (Voucher Search). Kapag dumating ang customer na may voucher na dala (halimbawa, naka-print sa papel) at gusto itong i-redeem. Puwede mong ilagay ang voucher number sa search, i-scan ito gamit ang external scanner, o i-scan gamit ang camera ng device.

Ang customer Card pagkatapos ma-scan

Kapag nahanap na ang Card, bubukas ang customer card na may dalawang tab:

Info — pangunahing impormasyon (pangalan, email, card ID #XXXXXX, birthday na may edit ✏️).
Vouchers (N) — listahan ng lahat ng voucher ng customer na ito: active, redeemed, expired.

Sa itaas na bahagi ay may pulang Reset stamps button — hinahayaan ka nitong i-reset ang stamps ng customer (halimbawa, kung natapos na nila ang final goal, nakuha ang reward, at gusto mong magsimula ng bagong Card). Note. Hindi mo kailangang i-reset ang Card: kung i-scan mo ulit ito sa susunod habang nasa final goal pa at hindi nire-reset, cyclic na ilalagay ng system ang unang Stamp ng bagong iteration.

Mga control para sa Stamp

Sa ibaba ng screen — ang mga control para sa Stamp:

🟢 + (berde) — magdagdag ng Stamp.
🔴 − (pula) — mag-alis ng Stamp (kung nagkamali ka).
Quantity field na may − / + — magdagdag ng ilang Stamp nang sabay-sabay (halimbawa, kung gumagamit ang Card ng By amount at malaki ang ginastos ng customer).
🔍 Search Customer — magbukas ng ibang customer.
📷 — mag-scan muli.

Tatlong scenario kapag naabot ang goal

Kapag may Stamp na nagdala sa customer sa isang goal (isa sa mga milestone o ang final goal), magpapakita ang Scanner ng popup na may gift. Ang laman ng popup ay depende sa Reward type na naka-configure sa Card.

1. Reward = Award (instant text gift).

Sa screen — ang gift text at image (“Free Coffee”, “1 free pastry”, atbp.). Ipinapakita ng staff ang screen sa customer at ibinibigay ang ipinangakong gift.

2. Reward = Voucher (Smart Voucher with Redeem Code).

Ang popup na Voucher Unlocked! na may image, voucher title, at voucher number #XXXXXXX. May tatlong action:

Use Voucher (berdeng button) — i-redeem ang voucher mismo sa Scanner. Kung naka-enable ang option na Redeem Code para sa voucher, ipapakita ng screen ang code text + QR + barcode. Ipinapasok / ini-scan ng staff ang code sa POS. Lilipat ang voucher sa redeemed at hindi na ito puwedeng gamitin muli.
See All Vouchers — buksan ang listahan ng lahat ng voucher ng customer (halimbawa, kung gusto munang i-redeem ng customer ang ibang voucher).
Close — isara ang popup; mananatiling active ang voucher at magagamit ito ng customer sa ibang pagkakataon.

3. Reward = Lottery (isang bunutan).

Bubukas ang lottery screen sa device ng staff. Ibinibigay ng staff ang device sa customer (o ipinapakita ang screen) at hinihiling na i-tap nila ang “Play”. Pagkatapos umikot, isa sa mga Variant ang tatama at hahawakan na ito bilang Award o Voucher (tingnan sa itaas).

Self-redemption ng voucher sa Manual mode

Kung dumating ang customer para sa ipinangakong gift sa ibang araw (hindi agad pagkatapos nilang matanggap ito), bubuksan ng staff ang kanilang Card at lilipat sa tab na Vouchers (N). Makikita rito ang lahat ng voucher ng customer. Tinatap ng staff ang tamang voucher → bubukas ang voucher na may Use Voucher → confirm → status redeemed.

Security: pinipigilan ng Voucher state machine (issued → active → redeemed → expired) ang dobleng paggamit. Pagkatapos ng redeemed, hindi na gagana ulit ang voucher (o ang screenshot nito).

9.4 Autopilot Mode — background scanning sa till

Ang Autopilot Mode ay sub-mode ng Manual Mode kung saan awtomatikong idinadagdag ang Stamps sa background, nang walang confirmations at walang modals. Mainam ito sa peak hours sa coffee shop, fast food, bakery, car wash — saanman may pila at hindi dapat bumagal ang serbisyo.

Paano ito i-enable

Sa main screen ng Manual Mode, i-on ang Auto-Stamp (Scanner Only) toggle sa kanang itaas (magiging berde). Magbabago ang screen:

Magpapalit ang icon sa larawan ng external scanner.
Ang main header ay magiging: Auto-Stamp Mode Active.
Ang subheader: “The system stamps automatically only for scanner input.”

Paano ito gumagana

Ang pariralang “Scanner Only” ay nangangahulugang sa mode na ito, idinadagdag lang ang Stamps sa pamamagitan ng input mula sa hardware scanner (isang external USB o Bluetooth barcode scanner na nakakonekta sa computer/tablet). Mananatiling nakikita sa screen ang mga button na Use Camera at Search Customer at available pa rin kung kailangan mo, pero hindi sila ginagamit sa normal na Autopilot operation — backup lang sila (halimbawa, kung hindi nasagap ng scanner ang customer at kailangan mo silang hanapin nang mano-mano).

Workflow:

Karaniwang kinukuha ng staff ang order (sa till, bar counter, wash).
Sa pagbayad o agad pagkatapos nito, ipinapakita ng customer ang kanilang Wallet Card.
Nahuhuli ng external scanner ang QR “bilang barcode”.
Dinadagdagan ng 7stamp Scanner ng Stamp ang Card ng customer sa background.
Walang modal — hindi humihinto ang pila.
Makikita ng customer ang update ng progress sa kanilang Wallet mamaya sa pamamagitan ng PUSH notification.

Ano ang kailangan mo

Barcode scanner: USB o Bluetooth, kayang magbasa ng QR codes. Uubra ang mga karaniwang model mula sa Honeywell, Zebra, Datalogic. Dapat naka-set ang scanner sa keyboard emulation (HID mode).
Permanenteng device sa till: laptop o tablet na may bukas na scanner.7stamp.com o may Android/iOS app.
Stable na internet — bawat Stamp ay napupunta sa cloud nang real time.

Self-redemption ng customer ng voucher sa Autopilot

Sa Autopilot, hindi pisikal na ini-scan ng staff ang Wallet Card sa “dialog mode” — inaalagaan nila ang pila. Pero puwedeng i-redeem ng customer ang voucher nila agad, at hindi ito nangangailangan ng pag-switch ng mode. Sa Card page sa Wallet, may link ang customer papunta sa kanilang mga voucher. Kapag binuksan ito, ang customer ay maaaring:

sabihin nang malakas ang Redeem Code sa cashier, na ilalagay ito sa till (kung sumusuporta ang till sa promo codes), o
ipakita ang QR/barcode sa screen ng phone nila, at i-scan ito ng cashier gamit ang external scanner.

Pagkatapos nito, lilipat ang voucher sa redeemed at hindi na ito puwedeng gamitin muli. Bilang alternatibo, puwedeng pansamantalang i-off ng cashier ang Auto-Stamp toggle, buksan nang mano-mano ang customer Card, at i-redeem ang voucher gamit ang Use Voucher.

Kailan babalik sa Manual

Sa anumang sandali, puwedeng i-off ng staff ang Auto-Stamp toggle at bumalik sa manual scanning — halimbawa, kung dumating ang customer na may problema (nawala ang voucher, gustong i-adjust nang mano-mano ang Stamps) o kailangan mo silang hanapin ayon sa pangalan/email. Available ang lahat ng feature ng Manual Mode — search, camera scan, manual na pag-issue at redemption ng voucher.

9.5 Kiosk Mode — self-service ng customer

Ang Kiosk Mode ay full-screen self-service mode kung saan nakaharap ang tablet sa customer at ang customer mismo ang nag-i-scan ng kanilang Card. Walang involvement ang staff sa proseso — kaya nga “zero staff training”. Mainam ito para sa mga coffee shop, bakery, fast casual restaurant, light retail, at car wash.

Setup ng Kiosk Mode

Step 1. Lumipat sa Kiosk.

Sa side menu (☰), piliin ang Kiosk Mode. Papasok ang app sa setup mode.

Siguraduhing basahin ang mga tip sa screen kung paano “i-pin” ang app sa Android tablet o iPad para hindi ito ma-minimize o maisara ng customer (tinatawag na Kiosk mode ng device). Mga system feature ito ng tablet mo — basahin ang hint sa screen namin, o ang manual ng device mo.

Step 2. Piliin ang Card na ipapakita.

Kung may ilang Stamp Cards ang negosyo mo (halimbawa, hiwalay na Card para sa kape at iba pa para sa pastry), piliin ang Card na ipapakita sa partikular na tablet na ito. Puwede kang mag-set up ng ilang tablet para sa iba’t ibang Card.

Step 3. Mga dagdag na opsyon.

Mga dagdag na setting sa paglulunsad ng Kiosk.

Una — ang color scheme. Puwede mong ilunsad ang Kiosk gamit ang palette ng Card mo o pumili ng isa sa mga predefined set namin. Subukan ang opsyong pinakamaganda para sa iyo!

Ang pinakamahalagang opsyon ay Prevent Immediate Scans. Hinaharangan nito ang parehong customer na makakuha ng Stamp nang dalawang beses sunod-sunod: kung naka-on ang opsyon, sa repeat scan ay ipapakita lang sa customer ang nakaraang resulta nila (ang huling Reward / screen na ipinakita), at walang idaragdag na Stamp. Pinoprotektahan ka nito laban sa aksidenteng double scan sa counter.

Pagkatapos ng confirmation — maglulunsad ang Kiosk.

Main screen ng Kiosk Mode

Ano ang makikita ng customer kapag lumapit sila sa tablet:

Sa itaas — logo at pangalan ng negosyo mo (hinugot mula sa settings ng Card).
Header: Collect Stamps Get Rewards.
Isang Your Reward carousel — ipinapakita ang final gift (at, kapag may milestone rewards, lahat ng intermediate na gift). Puwedeng i-swipe.
Isang malaking itim na 📱 Scan your card button na may sublabel na “Get your next stamp by scanning the card.” (o “Hold your phone near the reader” — umaangkop ang text).
Sa ibaba — ang block para sa bagong customer: No Card Yet? “Scan QR-Code and add card to Your wallet” na may join page QR.

Scenario ng customer sa Kiosk Mode

Lumalapit ang customer sa stand ng tablet.
Kung mayroon na silang Card → buksan ang Wallet → i-tap ang Scan your card → ilapit ang Wallet screen sa camera ng tablet → madadagdagan ng Stamp.
Kung wala pa silang Card → i-scan ang QR na No Card Yet? gamit ang camera ng phone nila → agad mase-save ang Card sa Wallet → i-tap ang Scan your card → makuha ang unang Stamp.

Ano ang nakikita ng customer kapag naabot ang goal

Reward = Award.

Isang full-screen na Congratulations! screen na may image at description ng gift. Ipinapakita ng customer ang screen sa staff at kinokolekta ang ipinangakong gift.

Reward = Voucher.

Isang Congratulations! Voucher Unlocked! screen na may voucher card. Puwedeng i-redeem ng customer mismo ang voucher sa Kiosk — bubuksan ng use button ang screen na may Redeem Code (text + QR + barcode) na ipapakita ng customer sa cashier, at ang cashier ang mag-i-scan o maglalagay ng code sa till. Pagkatapos ng redemption, lilipat ang voucher sa redeemed at hindi na ito puwedeng gamitin muli, kahit nagtago pa ang customer ng screenshot.

Sa ibaba — mga button:

My Vouchers — tingnan ang lahat ng voucher ko.
Closing in 12s — countdown sa awtomatikong pagbabalik sa main screen.

Mahalagang pattern ito sa Kiosk: auto-close. Kung wala ito, “mai-stuck” ang tablet sa screen ng isang customer hanggang may staff na makialam. Tinitiyak ng countdown na palaging bumabalik ang tablet sa malinis na panimulang screen 10–15 segundo pagkatapos ng isang aksyon.

Reward = Lottery.

Iniikot mismo ng customer ang lottery sa screen — isang kaaya-ayang game mechanic. Pagkatapos lumabas ang Variant, kikilos ang screen gaya ng Award o Voucher sa itaas.

Pagtingin sa mga voucher ng customer

Sa anumang sandali, puwedeng i-tap ng customer ang My Vouchers sa main screen ng Kiosk at makita ang lahat ng active nilang voucher. Maginhawa ito: kung may hindi pa nagagamit na voucher ang customer mula sa nakaraang pagbisita, maipapakita nila ito agad sa staff nang hindi binubuksan ang Wallet.

Mga teknikal na requirement para sa Kiosk stand

Tablet: 10” o 12” iPad / Android tablet. Habang mas malaki ang screen, mas komportable ito para sa customer. Gusto namin ang iPad mini.
Stand: nakapirmi at nakaharap sa customer. Dapat kaya nitong hayaang ilapit ng customer ang Wallet phone nila sa camera ng tablet.
Power: palaging nakakonekta sa saksakan. Buong araw tumatakbo ang Kiosk.
Internet: maaasahang Wi-Fi o mobile 4G.
Opsyonal — simpleng instruction card sa tabi ng stand: “1) Open your card in Wallet. 2) Hold it up to the camera. 3) Done!” — sa dalawang wika kung may international guests ka. Pero kadalasan, sapat na ang maayos na puwesto ng tablet na may Kiosk UI namin para gawin ang papel na ito.

9.6 Paano pumili ng mode — paghahambing

Parameter	Manual Mode	Autopilot Mode	Kiosk Mode
Sino ang nag-i-scan	Staff sa pamamagitan ng phone/camera	External scanner “bilang barcode”	Ang customer mismo sa stand
Uri ng negosyo	Premium service, salons, restaurants	Coffee shops, fast food, abalang counter	Coffee shops, bakery, car wash, light retail
Bilis ng pila	Kalmado — may oras para sa personal na contact	Mataas — hindi puwedeng bumagal	Anuman — customer ang nagseserbisyo sa sarili
Ano ang nakikita ng customer	Screen ng staff (opsyonal)	Wala — dumarating ang update sa Wallet	Ang full-screen na Kiosk
Saan ito nakalagay	Phone/tablet ng staff	Laptop/tablet sa till	Tablet sa stand na nakaharap sa customer
Ano ang kailangan mo	Camera ng device	External QR scanner	10–12” tablet + stand
Risk sa training ng staff	Minimal (isang tap)	Zero (background work)	Zero (customer ang gumagawa)
Lottery	Naglalaro ang customer mula sa screen ng staff	Available sa manual na aksyon	Ang customer mismo ang naglalaro
Pagbalik pagkatapos ng aksyon	Isinasara ng staff ang popup	Awtomatiko sa background	Auto-close ayon sa timer

Puwede kang gumamit ng ilang mode nang sabay-sabay. Halimbawa, hotel na may restaurant at spa: sa spa — Manual Mode (premium, personal contact); sa cafe ng restaurant — Kiosk Mode sa stand (mabilis, walang involvement ng waiter); sa reception — Autopilot para sa mga regular. Isang Staff Seat ang sumusuporta sa isang login nang sabay; kung kailangan mo ng ilang sabayang point, magdagdag ng Staff Logins sa admin.

9.7 Mga praktikal na tip sa paglulunsad ng Scanner

Mag-test bago magbukas. Gumawa ng 5–10 trial scan gamit ang sarili mong Card sa umaga bago ang shift — siguraduhing nakakapag-focus ang camera, gumagana ang internet, at naidaragdag ang Stamps.
Sa Kiosk tablet, i-disable ang auto-lock at notifications. Walang dapat aksidenteng makalabas sa OS o makatanggap ng kung anong notification. Sa iOS, gamitin ang Guided Access, sa Android ang Screen Pinning.
Para sa internet outages, magtabi ng mga naka-print na QR label (in-export mula sa admin) — ini-scan na lang ito ng customer at nakukuha ang Card kahit pansamantalang unavailable ang Scanner.
I-onboard ang bagong staff. Dapat alam ng bawat bagong miyembro ng shift ang limang bagay: paano mag-login sa Scanner, paano mag-scan ng Card, paano magdagdag ng Stamp, paano hawakan ang Voucher Unlocked!, at paano mag-redeem ng voucher mula sa tab na Vouchers. Limang minuto ng training.
Ang recent event log sa ibaba ng Manual Mode ang working log mo. Kung magreklamo ang customer na “hindi pumasok ang Stamp”, tingnan ito: makikita mo ang oras, ang card ID, at kung ano ang na-issue / nagamit na.