How to publish your Edible menu online: 3 simple methods

Help Center Menu Builder
1

Your Edible menu is ready, but what’s the best way to share it with your customers? Here are three simple methods to publish your Edible menu online.


1. List on your business profiles

The first and simplest option for publishing your Edible menu is to link it from any of your existing business profiles. This includes platforms like Google, Yelp, Tripadvisor, Instagram, Facebook and more.

The benefit of this is that you’re putting the menu where customers are already searching, such as on Google Maps or in search results. This gives them instant access to allergen and dietary information, allowing them to make informed dining decisions.


2. Open menu mink in a new tab

For websites where you don’t want to change the design or layout but still want easy access to your menu, adding a simple link that opens your Edible menu in a new tab is a great option.

How to add the link

  1. On your website’s menu or navigation, create a new button or link titled "Menu” or something similar.
  2. In your website builder, make sure this link is set to open in a new tab.
  3. Paste the URL of your Edible menu as the destination.

This method ensures your website visitors stay on your site while getting full access to your interactive menu in a separate window.


3. Embed the menu on your website (iFrame)

Embedding your Edible menu directly into your website gives customers instant access without leaving your page. Here’s how you can embed your menu using an iFrame.

How to embed

  1. Copy the Edible menu URL.
  2. In your website builder, add an HTML or embed block where you’d like the menu to appear.
  3. Paste the following iFrame code, replacing YOUR_MENU_LINK with your Edible menu URL:
<iframe src="YOUR_MENU_LINK" width="100%" height="500px" style="border:none;"></iframe>

Best practices for iFrame embedding

  • Responsive Width: Use width="100%" to ensure the menu fits any screen size. It’s also important to consider the sizing and padding of the container that the iFrame sits in. By adjusting the container’s properties on your website builder, you can control how the embedded menu looks on your website.
  • Height Limits: Adjust the height to avoid scrolling issues. A good starting point is height="500px", but test different sizes to find the best fit for your website.

Need help? Take advantage of our free menu setup service!

We’re here to help with adding Edible menus to your website, whether it’s for user experience or technical details. We have extensive experience working with all menu builders, including Squarespace, Wix, WordPress, Shopify, Webflow, and many more. If you’re unsure how to get started or need guidance, just reach out to us at hello@whatisedible.com, and we’ll be happy to assist.