Your restaurant website runs on HubSpot and the menu is a static PDF pinned to a button at the top of the page. Visitors download it, zoom in on their phone, scroll past half the dishes to find the ones without dairy, and give up. Or the menu is hardcoded HTML your last developer left behind, so every price change is a support ticket. Or it is a third-party embed that does not match your brand, does not index for Google, and does not expose dietary tags to voice assistants or AI Overviews. Your menu is your conversion page and it is the least editable thing on your site.
Menu Display Pro is a restaurant menu module for HubSpot CMS. Nested category and item repeaters edited directly from the page editor, four switchable layouts, 14 dietary tag presets, a sticky category sidebar with live search and filter pills, Schema.org Menu structured data for Google Business Profile and AI Overviews, 15 currencies, 90+ style controls, and no HubDB, no custom templates, no external dependencies. One module, dropped into any page.
A real restaurant menu page needs categorized dishes with names, descriptions, prices, and photos. It needs dietary tags that people actually filter by (gluten-free, vegan, halal, nut-free). It needs a way to mark seasonal menus and featured dishes. It needs currency and language flexibility for restaurants in more than one country. It needs structured data so Google, Apple Maps, and voice assistants can read the menu directly. And it needs to be editable by the restaurant owner, not the developer. On HubSpot CMS, that combination has always meant either HubDB tables with custom templates, a third-party embed, or a PDF. Until now.
Menu Display Pro ships four layouts you switch between from a single dropdown. Photo grid with configurable columns and circle or rectangle photos. Horizontal list with photo on one side and dish details on the other. Classic text-only with dotted leaders between the dish name and price, the layout fine-dining menus have used for a century. Editorial magazine with large typography and generous whitespace for flagship restaurants. Each layout has its own tablet and mobile breakpoints, its own column counts, its own alignment options. The same menu data renders across all four — change the dropdown and the menu restyles itself.
14 dietary tag presets ship with the module: vegetarian, vegan, gluten-free, dairy-free, nut-free, pescatarian, halal, kosher, keto, low-carb, organic, and three spice levels (mild, medium, hot). Each tag has its own editable background and text color so you can match your brand palette. Filter pills auto-generate from the tags actually used in your menu — if no dish is kosher, the kosher filter does not appear. The pills combine with a live keyword search across dish names and descriptions, so a visitor typing "gluten-free pasta" sees the intersection instantly. Place the filters in a sticky left sidebar alongside category navigation, or stack them in a horizontal toolbar above the menu. Both modes are built in.
Mark a category as seasonal with a badge and an optional availability note ("Winter menu — through February"). Flag individual items as featured to surface them at the top of a category. Assign special badges per dish: chef's special, popular, new, signature, limited, or locally sourced. Prices support single values, ranges ("$18 – $24"), and custom suffixes like "market price" or "/half" for half-portions. Optional calorie counts and allergen lines sit under each item for compliance with local labeling requirements.
Menu Display Pro outputs a full Schema.org @graph: Restaurant with name, address, phone, cuisine type, and price range; Menu with MenuSection and MenuItem entities including price, currency, suitableForDiet, and nutrition; and WebPage with Speakable markup for voice assistants. Google Business Profile reads it. Google Search reads it. AI Overviews and AI crawlers read it. Voice assistants read the Speakable parts. One toggle enables or disables the entire structured data block. You get the SEO and discoverability of a custom-built restaurant schema without touching any code.
Multi-currency support with 15 ISO 4217 codes: USD, EUR, GBP, CAD, AUD, JPY, CHF, SEK, NOK, DKK, RON, PLN, MXN, BRL, and INR. Every label in the module is editable — search placeholder, filter headings, category navigation title, empty-state message, seasonal badge text, featured badge text. Translate the module into any language without touching the code.
Two font pickers with theme inheritance, 40+ color fields including per-dietary-tag colors, card padding, radius, border, shadow presets, photo height, width, shape, and shadow, item name font, weight, transform, and letter spacing, description alignment, max width, and font style, price font and position, category header alignment, transform, ornament, and weight, sidebar width, label font and size, link styling, and active indicator style. Responsive breakpoints for tablet and mobile. Pure vanilla JavaScript — no jQuery, no frameworks, no build step. Clean Core Web Vitals scores out of the box.
Menu Display Pro is available on the HubSpot Marketplace for $14.99 as a one-time purchase. Live demo and documentation on the product page. See all Studio Nope modules.
If your HubSpot restaurant menu is still a PDF, a hardcoded table, or a third-party embed, Menu Display Pro is the restaurant menu module with layouts, dietary filters, seasonal flags, and Schema.org structured data that your dinner reservations have been missing.