Share the rates for your services or prices for the food that you serve to all of your customers from your website.
The Menu widget lets you share your rates or menus with your website visitors. You can even include images, descriptions, and pricing for your items. Build an entirely new menu, or upload your menu from a CSV.
Guide
Add the menu widget onto your responsive website.
** To learn more about adding widgets to your website, see Adding Widgets.
After the widget has been placed, the Content Editor will appear, or click on the widget if it is already placed on your site to view the Content Editor.
Choose how to build your menu. You can choose to import your menu from an online source, build your own menu, or upload a menu using a CSV file.
Build Your Own Menu
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. Enter a Name, Description and Price for the item under Item Settings. In order to add images to an item, make sure the "Show images" icon is checked. This will allow you to add, replace, or edit images in the Item Settings.
Enter a title. You can choose to hide the title by clicking the eye button on the right of the title text box.
Upload a CSV
To import a menu using a CSV, click the Upload CSV button.
You will be prompted to select a file from your computer.
In order for the CSV import to be successful, the menu must be in CSV format in the document.
CSV Format
Comma-delimited or tab delimited lines:
<Category> , <Item> , <Description> , <Price>
e.g Desserts, French Cupcake, Cupcake with cream, 15
You can edit your business hours by clicking the Edit Menu button. However, editing the menu will stop the auto sync.
To show images, make sure the "Show image" icon is selected.
Enter a title. You can choose to hide the title by clicking the eye button on the right of the title text box.
Menu Design
Make design changes to the menu widget using the Menu Design Editor. Here, you can change the menu layout, text, items, background, menu title, and spacing.
Layout
Choose from multiple different menu layouts to showcase your restaurant dishes.
Categories
Edit the 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 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.
Background
Edit the menu background. Choose a background image or a background color for your menu. Add a color overlay by selecting a color and defining the overlay opacity using the slider bar. In addition, make edits to the menu title using the text tools to change the font, font format, font size and alignment. Menu titles will only appear if they are not hidden. You have the option to hide the title in the Content Editor.
Spacing
Change the margins (outer spacing) and padding (inner spacing) using this spacing tool.
Considerations
How do I change my menu?
You can change the behavior of the menu in a few ways:
Delete that menu and build one from scratch. To create a new menu, simply click and drag the restaurant widget into the editor. In the Content Editor that pops up, select build your own menu, and build it. If you drag and drop the menu item into your editor and are unable to see this menu, simply click "Restaurant menu" in the top left.
Upload a CSV of your menu. Simply follow the previous steps outlined in step 2, and select "Upload from CSV file" instead.