How to add Menu on your website to your website
Menu on your website is displaying a restaurant menu so customers and search engines can both read it, used by restaurants, cafes, bars and caterers. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from your own page — the right answer here is usually real text rather than an embedded file. For most people the right choice is the html menu — the menu written as real text on the page. Best for search, mobile and accessibility. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
Menu on your website: which option to use
| Option | What it does |
|---|---|
| HTML menu | The menu written as real text on the page. Best for search, mobile and accessibility. |
| PDF download link | A downloadable version alongside the text, for people who want to print it. |
| PDF embed | The file displayed in a viewer, which is the worst option for most visitors. |
Step-by-step
- 1
Find the code or link in your account
Menu on your website keeps this in your own page — the right answer here is usually real text rather than an embedded file. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. HTML menu: The menu written as real text on the page. Best for search, mobile and accessibility. PDF download link: A downloadable version alongside the text, for people who want to print it. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
Ordering and booking are the whole point of a hospitality site. Everything else is supporting material. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — confirm it renders and links correctly — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸A menu that exists only as a PDF is close to invisible in search. 'Vegan options in [town]' will never find it.
- ▸PDFs are painful on phones — pinching and zooming to read a menu is the most common complaint about restaurant websites.
- ▸Screen readers handle a badly exported PDF poorly, which is an accessibility problem as well as a commercial one.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
Should my restaurant menu be a PDF or a web page?
+−
A web page, with a PDF available as an optional download. A PDF-only menu cannot be read properly on a phone, is largely invisible to search engines, and is hard for screen readers. Writing the menu as real text means it can rank for the dishes you serve — which is exactly how hungry people search.
How do I put my menu on my website so it shows in Google?
+−
Write it as real text on the page, with dish names, descriptions and prices as actual content rather than an image or PDF. Group it by section with proper headings. This lets Google index individual dishes, which is how searches like 'sourdough pizza [town]' find restaurants.
Do I need a developer to add Menu on your website to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding Menu on your website slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.