How can I create and display a menu in Website Builder?


Website Builder Version 8

  • Step 1 of 4

    From the Widgets menu, drag and drop the Restaurant Menu widget into place.

  • Step 2 of 4

    You can choose to import your menu as a CSV, get one from another website, or create your own. In this tutorial we will create our own.

    You can add categories and items by clicking on the relevant buttons, and rearrange your items by dragging the cards around your list.

  • Step 3 of 4

    When you add an item, you can add an image, title, description and cost. You can select your currency in the section underneath where you add new items.

  • Step 4 of 4

    Click on the design tab to edit the look and feel of your menu, as well as how it will display on your page.


Website Builder Version 7

  • Step 1 of 6

    Start by dragging and dropping the menu widget from the Add Content section to the area of the page you want the menu to display in. When your menu is already created, then it will display here. If you're yet to create a menu, this will be blank for now.

  • Step 2 of 6

    Click on the widget and then click on the Edit Menu button.

  • Step 3 of 6

    Click on the Add Section button to add the first section of your menu. You can use these sections to break down your menu by course, or to split your menu. Maybe you have a lunch menu, and an evening menu. Don't forget, you can add individual sections to your website, rather than the entire menu.

  • Step 4 of 6

    Enter in the section details, and then click the Save Section button.

  • Step 5 of 6

    You can either start adding your items straight away, by clicking on the Add Item button, or click the Add Sub-Section button to further break down your menu. When you add a Sub-Section, you will be able to enter the same kinds of information you entered for your section.

  • Step 6 of 6

    Add in the information for your item. You can set the price, and by clicking on the Allergy and Nutrition drop down, select the spice levels, and other allergy information. Click the Save Item button to confirm the changes.

    Once you have populated your menu, return to the page where you originally placed the menu widget. You should now see your menu page.