Customer Display
A customer-facing screen showing a media playlist, the live cart, product information and a thank-you screen at payment.
Overview
The Customer Facing Display (CFD) is a second screen positioned so the customer can see it while the cashier is taking the order. The left panel shows a customisable media playlist. The right panel shows the live cart building in real time, and switches to a thank-you screen when payment is complete. The cashier can also push product information directly to the screen at any time.
Opening the customer display
On any device on the same Wi-Fi network, open a browser and go to:
A PIN entry screen protects the display. Enter any valid staff or admin PIN to unlock. Once unlocked it stays on all day — tap the ⛶ Full Screen button in the bottom-left corner to fill the screen.
Layout
| Panel | What it shows |
|---|---|
| Left — Media | Your playlist of uploaded files, video URLs and featured product slides. Rotates continuously. Shows the business name and clock when the playlist is empty. |
| Right — Order | Live cart — product name, unit price and line total for each item. Subtotal, tax and grand total update instantly as items are added. |
Pushing a product to the display
Any product with a Product Description can be pushed full-screen to the customer display by the cashier. This temporarily takes over the entire screen — the playlist pauses and the product is shown prominently with its image, name, price and description.
How to push from the product grid
On any product card that has a description, a small monitor icon 🖥 appears next to the info button. Tap it to push the product to the display. The icon turns green to confirm it is live. Tap the icon again to clear it and resume the playlist.
How to push from the product info modal
Open any product's info modal by tapping the ℹ button. If the product has a description, a Push to display button appears in the modal header. Tap it to push. Tap again to clear.
How to push from Order History
In the Order History panel, each order line item that has a description shows a monitor icon. Tap it to push that product — useful when a customer asks about something they ordered previously.
What the customer sees
The display switches to a full-screen view with the product image filling the background, the product name and price at the top left, and a frosted description panel across the bottom. If the description is longer than the panel, it automatically scrolls slowly so the customer can read the full text — pausing at the top and bottom before repeating.
Auto-clear
The product display automatically clears after 45 seconds and returns to the normal idle/playlist state. It also clears immediately when a new cart event arrives (i.e. when the cashier adds a product to the cart).
Related products upsell
When you push a product that has Related Products configured, a "You might also like" strip of related product thumbnails appears in the product info modal. Tapping any related product in the modal immediately pushes that product to the display instead — useful for suggesting accompaniments, accessories or upgrades during the conversation.
The playlist
The left panel plays a playlist you build in Settings → Display → Playlist. Three types of slide can be combined in any order:
| Type | How to add | What it shows |
|---|---|---|
| Uploaded file | Select Media → Upload or select from library | Full-screen image, or video that plays once then advances |
| Video URL | Add Video URL — paste a YouTube, Vimeo or direct .mp4 link | Embedded video player filling the left panel |
| Product slide | Add Product — pick from your catalogue | Full-bleed product image with name, description and price overlaid at the top |
Managing the media library
Click Select Media to open the media library modal. From here you can:
- ✓ Upload new images or videos (JPG, PNG, GIF, WEBP, MP4, WEBM — max 100 MB per file)
- ✓ Delete files you no longer need
- ✓ Tap + Add on any file to add it to the playlist
Slideshow settings
In Settings → Display → Slideshow Settings you can configure:
| Setting | What it does |
|---|---|
| Slide Duration | How many seconds each image or product slide is displayed before advancing. Videos are excluded — they play to completion before the next slide begins. |
| Transition Effect | The animation between slides: Fade, Slide Left, Slide Up, Zoom In or None (instant cut). |
Sound
Videos attempt to play with sound automatically. If the browser blocks unmuted autoplay (common on first load before any user interaction), videos fall back to muted and the button in the bottom-left shows 🔇 Muted. Tap the button to enable sound at any time. Tap again to mute.
Payment screen
When the cashier completes a payment, the display transitions to a full-screen thank-you overlay. The left side shows a large ✓, "Thank You!", the business name and receipt footer message. The right panel shows the payment method, amount paid, and change due for cash payments. After 8 seconds the display automatically returns to the order view.