Add a Restaurant Menu to Your Website

Add a Restaurant Menu to Your Website

If you are looking to add a restaurant or bar menu to your website, you have a few options.

 

Create a standalone "Menu" page

You can isolate a menu to its own specific page. Creating a menu on a separate page, you can further capitalize on search engine optimization (SEO) to help drive organic traffic to your website.

  1. Select the Pages tab at the top of the Websites app.
  2. Click the + Add A Page button at the top of the page.

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

  4. A new page titled "Menu" will appear at the bottom of the page. Click on the page title to open it.
  5. The Menu page comes pre-built with a Menu items content block. Click the Add a Menu Item to begin adding items.

  6. When you add a menu item, you have the option to edit the item's name, add a description, denote the price, and add an image.

To create separate menu categories (such as "Lunch", "Dinner", "Drinks", etc.), you can create separate Menu items content blocks. To do this:

  1. Select the (+) button at the bottom of the page or in between the content blocks.

  2. Select Menu items to create another Menu items block.


 

Upload a PDF menu

You may wish to upload your menu as a PDF. By creating your menu in a PDF, you have greater control over the design of the menu, since you would create it outside of the Websites 360® platform. A PDF menu is also beneficial if you use QR codes, so that users on mobile devices can easily scroll and zoom on the menu.

Here is how you can add a PDF to your page. This is the best option if you would like a more elaborately-styled menu. You can make menu changes in a separate document that you can easily upload to your website.

Please note: if you are using a third-party accessibility widget, it does not cover any PDFs that you upload. You may need to take extra steps to ensure that your PDFs are ADA compliant.

 

Embed a third-party menu widget

If you would like to use a third-party platform to build your restaurant menu, you can embed it on a page on your website using an HTML block. You would build the menu in the third-party platform of your choice. Then, you can copy its embed code and paste it into an HTML block.

How to create an HTML block for third-party embed codes.

    • Related Articles

    • Change Browser Tab Bar Color for Safari

      Safari's newer browser version (Version 15 and later) lets website owners change the color of their website visitor's browser tab while viewing the website. You can change the color of your website visitors' browsers on Safari by adding a code ...
    • Edit Your Website's Navigation Design

      The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...
    • Add and Remove Website Users

      You have the ability to allow multiple users to manage and contribute to your website. Only Admins and Owners can designate another user as an Admin. If you need Admin access, please send these steps to an Owner or Admin on your account. Add a new ...
    • Embed a Google Calendar on Websites 360®

      You can share your Google Calendar with your website visitors by embedding an interactive calendar to your website. Visitors can click and save your public calendar events. Note: The function of the Google Calendar is dependent upon third-party code, ...
    • Add Facebook (Meta) Pixel to Websites 360®

      You can measure the success of your Facebook Ads performance by adding the Facebook Pixel (also known as the Meta Pixel) to your website. Create your Facebook pixel If you have not yet created your Facebook Pixel, then follow these steps. If you ...