The Restaurant Menu widget lets you share your menu with your site visitors. Include images, descriptions, and pricing for your dishes to appeal to your visitors' stomachs. 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.
To add the widget:
- In the left panel, click Widgets.
- Click and drag the Restaurant Menu widget into your site.
To learn more about adding widgets to your site, see Add Widgets.
Content Editor
To access the content editor, right-click the widget, and click Edit Content.
Choose how to build your menu:
- To import your menu from online source, click Online. For more information, see Build a Menu from an Online Source.
- To build your own menu, click Build Your Own. For more information, see Build Your Own Menu.
- To upload a menu, click Upload CSV. For more information, see Upload a CSV.
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 a Menu from an Online Source
To build a menu from an online source:
- At the top of the content editor, click Online.
- Search for your business information using the search bar to find your business. Type the business site URL or phone number.
- Select your business from the search results.
- To edit your menu, click Edit menu. This allows you to edit the menu on the restaurant menu widget. For more information, see Build Your Own Menu.
- Type a menu Title. To hide the title, click the eye () icon.
Build Your Own Menu
To build your own menu in the widget:
- At the top of the content editor, click Build Your Own.
- You can organize your menu by creating categories and items. To add a category, click Add category and give your category a name.
- 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.
- To add images to an item, click the Show images toggle.
- Select a currency from the Choose currency drop-down.
- Type a menu Title. To hide the title, click the eye () icon.
Upload a CSV
To import a menu using a CSV:
- At the top of the content editor, click Upload CSV.
- Click Upload CSV, and select the CSV from your computer.
- Type a menu Title. To hide the title, click the eye () icon.
- 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 widget, and click Edit Design. Change the menu layout, number of columns, text, items, background, menu title, and spacing.
For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.
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.