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

This article will show you how to create and display a menu on your Website Builder website.

Although they may be typically associated with restaurants and cafés, menus are a great way of showing a list of your products and services, along with their respective prices, regardless of your industry. For example, it could easily be re-purposed by a mechanic to display the price lists for their services.

Since this process differs depending on which version of Website Builder you have, please select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Please note: This feature is only available with our Website Builder Pro and Online Store packages.

Version 9

Step 1 of 6

Start by logging in to your Website Builder package.

Step 2 of 6

Access the page you wish to update and add a new section.

Step 3 of 6

Select General in the right-hand menu, followed by Menu/Price List.

Step 4 of 6

Click the Add button for your preferred section.

Step 5 of 6

After a few moments, your new Events section will be added to the page. You will also be given a list of options in the right-hand menu. This includes the following:

  1. Layout: the default appearance of your section.
  2. Accent: the main colours used of your section.
  3. First/Second Category: the amount of items that appears in each area and the text that appears for each item. You can create more categories by selecting Add opposite the Categories header. Alternatively, you can delete each category by selecting them and clicking Delete Category on the next page.
  4. Footnote: the text that appears at the very bottom of this section.
Step 6 of 6

Once you’re happy with your changes, click Done to return to the main site navigation menu.

Version 8

Step 1 of 6

Start by logging in to your Website Builder package.

 

Step 2 of 6

From there, select Widgets in the left-hand menu.

Select Widgets

 

Step 3 of 6

Scroll down to the Business section, and then drag and drop the Restaurant Menu widget wherever you want it to appear on your page.

Insert Restaurant Menu widget

 

Step 4 of 6

A pop-up window will now appear with a list of options on how to build your menu. You can choose to either import your menu as a CSV, get one from another website, or create your own.

For this article, we will create our own. Start by clicking Add Category or Add Item to create your own categories and items. You can also rearrange your items by dragging them up or down your list.

Create new categories and items

 

Step 5 of 6

Once you’ve added an item, you can then add additional information to it such as an image, title, description and cost. Any changes you make will be automatically saved.

You can select which currency should be displayed within the Choose currency section below your list of items.

Enter additional information

 

Step 6 of 6

You can also edit the style of your menu, including the number of columns, the font size/style, image size and more, by selecting the Design tab.

Change Menu design