Restaurant Menu

Overview

Share the food that you serve to all of your customers from your website. The Restaurant Menu widget lets you share your menu with your website visitors. Include images, descriptions, and pricing for your dishes to appeal to your visitors' stomaches. Automatically import your menu using your Locu or SinglePlatform account, 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.

Guide

Add the restaurant 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. 

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 Menu from an Online Source

Search for your business information using the search bar to find your business. Enter the business site URL or a phone number.

meun1_en-US.png

Select your business from the search results.

meun2_en-US.png

You may choose to make edits your restaurant menu in the Content Editor. This means that you can add or edit the menu on the restaurant menu widget, however it will not change the menu on Locu or SinglePlatform. Choosing to edit the menu will stop the auto sync.

meun3_en-US.png

meun4_en-US.png

Enter a title. You can choose to hide the title by clicking the eye button on the right of the title text box.

meun5_en-US.png

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.

meun6_en-US.png

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.

meun7_en-US.png

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.

Restaurant Menu Design

Make design changes to the restaurant menu widget using the Restaurant 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.

meun8_en-US.png

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.

meun9_en-US.png

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.meun10_en-US.png

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.

meun11_en-US.png

Spacing

Change the margins (outer spacing) and padding (inner spacing) using this spacing tool.

Considerations

How do I change my restaurant menu?

You can change the behavior of the restaurant menu in a few ways:

  1. If your menu's being imported from Locu or SinglePlatform, go to the platform in question and change the restaurant menu there. Doing this requires you to have a subscription with the platform in question.
  2. 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.
  3. Upload a CSV of your menu. Simply follow the previous steps outlined in step 2, and select "Upload from CSV file" instead.