Add a Restaurant or Bar Menu to Your Website

Add a Restaurant or Bar Menu to Your Website

If you want to add a menu to your website, you have a few different options. You can:

  • Create a dedicated "Menu" page using the platform tools.

  • Upload a PDF menu.

  • Embed a third-party menu widget.


Option 1: Create a Standalone "Menu" Page

Creating a menu on a dedicated page is great for SEO and can help drive more organic traffic to your website.

  1. Select the Pages tab at the top of the Websites app.

  2. Click the + Add A Page button.

  3. Check the box next to the Menu page type. Click Add.

  4. A new page titled "Menu" will appear. Click on it to open it.

  5. The Menu page comes with a pre-built Menu items content block. Click Add a Menu Item to begin adding your food or drink items.

You can edit each menu item to include its name, description, price, and an image.

To create separate menu categories (e.g., "Lunch," "Dinner," "Drinks"), add a new Menu items content block for each category.

Option 2: Upload a PDF Menu

Uploading a PDF menu gives you more control over the design, as you can create it outside the Websites 360® platform. This option is also beneficial if you use QR codes, as it allows mobile users to easily scroll and zoom in on your menu.

You can add a PDF to your website by taking the following steps:

  1. Upload the PDF to your Resource Collection.
  2. Copy the link to the PDF.
  3. Link the PDF on a button or text link.

Note: If you use a third-party accessibility widget, it may not cover any PDFs you upload. You may need to take extra steps to ensure your PDFs are ADA compliant.


Option 3: Embed a Third-Party Menu Widget

If you use an external platform to build your menu, you can embed it on your website using an HTML block.

  1. Build your menu on the third-party platform and copy its embed code.

  2. In the Pages panel in Websites 360®, open the page where you want to add the menu.

  3. Click the (+) icon and select HTML to create an HTML block.

  4. Paste the embed code in the first empty line in the block (next to the number 1), then click Save.

Note: For security reasons, the HTML block does not support JavaScript. If your embed code contains JavaScript, you may need to use a "Restricted Code" block. Contact support for more information.