Digital Menu
Definition
A digital menu is an ordinary web page with an unusual reading context: somebody holding a phone at a table, possibly in low light, possibly one-handed. It has to be readable at arm's length without zooming, organised so a section can be found in a couple of taps, and clear about prices and allergens. The code-on-the-table pattern spread quickly during the pandemic and has since settled into a mixed picture — some places have gone back to paper, many keep printed menus and a code, and bars and takeaways have largely kept the code. Published as static files, a menu is just a menu: it shows what you serve. Taking orders or payments needs a separate system.
Why It Matters
A menu changes constantly — a special that has run out, a supplier price rise, a seasonal swap, a new allergen note — and the ability to republish to the same address matters more than anything else about it. That is the whole argument for the digital version. The codes are printed once, laminated, stuck to forty tables, and the content behind them can change at nine in the morning without anyone reprinting a thing. Everything else is secondary. A slow or unreadable menu still costs you, though: a customer squinting at a two-megabyte image of a page is a customer who orders the first thing they can make out.
How It Works
Publish the menu as an HTML page rather than a document — a printed page is a fixed rectangle that a phone shows tiny, while a web page reflows to the screen it is on. Keep body text at a size that is readable without pinching, and use real headings for sections so the browser's find function works. Generate the QR code so it points at the menu's own address, not at a shortener you might one day stop paying for, because a dead shortener takes every printed code with it. Republish to that same address whenever anything changes, so the codes never need reprinting. If a dish sells out during service, a line at the top of the page, edited in seconds, does what crossing out a paper menu used to do.
Real-World Example
A bistro publishes at bistro-name.99helpers.site and prints the code onto its table cards once. The kitchen changes the fish on Tuesday, uploads the revised page before service, and every table shows the new dish immediately. When a batch of cards is printed for a street festival, the same address goes on them, so the festival cards keep working long afterwards. Ordering still runs through the till system; the page only says what is available and what it costs.
Common Mistakes
- ✕Putting a print-layout PDF behind the code — it opens as a page-sized rectangle the customer has to zoom and drag around, in a restaurant, one-handed
- ✕Pointing the printed code at a link shortener or a third-party menu service — if either disappears, so does every code you have laminated
- ✕Publishing each new menu at a new address — the codes on the tables still point at the old one, and that is the version customers will order from
Related Terms
Price List
A price list is the document that states what each thing costs. It is short, it changes often, and it is the page customers check before they pick up the phone.
Product Catalogue
A product catalogue is the organised list of everything you sell, with the detail a buyer needs in order to choose: description, specification, code, image and often price. It can be a printed book, a document or a set of web pages.
QR Code
A QR code is a square barcode that stores a short piece of text, most often a URL, so a phone camera can open it without anyone typing. It is a picture of a link.
File Versioning
File versioning keeps the previous copy of a file when a new one is uploaded under the same name, instead of overwriting it. Every publish adds to a history you can read back from, rather than replacing what was there.
Responsive Design
Responsive design is building one page that adapts to whatever screen opens it, using flexible layout and CSS media queries, instead of maintaining separate mobile and desktop versions.
Put a file online in seconds
Drop in a document, an image, a page or a whole static website and share the link — free, with no build step and no server to set up.
Host a file free →