Back to blog
Website menu

How to add a digital menu to a restaurant website

A restaurant website should send guests to a current menu, not an old PDF. Use one live menu link across your website, QR code, Google profile, and social channels.

8 min readAugust 14, 2026

A restaurant website often has a simple problem: the page looks fine, but the menu is old. The link points to last season’s PDF, the prices are different from the QR menu, or the image menu is hard to read on a phone. Guests do not care which file is newest. They just want to know what you serve today and what it costs.

Do not make the website the source of truth

If every price change requires a developer, designer, or agency ticket, your website menu will fall behind. The better approach is to make the live digital menu the source of truth and let the website point to it. Your website can still have a menu button, a short intro, and strong branding, but the actual product list should be maintained where the operations team can update it safely.

This matters because menu links travel. A guest may find the same menu from Google Business Profile, Instagram bio, a QR code, WhatsApp, or your website. If each channel has a different file, your team spends time explaining which one is current.

Choose link, embed, or button based on the site

For many restaurants, the simplest setup is a clear “View menu” button that opens the live menu. If your site supports embeds, you can also add a menu section that points guests into the same current menu experience. Avoid uploading a large PDF as the primary mobile menu unless you have a strong reason to keep it.

The button should be easy to find on mobile. Put it in the header, near reservation/order CTAs, and on the homepage section where guests expect menu information. Use the same public menu link everywhere.

Create the menu link in Square Menu

In Square Menu, add your categories, products, prices, and descriptions, then publish the public menu link. Review it on a phone before connecting it to your website. You can start with a free Square Menu account and use the first menu link as the destination for your website button.

If you later need online ordering, stronger publishing workflows, or multi-location control, review Square Menu pricing before changing the website again. That keeps the website path and the menu operation aligned.

Update every place the old menu appears

After the website is changed, remove or replace old menu PDFs from the footer, homepage, Google profile, social bio, delivery notes, and QR code generator. Keep a small checklist so a future price change does not leave one old file behind.

The best website menu setup is boring in the right way: one current link, clear placement, fast mobile access, and no confusion about which menu guests should trust.