Digital Menus on Shopify: How Restaurants and Cafes Are Replacing Static PDFs
QR code menus and digital menu boards are now standard. Here's how restaurants and cafes are using Shopify to power dynamic digital menus with allergen information.
The pandemic accelerated the adoption of QR code digital menus in restaurants, and they haven't gone away. A well-implemented digital menu — one that's always current, includes allergen information, and works on any smartphone — is better than any printed alternative. Here's how Shopify powers modern digital menus.
Why PDF Menus Are Obsolete
PDF menus — whether downloaded or displayed via a QR code — have a fundamental problem: they go out of date the moment the menu changes. A restaurant that updates its menu seasonally needs to redesign and reupload the PDF each time, which rarely happens promptly. The result is customers scanning a QR code to find a menu that doesn't match what's being served. This is a poor customer experience and, for allergen information, potentially dangerous.
Shopify as a Menu Platform
Shopify product pages and collections can function as a digital menu: products represent dishes, collections represent menu sections (starters, mains, desserts), and product descriptions carry allergen information, ingredients, and dietary badges. A QR code in the restaurant points to a collection or product page on your Shopify store. The "menu" is always up to date because it's your live product catalogue.
Allergen Information in Digital Menus
UK law requires allergen information to be available to customers in food service. A Shopify digital menu with SaltAI's Allergen Matrix integrated satisfies this requirement — every dish has its allergen profile visible on its product page, accessible via QR code. This is significantly more compliant than a printed menu with an asterisk and "ask staff for allergen information."
Power your restaurant's digital menu with Shopify and SaltAI's allergen tools.
Setting Up Your Shopify Store as a Digital Menu
The practical setup for a Shopify-based digital menu is straightforward, but a few structural decisions made early will save significant time later. Begin by mapping your existing menu sections to Shopify collections — a typical setup might include Breakfast, Lunch, Dinner, Drinks, and Specials as separate collections. Each dish becomes a product within the relevant collection, with the product title as the dish name, the product description carrying ingredients and preparation notes, and product images showing the finished plate. This structure mirrors how your customers already think about ordering.
Variants in Shopify are particularly useful for dishes that come in multiple sizes, temperatures, or configurations. A soup that's available as a starter portion or a main portion can be represented as a single product with two variants, keeping the menu clean and avoiding duplication. Metafields extend this further — you can store structured data like spice level, preparation time, or chef's notes directly on the product record, and surface that information in your storefront theme without cluttering the main product description. These fields are editable directly from the Shopify admin without any developer involvement once the theme is configured.
Pricing on a Shopify digital menu is live by default, which is one of its most valuable properties. When ingredient costs rise and you adjust a dish price in Shopify admin, the QR code menu your customers scan at the table reflects the change immediately. There is no version control problem, no PDF to regenerate, and no risk of quoting a price that no longer matches what appears on the till. For restaurants operating across multiple sites, a single Shopify store with location-based collections can serve all venues from one content management system.
Designing a Menu-Friendly Storefront Theme
A standard Shopify theme designed for retail products is not automatically optimised for a restaurant menu experience. The most important customisation is removing or hiding elements that are irrelevant to dine-in customers — the cart, checkout, shipping information, and stock levels have no place on a menu being browsed at a table. Many Shopify themes support custom templates, which means you can create a menu-specific product template and collection template that strips back the retail interface and emphasises the information a diner actually needs: the dish name, description, photo, allergens, and price.
Typography and visual hierarchy matter considerably on a mobile screen viewed under restaurant lighting. Dishes should be scannable at a glance, with clear section headings, readable font sizes, and enough white space that descriptions don't blur together. High-quality food photography dramatically improves the experience — customers are more likely to order a dish they can see, and a well-lit image of a plate on a Shopify product page does exactly what a laminated photo in a traditional menu does, only without the risk of grease damage. Many Shopify themes allow image-heavy collection layouts that translate naturally to a menu grid format.
Navigation design is another area where a menu-specific approach pays dividends. A customer scanning a QR code at a lunch table should land on a page that immediately orients them — they need to know where starters end and mains begin, and they should be able to jump between sections without scrolling through the entire catalogue. Sticky navigation menus, anchor links to collection sections, and a clearly labelled back button all contribute to an experience that feels purpose-built for table use rather than adapted from a retail template. Spending a few hours on theme customisation here translates directly into fewer confused customers and more confident orders.
Managing Specials, Seasonal Changes, and Sold-Out Items
One of the clearest operational advantages of a Shopify digital menu over any printed alternative is the ability to manage daily and weekly changes in real time. A café that runs different specials each day can have a Specials collection that is updated each morning in under five minutes — new product added, yesterday's product archived or unpublished, QR code unchanged. The customer experience remains consistent because the URL never changes, only the content behind it does. This is a fundamentally different relationship with menu content than any print-based workflow allows.
Shopify's product availability controls are precise enough to serve kitchen operations directly. When a dish sells out mid-service — a situation every restaurant knows well — a staff member can mark the product as unavailable on Shopify from a phone in under thirty seconds. Customers scanning the menu after that point simply don't see the dish as available, which eliminates the awkward moment when a customer orders something the kitchen can no longer serve. For restaurants with high-turnover specials or limited daily quantities, this real-time availability management is a genuine operational improvement rather than a marginal convenience.
Seasonal menu transitions, which traditionally meant a design and print cycle of several days, become a scheduled publishing task in Shopify. Products for the new season's menu can be built out in advance, set to publish on a specific date and time, and the transition happens automatically overnight. The outgoing menu items are archived rather than deleted, preserving the product history, photography, and description copy for next year's seasonal return. This kind of forward-scheduled publishing is built into Shopify's core functionality and requires no additional apps or developer time to use effectively.
Connecting Shopify Menus to Online Ordering and Table Service
A Shopify digital menu need not remain purely informational — the same product catalogue that serves as a browsable QR code menu can also power online pre-ordering, takeaway ordering, and click-and-collect without any duplication of effort. A restaurant that uses Shopify for its online ordering already has the infrastructure for a digital dine-in menu; it's largely a question of creating the right storefront view for each context. A customer ordering takeaway online and a customer browsing at a table are both looking at the same product data, with the presentation adapted to their situation.
Table ordering extensions built on Shopify's platform allow customers to add dishes to an order directly from their phone, with the order routed to the kitchen or bar without requiring staff intervention at the ordering stage. This model, which gained significant traction during the pandemic, remains popular in casual dining and café environments where labour costs make traditional table service economically difficult to sustain at every moment of service. The Shopify product catalogue is the single source of truth for pricing, descriptions, and availability across every one of these ordering touchpoints simultaneously.
Integrating SaltAI Agent for Shopify into this workflow adds a layer of intelligent automation — menu updates, allergen flags, and product descriptions can be managed more efficiently when your Shopify admin has AI-assisted tools built into the same interface where you already manage your catalogue. A merchant maintaining a large and frequently changing menu benefits from tools that reduce the manual effort of keeping product data accurate, current, and consistently formatted across dozens or hundreds of individual dish listings.
Try SaltAI Agent for Shopify free at saltai.app — no credit card required.
SaltAI Team
SaltAI builds focused Shopify apps for food merchants and general merchants. Every app is tested in production at a real food store — including Vanda's Kitchen — before it ships.