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 feature is available for multiple versions of our Website Builder tool, 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 Shop packages.

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


Version 7

Step 1 of 7

Start by logging in to your Website Builder package.


Step 2 of 7

From there, select Add Content within the top menu. Find the Menu widget and then drag and drop it wherever you want it to appear on your page.

If your menu has already been created, then it will display here. If you haven’t created your menu yet, then it will be blank.


Step 3 of 7

Select your Menu widget and then click Edit Menu.


Step 4 of 7

Click Add Section 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 5 of 7

Enter the details for your section and then click Save section.


Step 6 of 7

You can either start adding your items straight away by clicking Add Item, or click Add Sub-Section 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 7 of 7

Add in the information for your item, including the price, spice level as well as any allergy or nutrition information. Once done, click Save Item to confirm your changes.

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