TL;DR
TL;DR: Quick Answer
Add your restaurant menu to your website by either linking out to a hosted menu page (simplest, best for SEO) or embedding via iframe (keeps customers on your domain, but only when the menu platform allows framing; Menujo menus cannot be placed in an iframe, so with Menujo you link out). Hosting your own menu HTML is also possible but rarely recommended: you lose live updates, sold-out toggles, and analytics. The link-out pattern works on every CMS: WordPress, Squarespace, Wix, Shopify, Webflow, Hostinger. The whole setup takes 5 minutes; the SEO and accessibility gains last forever.
Introduction
Your website is one of the highest-intent channels for restaurant menu views. Customers reach it via Google search, Yelp listing, social-media bio link, and email signature: they're looking for confirmation that you're open, what you serve, and how much it costs. A clear menu link reduces bounce rate, raises conversion to a phone call or reservation, and contributes to local SEO rankings.
Yet many US restaurant websites still surface menus as PDF downloads, photographed scans of the printed menu, or static HTML pages that haven't been updated in 18+ months. Each of these patterns hurts conversion and Google rankings. This guide covers the three patterns that actually work in 2026.
Why the Website Channel Matters
Three reasons your restaurant website should be the canonical menu source:
- SEO. Google indexes menu pages and can surface them in restaurant searches. Google can index the text in a PDF (see Google's list of indexable file types), but a PDF or image scan carries no structured data, and an image scan offers little readable text. An HTML menu page with structured data gives you a better chance of ranking for queries like '[restaurant name] menu prices'.
- Accessibility. WCAG 2.1 requires a text alternative for non-text content (Success Criterion 1.1.1), so a menu published only as an image, with no text alternative, fails it. A PDF menu also needs proper tagging before screen readers can read it reliably. An inaccessible menu can also create ADA exposure.
- Conversion. Diners who see prices, photos, and dietary tags before booking are more likely to convert. Hidden or stale menus produce drop-off.
Three Ways to Add a Menu to Your Website
| Pattern | Setup Time | SEO | Maintenance | Best For |
|---|---|---|---|---|
| Link out to hosted menu | 5 minutes | Best (full HTML, structured data) | None (auto-updates) | Restaurants prioritizing SEO + analytics |
| Iframe embed | 10 minutes | Good (page indexable; iframe content not always) | None (auto-updates) | Restaurants whose menu platform allows framing (Menujo does not) |
| Static HTML page | 2-4 hours | Good if maintained | High (manual price updates) | Single-location, stable menus |
| PDF upload | 30 seconds | Poor (no structured data) | Manual reprint each change | Avoid in 2026, last resort only |
How to Add Your Menu to Your Website
Choose your pattern
For most restaurants the answer is link-out: simplest setup, best SEO, and the platform's menu-view analytics. Iframe only if your menu platform allows framing and you want everything on your own domain (Menujo menus cannot be framed). Static HTML only if you have a tech team that can maintain it weekly.
Get your hosted menu URL
From your menu platform admin, copy the public menu URL (typically /@your-restaurant or /menu/your-slug). Test it in incognito mode to confirm it loads without authentication.
Add a prominent navigation link
In your website main nav: 'Menu' should be the second or third item, after Home. Don't hide it under a 'More' dropdown. On mobile, ensure the menu link is in the burger menu and visible above-the-fold.
Add a menu CTA to the homepage
A single hero-section button: 'View Menu'. Many first-time visitors come to your site looking for exactly this. Pair it with a price-range hint ('Most dishes $12-$18') to filter unqualified clicks.
Embed via iframe (optional)
If your menu platform allows framing and you want the menu rendered on a same-domain page like /menu, add: <iframe src="https://YOUR-HOSTED-MENU-URL" width="100%" height="800" frameborder="0" loading="lazy"></iframe>. Menujo menus cannot be framed: the menu page sends X-Frame-Options: SAMEORIGIN and a frame-ancestors 'self' policy, so browsers refuse to load it on any other domain. With Menujo, make /menu a page with a prominent link to https://menujo.com/@your-restaurant instead. Test on mobile: many platforms handle responsive iframes well, but some don't.
WordPress, Squarespace, Wix: Specific Setup
Platform-Specific Setup
WordPress
Add a custom menu link to your nav under Appearance → Menus. For an embedded version, use a Custom HTML block in the page editor and paste the iframe code. Page builders such as Elementor, Divi, and Beaver Builder have an HTML or code module where you can paste the same iframe code.
Squarespace
In Site Navigation, add a Link with the URL pointing to your hosted menu. For embed: use a Code Block and paste the iframe HTML. Squarespace allows iframes and JavaScript in code blocks only on the Core plan and higher (see Squarespace's code block guide), so on other plans use the link-out pattern.
Wix
Add a Link to your top-level menu via the Site Menu manager. For embed: drag a HTML iframe widget from the Add panel and paste the URL. Wix does not resize the embed to fit your menu, so set the height manually for tall menus.
Shopify, Webflow, Hostinger Website Builder
All three support iframe embeds in custom HTML blocks, for menu platforms that allow framing (Menujo menus need the link-out pattern). The link-out pattern works universally across all platforms with no special configuration.
Common Mistakes
Common Mistakes (And How to Avoid Them)
Hosting menu as PDF
A PDF gives Google no structured data about your dishes. Customers cannot zoom on mobile. Updates require a re-upload and risk customers viewing the cached old version. Move to HTML.
Image scans of the printed menu
Even worse than PDFs: the menu text is locked inside a picture, so Google gets no HTML text to index. Customers cannot search items, cannot filter dietary, cannot use screen readers.
Iframe with fixed pixel height
If you set height="600" and your menu has 80 items, customers scroll inside the iframe (bad UX) or see only the first half. Use percentage-based height where possible, or set a generous fixed height (1200px+) and let the iframe handle internal scroll.
Stale menu, last updated 18+ months
Customers who arrive expecting one item and find another at the restaurant produce 1-star reviews. If you can't commit to keeping the menu fresh, link to a hosted platform that updates instantly via admin panel.
Different prices on website vs printed menu
Google reviews and Yelp reviews complain about this regularly. Make the digital version canonical: train staff that printed menus are reference only and the digital is authoritative.
Related Reading
Related guides
Put your menu everywhere customers look:
Sources & references
Guidance in this article draws on the following primary sources: W3C Web Content Accessibility Guidelines (WCAG).
Frequently Asked Questions
Is it better to link to my menu or embed it on my own website?
Link out for SEO and simplicity; embed for brand control. Most restaurants benefit more from linking out: the hosted menu page accumulates link equity and structured data, which Google rewards in local pack rankings. Embedding works fine for visual consistency on premium brands when the menu platform allows framing (Menujo does not, so Menujo menus are always linked out).
Will Google penalize me for using an iframe?
No. Iframes have been valid HTML since 1997 and are commonly used for embedded video, maps, and forms. Google does sometimes index iframe content as part of the parent page, sometimes separately, and sometimes not at all. To guarantee menu indexing, link to the hosted version in addition to embedding.
Do I need to keep my menu updated on both my website and the digital menu platform?
No. That's the point of linking out or iframe embedding. The digital menu platform is the single source of truth; your website pulls the latest version automatically. If you also keep a static HTML version on your site, you'll need to update both, which defeats the purpose.
What should the menu URL on my website be?
Use /menu: clean, memorable, matches user search patterns ('[restaurant name] /menu'). Avoid /our-menu, /food, /our-food. The exact path matters less than consistency: pick one and never change it. URL changes break every link in your bio, ads, and review sites.
How do I track how many people view my menu?
Three tracking layers. (1) Google Analytics on your website tracks clicks to the menu link. (2) Your menu platform tracks views of the menu page itself; Menujo counts menu views and unique views (distinct IP addresses), not QR scans, and does not break views down by source. (3) UTM parameters on links to your own website (?utm_source=instagram, etc.) tell Google Analytics which source drove the visit; Menujo's own analytics ignore them. Build the tagged links with our UTM Builder tool.
Can I have multiple menus (lunch, dinner, brunch) linked from my website?
Yes. Many digital menu platforms support multi-menu setups (on Menujo, the Free plan includes one menu, Pro includes 10, and Business includes 100). Each menu has its own URL; link them as 'Lunch Menu', 'Dinner Menu', 'Weekend Brunch' on your website. Some platforms auto-rotate based on time of day; Menujo does not, so link each menu separately.
What happens to my old PDF menu after I switch?
301 redirect the PDF URL to your new HTML menu. This preserves any backlinks pointing at the old menu (Google reviews, Yelp listings, food blogs) and tells Google to transfer ranking signals to the new page. Many CMS platforms support 301 redirects via a settings panel or plugin.
Do I need both a website menu and a Google Business Profile menu?
Yes. They reach different customers. Website menu serves people who search '[restaurant name] menu'. GBP menu serves people who search 'restaurants near me' on Google Maps without ever visiting your site. Menujo does not sync with Google Business Profile, but you can paste the same Menujo menu URL into the GBP Menu link field so both channels point at one page.
