Menus App - Tutorial

Menus App - Tutorial

Introduction

Do you have a cafeteria or a cafe on site? Do you use static, dated, often inaccurate menu boards? If so, you’re probably just annoying your customers. Digital signage gives your customers a contemporary eating experience while effectively communicating their needs with the kitchen and staff. The content on the menus can be updated as often as needed via a simple excel file upload.

Installing the Menus App

1. On your CommandCenterHD Dashboard click on the Apps section on your navigation bar.

2. You can search for or scroll through the Store to find the Menus App, click on the App.

3. On the next page click on the Activate button.

• Note: if you are not the Administrator for CommandCenterHD, you will see a “Request Install” which will be sent to your company’s Administrator for installation. Please contact your account manager if this App is not available to you.

4. Once the app is installed, it will display in the Apps section under My Apps in CommandCenterHD.

Adding a Menu Source

1. Open the Menus App.

2. Click on the

icon in the top right of the screen.

3. In this popup box, click on the Add New Sourcetext to add a new menu

data source.

You can also search through your existing sources and edit or delete them using this popup box.

4. Choose a Source Name that will be used to identify this menu data.

5. Choose a Source Type:

• ExcelThis option will allow you to upload an Excel file that will include your menu data. You can download our Excel template file to enter your data into and upload into this section.
• Link to Excel FileThis option will allow you to link to a cloud hosted excel file that contains your menu data.

6. Once you have added your menu’s data, click on the Add Source button and this menu data will be available for use when creating your menus within the App.

Creating a Menu

1. Inside the Menus App, click on the Create New Menu button.

 

2. Select a template as a starting point for your Menu’s design:

3. You will be presented with the menu editor, you can begin in the Options section by selecting the source for the menu’s data by clicking on the

Select Source dropdown.

You can download our excel template file that can be used to fill in your menu information.

 

4. Give the menu a Menu Name that will be used to identify this menu in CommandCenterHD.

 

5. Under Theme Options you can choose the overall menu background by uploading a Background Image and/or selecting a Background Color

6. Menu’s are created by editing each individual column.

Depending on which menu template you selected in step 2, the amount of editable menu columns will change.

7. Click on your first Column (Column 1 in this example) at the top of the menu editor.

8. Inside the column you will see the amount of display area you have ability to work with, displayed as a percentage (0% to 100%), click on the Add New Component button to add a menu component.

9. The next 5 sections will describe each of the available menu components (Image, Text, Menu, Menu Row, Menu Enhanced) that can be added into a column:

Image

1. Click on the Image option to add an image into your column.

• Images Tab - Click on the large + icon to select an image from your computer to upload into the Menus App.
• Colors Tab - Here a background color can be added for this specific image.

2. Once you have finished your adjustments, click on the added image and click on the Add Component button.

3. Back in the Column editor you will be asked to enter a percent next to your newly added image, this percent will control how much space of the column this image will take up (enter a value 0 to 100).

You will also see the overall height remaining percent update to reflect how much space you have left in the column.

Text

1. Click on the Text option to add a custom text field into your column.

• Text Fields - Here you can enter your text that you would like to display in the column.
• Images Tab - A background image can be added behind your custom text.
• Colors Tab - Here a background overlay color can be set that will appear behind your text, but on top of any image you may have added in the Images Tab, you can also adjust the font color for your text here as well.
• Options Tab - This tab will give you the options to adjust your font (size, family, alignment) and padding around the menu box.

 

2. Once you have finished your adjustments, click on the Add Component button.

3. Back in the Column editor, you will be asked to enter a percent next to your newly added text box, this percent will control how much space of the column this image will take up (enter a value 0 to 100).

You will also see the overall height remaining percent update to reflect how much space you have left in the column.

Menu

The Menu option will generate a listing style view of your selected source’s menu data

1. Click on the Menu option to to display your selected source’s menu data by adding a menu field into your column.

• Menu Items - Here you will see a listing of all of your menu items from your selected menu source file, checkmark the items you would like to include in this menu column.
• Text Fields - This tab will give you the options to adjust your font (size, family, alignment).
• Images Tab - A background image can be added behind your menu.
• Colors Tab - Here a background overlay color can be set that will appear behind your text, but on top of any image you may of added in the Images Tab, you can also adjust the font color for your text here as well.
• Options Tab - This tab will give you the options to adjust your menu’s currency, pricing and description display.

2. Once you have finished your adjustments, click on the Add Component button.

3. Back in the Column editor you will be asked to enter a percent next to your newly added menu, this percent will control how much space of the column this text will take up (enter a value 0

to 100).

You will also see the overall height remaining percent update to reflect how much space you have left in the column.

Menu Row

The Menu Row option will generate a row view of your selected source’s menu data:

1. Click on the Menu Row option to to display your selected source’s menu data by adding a menu field into your column.

• Menu Items - Here you will see a listing of all of your menu items from your selected menu source file, checkmark the items you would like to include in this menu column.
• Text Fields - This tab will give you the options to adjust your font (size, family, alignment).
• Images Tab - A background image can be added behind your menu.
• Colors Tab - Here a background overlay color can be set that will appear behind your text, but on top of any image you may of added in the Images Tab, you can also adjust the font color for your text here as well.
• Options Tab - This tab will give you the options to adjust your menu’s currency, pricing and description display.

2. Once you have finished your adjustments, click on the Add Component button.

3. Back in the Column editor you will be asked to enter a percent next to your newly added menu, this percent will control how much space of the column this text will take up (enter a value 0 to 100).

You will also see the overall height remaining percent update to reflect how much space you have left in the column.

Menu Enhanced

The Menu Enhanced option will generate a table style view of your selected source’s menu data:

1. Click on the Menu Enhanced option to to display your selected source’s menu data by adding a menu field into your column.

• Menu Items - Here you will see a listing of all of your menu items from your selected menu source file, checkmark the items you would like to include in this menu column.
• Text Fields - This tab will give you the options to adjust your font (size, family, alignment).
• Images Tab - A background image can be added behind your menu.
• Colors Tab - Here a background overlay color can be set that will appear behind your text, but on top of any image you may of added in the Images Tab, you can also adjust the font color for your text here as well.
• Options Tab - This tab will give you the options to adjust your menu’s currency, pricing and description display.

2. Once you have finished your adjustments, click on the Add Component button.3. Back in the Column editor you will be asked to enter a percent next to your newly added menu, this percent will control how much space of the column this text will take up (enter a value 0  to 100).

You will also see the overall height remaining percent update to reflect how much space you have left in the column.

Adding a Menu into a Campaign

1. In the CampaignsHD section of CommandCenterHD, click on the edit button for the campaign that you would like to display your Menu content.

2. Click the Apps button on the bottom toolbar.

3. Choose the Menu content you would like to add, and then drag and drop your asset onto

the slide.

If no content appears in this list, please first follow the steps in the above section Creating a Menu

4. The Menu content will appear on the slide. Drag the Menu content to where you would like it on the slide.You can double click on the Menu content to make it fullscreen, by check marking the fullscreen box.

5. After making your adjustments to the App, click on Apply and then Save at the bottom right of the slide editor.