> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pickcel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to add the Digital Menu Board app from the Pickcel App Store?

> Create a digital signage menu board for a restaurant or cafe using a ready-made Digital Menu Board template, with prices, item photos, and live availability toggles.

The Digital Menu Board app turns a screen into a live price list for a restaurant, cafe, or food court. Pick one of the ready-made templates, swap in your own categories, items, and photos, and update prices or availability any time without touching the screen.

In this guide we build a breakfast menu for a fictional cafe, **Sunrise Cafe**, starting from the **Daily Bites** template.

## Prerequisites

* A [Pickcel account](https://console.pickcel.com/) with access to the **Content** module
* Item photos uploaded to the **Media** library, if you want photos next to your items

<Steps>
  <Step title="Open Apps and search for Digital Menu Board">
    In the Pickcel console, expand **Content** in the left menu and select **Apps**. Search for **Digital Menu Board** using the search field.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-01-search-app-v2.TY-T7JOqtd7O.png" alt="Pickcel Apps page with Digital Menu Board searched and the app card shown" />
    </Frame>
  </Step>

  <Step title="Create the app">
    Click the **Digital Menu Board** card. A details panel opens with a preview of the app. Click **Create App**. The app editor opens in a new browser tab.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-02-app-details-v2.YMtOX-RT5-Yt.png" alt="Digital Menu Board app details panel with the Create App button" />
    </Frame>
  </Step>

  <Step title="Select a template">
    The editor opens on **Select a Template** with a gallery of pre-built layouts for different cuisines and screen orientations. Hover a template and click **Edit** to use it. We picked **Daily Bites**, a portrait breakfast layout with sample categories and prices already filled in.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-03-template-gallery-v2.9Gr_6LZNWwY6.png" alt="Select a Template gallery showing Daily Bites, Juice Bar, Cafe Portrait, and other menu board layouts" />
    </Frame>

    <Tip>
      Need full control over layout instead of a preset design? Use [Create Your Own Design](/apps/digital-menu-board-custom-design) to build a menu from a blank canvas.
    </Tip>
  </Step>

  <Step title="Edit the menu title and categories">
    Every template loads with sample content so you can see how it looks. Replace the **Menu Title** and **Menu Subtitle** in the top-left with your own; we used **Sunrise Cafe** and **All-Day Breakfast**. Click a category name in the left rail to rename it, or use **Add category** and the trash icon to add or remove sections.

    <Note>
      The pill in the top-center (**Daily Bites** in the screenshot below) is the **App Instance Name**, separate from the on-screen **Menu Title**. It's how this app is identified later in **Media**, so rename it too if you want something more recognizable than the template's default name.
    </Note>

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-04-editor-loaded-v2.Qgcj3iJTp39q.png" alt="Digital Menu Board editor with Menu Title renamed to Sunrise Cafe and the Breakfast Menu category selected" />
    </Frame>
  </Step>

  <Step title="Assign item photos">
    Hover an item's image cell and click the folder icon to open the media picker. Search or scroll to find a photo from your **Media** library, select it, and click **Assign**.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-05-media-picker-v3.bulFRFyTWwrl.png" alt="Select a media dialog listing dish photos from the Media library" />
    </Frame>

    <Note>
      Only images already uploaded to **Media** appear here; there's no direct upload from this dialog. Go to **Content > Media** first if the photo you want isn't listed yet.
    </Note>

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-06-item-image-assigned-v3.Ce-rfq4i5ol3.png" alt="Greek Yogurt menu item row with a yogurt bowl photo assigned from the Media library" />
    </Frame>

    Hover any item row for its **Actions** icons: copy, edit, delete, and add another item below it.
  </Step>

  <Step title="Configure display settings">
    Click the settings icon next to **Preview**. Each template ships with its own font and color defaults, all of which you can override:

    * **Top Bar**: menu title and subtitle fonts, colors, and background
    * **Body**: fonts and colors for category names, item names, descriptions, and prices
    * **Item Image**, **Show Sold out items**, and **Price** toggles, plus **Currency**, **Slide Duration**, and **Category Break Type**

    You can also switch to a different template from the rail on the left without losing your categories and items. Click **Apply** when you're done.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-07-settings-v2.cWxnLGspJDNQ.png" alt="Settings panel showing the Daily Bites template's Top Bar and Body font and color defaults" />
    </Frame>
  </Step>

  <Step title="Preview the menu">
    Click **Preview** to see the board exactly as it will play on screen, including every category rotating through in turn.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-08-preview-v2.ix18_R16Azdz.png" alt="Full-screen preview of the Sunrise Cafe menu board showing a category with an item and price" />
    </Frame>
  </Step>

  <Step title="Save the app">
    Click **Save**, then confirm in the **Do you want to Save?** dialog.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-09-save-confirm-v2.AsEQlI3UB2qn.png" alt="Do you want to Save confirmation dialog over the item list" />
    </Frame>

    A success dialog confirms the app was created and offers to walk you through adding it to a composition. The app is stored in **Content > Media** under its App Instance Name, with type **App**.

    <Frame>
      <img src="https://cdn.pickcel.com/images/pickcel-docs/digital-menu-board/digital-menu-board-10-saved-v2.psh68dM9_PSw.png" alt="Menu Board created successfully dialog with a link to the Media section" />
    </Frame>
  </Step>
</Steps>

## What's Next?

<Note>
  * Add the menu to a multi-zone layout: [Compositions](/compositions/compositions)
  * Send it to your screens: [Publish or Schedule Content](/schedule-and-publish/publish-overview)
</Note>
