> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.blab.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Widgets: Restaurant Menu

# Widget Categories: Business

Build an entirely new menu, or upload your menu from a CSV. Hungry customers will appreciate being able to quickly and easily find what they are looking for.

For information on adding widgets, see [Add Widgets](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_45d573b76d).

**Tip**

Fore more information on widgets and the widgets library, see [Widgets: Library and Overview](https://intercom.help/book-like-a-boss/en/articles/10353857-widgets-library-and-overview).

# Content Editor

To access the content editor, right click the widget and select **Edit Content**. Or, if you are in flex mode or Editor 2.0, the option to access the content editor is available in the floating menu.

Choose how to build your menu:

* To import your menu from online source, click **Online**. This option will soon be deprecated.
* To build your own menu, click **Build Your Own**. For more information, see the section in this article, [Build Your Own Menu](#h_787749c08c).
* To upload a menu, click **Upload CSV**. For more information, see the section in this article, [Upload a CSV](#h_8aa5171085).

### Mobile Category Display Options

When on the mobile editing view, the following options will appear for viewing the menu on a mobile device:

* **Show all categories opened**. All categories will be expanded. Site visitors will still have the option to close categories. To enable this option, the other two options need to be disabled.
* **Show only the first category opened**. All other categories in the widget will be closed. To enable this option, *Show all categories opened* needs to be disabled.
* **Show one open category at a time.** Only one category will be expanded at a time. To enable this option, *Show all categories opened* needs to be disabled.

If the options **Show all categories opened** and **Show only the first category opened** are both toggled off all categories will be closed.

### Build Your Own Menu

To build your own menu in the widget:

1. At the top of the content editor, click **Build Your Own**.
2. You can organize your menu by creating categories and items. To add a category, click **Add category** and give your category a name.
3. To add an item, click **Add item** under the category you want the item to be placed in.

* To add an image to the item, click **+Image**.
* Type a **Name**, **Description**, and **Price** for the item. Use the Rich Text Editor to add color, emphasis (bold, italics and underline), and bullets to text in the description box.
4. To add images to an item, click the **Show images** toggle.
5. Select a currency from the **Choose currency** drop-down.
6. Type a menu **Title**. To hide the title, click the **eye icon**.

### Upload a CSV

To import a menu using a CSV:

1. At the top of the content editor, click **Upload CSV**.
2. Click **Upload CSV**, and select the CSV from your computer.
3. Type a menu **Title**. To hide the title, click the **eye icon**.
4. To edit your menu, click **Edit menu**. This allows you to edit the menu on the restaurant menu widget.

The menu must be in CSV format in the document.

### CSV Format

Comma-delimited or tab delimited lines:

`<Category> , <Item> , <Description> , <Price>`

For example:

Desserts, French Cupcake, Cupcake with cream, 15.

# Design Editor

To access the design editor, right-click the element, and click **Edit Design**. Or if you are in flex mode or Editor 2.0, select **Edit Design** from the floating menu to open the design panel.

**Categories**

Edit the categories dividers and text styles from this editor. Change the height and divider style for each category by using the slider bars. Make edits to the text style by changing the font, font format, font size, and alignment.

**Items**

Edit the items dividers and text styles from this editor. Change the height and divider style for each item by using the slider bars. Make edits to the text style by changing the font, font format, font size, and alignment.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see [Widget Design](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_bd5957206f).