How to Connect Your Hosted Menu to Your Existing Website

You already have a website — maybe a simple WordPress site, a Squarespace page, or even just a Google Business Profile. And you've just set up a hosted menu page on MenuHoster. Now comes the practical question: how do you connect the two so customers find your menu without friction?

This guide walks you through every realistic method, from a simple navigation link to an embedded iframe, to a full subdomain redirect. No developer required for most of it. Pick the approach that matches your setup and skill level.

Why This Connection Matters

Before diving into the how, it's worth being clear on the why. When a customer lands on your website, one of the first things they look for is your menu. Studies consistently show that menu pages are among the highest-traffic pages on any restaurant or café site. If your menu is buried, outdated, or missing entirely, you lose that customer — often to a competitor whose menu is one tap away.

A hosted menu page solves the problem of keeping your menu current without rebuilding your whole site every time you change a price or add a seasonal dish. But that only works if your website actually points to it. The connection between your site and your hosted menu is the bridge your customers walk across.

For more on why the menu page deserves special attention, see our piece on why your restaurant menu page is your most important digital asset.

Method 1: Add a Direct Link in Your Navigation Menu

This is the fastest, most universal approach and works on every website platform — WordPress, Squarespace, Wix, Webflow, Shopify, hand-coded HTML, all of them.

How to do it

1. Log in to your website's admin panel and open the navigation or menu editor.
2. Add a new navigation item. Label it "Menu" (or "Our Menu," "View Menu," "Food & Drinks" — whatever fits your brand).
3. Set the link destination to your full MenuHoster menu URL, for example: https://yourbusiness.menuhoster.com
4. Decide whether to open it in the same tab or a new tab. Same tab keeps the experience seamless. A new tab is fine if you want customers to easily return to your site.
5. Save and publish.

Tips for this method

• Place "Menu" as the second or third item in your navigation — right after "Home" or "About." Don't bury it at the end.
• On mobile, make sure the link is easy to tap. Test it on your own phone before you call it done.
• If your site has a sticky header, the menu link stays visible as users scroll — a big win for conversion.

Method 2: Add a Prominent Button on Your Homepage

A navigation link is necessary, but a homepage call-to-action button is what actually drives clicks. Most visitors scan your homepage hero section before they do anything else. Put a clear "View Our Menu" button right there.

How to do it

1. Open your homepage editor and locate the hero section (the big banner or first block at the top).
2. Add a button element. Most page builders — Squarespace, Wix, Elementor — have a button block you can drag in.
3. Label it something action-oriented: "See Our Menu", "Browse the Menu", or "Order Now" if you have online ordering enabled.
4. Link it to your hosted menu URL.
5. Style it in a contrasting color so it stands out from the background.

If your homepage has multiple sections — say, a hero, an about blurb, and a gallery — consider adding a second menu button lower on the page. Customers who scroll past the hero shouldn't have to scroll back up to find the menu.

Method 3: Embed Your Menu Directly on a Page

Some owners want the menu to appear inside their website — on a dedicated "Menu" page — rather than sending visitors to a separate URL. You can do this with an iframe embed.

How to do it

1. Create a new page on your website called "Menu."
2. Switch your page editor to HTML or code view.
3. Paste an iframe snippet like this:

<iframe
  src="https://yourbusiness.menuhoster.com"
  width="100%"
  height="800"
  style="border:none;"
  title="Our Menu"
  loading="lazy">
</iframe>

4. Adjust the height value until the menu displays without an awkward scroll inside the frame. 800–1000px works for most menus; longer menus may need more.
5. Save and publish.

Pros and cons of embedding

• Pro: Customers never leave your domain, which can feel more cohesive.
• Pro: Your website's navigation stays visible around the menu.
• Con: iframes can look awkward on mobile if the inner page isn't perfectly responsive. Test thoroughly.
• Con: Some website builders (Squarespace in particular) restrict iframes on lower-tier plans.

If embedding feels clunky on your platform, a direct link (Method 1 or 2) is almost always the cleaner solution.

Method 4: Use a Subdomain Redirect

This is the most polished approach and takes about ten minutes if you have access to your domain's DNS settings. Instead of sending customers to yourbusiness.menuhoster.com, you send them to menu.yourbusiness.com — which then redirects to your hosted menu page.

How to do it

1. Log in to your domain registrar (GoDaddy, Namecheap, Cloudflare, Google Domains, etc.).
2. Go to DNS settings and add a new CNAME record:
   • Name/Host: menu
   • Value/Points to: your MenuHoster domain (check your MenuHoster dashboard for the exact target)
   • TTL: 3600 (or Auto)
3. Save the record. DNS propagation usually takes 15 minutes to a few hours.
4. Once live, link to https://menu.yourbusiness.com anywhere on your site.

Why bother with a subdomain?

It looks professional, it's easy to say out loud ("just go to menu-dot-yourbusiness-dot-com"), and it works perfectly in printed materials, business cards, and QR codes. If you're generating a QR code for your tables or takeout packaging, pointing it at your own subdomain means you can change the destination later without reprinting anything.

Method 5: Link from Your Google Business Profile

Your Google Business Profile has a dedicated "Menu URL" field — and most businesses leave it blank or pointing to a PDF. Fill it in with your hosted menu URL right now. It takes two minutes and puts your menu one tap away for anyone who finds you on Google Maps or in local search results.

How to do it

1. Go to business.google.com and select your location.
2. Click Edit profile, then navigate to the Contact or Business information section.
3. Find the Menu link field and paste your hosted menu URL.
4. Save changes.

Google may also allow you to add menu items directly inside the profile, but a hosted menu link is far more complete and easier to keep updated. This is a quick win that most restaurant owners overlook.

Method 6: Link from Social Media Bios

Instagram, Facebook, TikTok, and X all give you one clickable link in your bio. If your website is already there, consider using a link-in-bio tool (like Linktree or a simple landing page) that offers both "Visit Our Website" and "View Our Menu" as separate buttons. Alternatively, if your menu is the most important action for your audience, put it front and center.

For Facebook specifically, you can add your menu URL under the "More info" section of your business page — look for the "Menu" field under Page Info.

Keeping Your Menu Link Working Over Time

A broken menu link is worse than no menu link — it signals to customers that your business isn't on top of things. Here's how to avoid it:

• Don't change your hosted menu URL unnecessarily. If you ever do change it, do a find-and-replace across your website for the old URL.
• Test your menu link monthly. Add a recurring calendar reminder. It takes 30 seconds.
• Use a redirect or subdomain (Method 4) so you can update the destination without touching every place you've shared the link.
• Check your QR codes periodically. Print a fresh one and scan it yourself. For more on this, see our guide on managing your digital menu.

Making Sure the Experience Is Seamless on Mobile

More than 70% of restaurant website visits happen on a mobile device. Whatever connection method you choose, test the full flow on your phone:

• Tap the navigation link — does it load quickly?
• Is the menu readable without zooming?
• Can customers scroll through categories easily?
• If you have online ordering, is the "Add to cart" button easy to tap?

A well-built online menu is already optimized for mobile, but the page it's embedded in or linked from also needs to behave well on small screens. If you're embedding via iframe, double-check that the frame doesn't create a double-scroll situation where users have to scroll inside the frame and on the page simultaneously — that's a frustrating experience.

What About Businesses Without a Website Yet?

If you don't have a full website yet, your hosted menu page can serve as your web presence in the meantime. Share the URL on Google, social media, and printed materials. When you're ready to build a proper site, the menu page is already live and working — you just add the surrounding structure around it.

Many MenuHoster customers start this way: launch a clean, professional menu page first, then build out a full site once they have the bandwidth. It's a practical sequence that gets you online fast without overcommitting to a big web project on day one. Browse our menu page templates to find a starting point that fits your brand.

Frequently Asked Questions

Can I use my own domain name for my hosted menu page?

Yes. The subdomain redirect method (Method 4) lets you point something like menu.yourbusiness.com at your hosted menu page. This requires access to your domain's DNS settings, but it's straightforward and takes about ten minutes. The result is a branded URL that looks completely native to your business.

Will linking to an external menu page hurt my website's SEO?

Outbound links to your own hosted menu don't meaningfully harm your SEO. If anything, having a clear, functional menu link improves user experience signals — which search engines do factor in. For best results, make sure your hosted menu page itself has your business name, location, and relevant keywords in its title and description fields.

What's the difference between linking to my menu and embedding it?

A link sends visitors to a separate URL (your hosted menu page). An embed displays the menu inside an iframe on one of your existing pages, so the visitor never technically leaves your site. Linking is simpler and more reliable across devices. Embedding can look more integrated but requires more testing, especially on mobile.

My website is on Squarespace / Wix / WordPress — does this still work?

Yes. All three platforms support adding external links to navigation menus and homepage buttons (Methods 1 and 2), which work on every platform without any restrictions. Iframe embeds (Method 3) work on WordPress easily; Squarespace and Wix support them on most plans but may have limitations on lower tiers. The subdomain redirect (Method 4) is platform-agnostic — it happens at the DNS level before your website builder is even involved.

How do I update my menu without breaking the link?

That's one of the core advantages of a hosted menu: you update the content on MenuHoster, and the link stays the same. Your website, QR codes, Google profile, and social bios all continue pointing to the same URL — they just automatically show the updated menu. No reprinting, no editing your website, no broken links.

Ready to get your menu online and connected? MenuHoster makes it easy to build a clean, professional menu page in minutes — then link it anywhere your customers are looking. See our plans and get started free, and have your menu live and linked before the end of the day.