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

# Publish to OptiSigns Screens

> Display your app on digital signage screens

<Note>
  You'll need an Admin role in your workspace to publish to OptiSigns. If you're a member of an invited workspace, ask your workspace admin to grant you admin access.
</Note>

## What is OptiSigns Integration?

OptiSigns is a digital signage platform that powers screens in offices, stores, restaurants, and public spaces. With OptiDev's integration, you can build an app and display it directly on any OptiSigns-connected screen.

**Perfect for:**

* Office dashboards showing KPIs and metrics
* Retail displays with promotions and product info
* Restaurant menus that update in real-time
* Lobby directories and wayfinding
* Kiosk applications for self-service

## How to Publish

### Prerequisites

* An OptiSigns account with screens set up
* A published OptiDev app (the system will prompt you to publish if needed)

### Step-by-Step

<Steps>
  <Step title="Open the Publish Menu">
    In your project editor, click the **Published** button in the top toolbar, then select **Publish to OptiSigns** from the dropdown.

    <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/publish-dropdown.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=55cd11727f645955546f7543345959d7" alt="Publish dropdown showing Publish to OptiSigns option" style={{maxWidth: "260px"}} width="624" height="582" data-path="images/publish-to-optisigns/publish-dropdown.png" />

    <Note>
      If your app isn't published yet, you'll be prompted to publish first. Choose your visibility setting and click **Publish**. The OptiSigns flow continues automatically once deployment completes.
    </Note>
  </Step>

  <Step title="Generate API Key (first time only)">
    On first use, you'll need to generate a workspace API key. Click **Generate Key** to create your secure key.

    <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/api-key-required.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=0f4598a630282f919aef6a1d7d371148" alt="API Key Required modal with Generate Key button" style={{maxWidth: "320px"}} width="896" height="560" data-path="images/publish-to-optisigns/api-key-required.png" />

    Once generated, the key is displayed. You can copy it if needed for other integrations. Click **Continue to OptiSigns** to proceed.

    <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/api-key-generated.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=fdbe1b8d10a222adf9390a5edb205020" alt="API key generated successfully modal" style={{maxWidth: "320px"}} width="868" height="990" data-path="images/publish-to-optisigns/api-key-generated.png" />

    <Tip>
      You only need to generate this key once per workspace. Future publishes will skip this step.
    </Tip>
  </Step>

  <Step title="Select Folder">
    The OptiSigns picker opens with three steps: **Select**, **Build**, and **Assign**.

    * Choose your team from the dropdown
    * Select a folder to save your app as an asset
    * Click **Continue** to proceed

          <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/optisigns-picker.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=c68b5385020f8a26462286e3c6377d40" alt="OptiSigns picker - Select" width="3436" height="1644" data-path="images/publish-to-optisigns/optisigns-picker.png" />
  </Step>

  <Step title="Configure Your App">
    In the **Build** step, configure how your app appears in OptiSigns:

    * **Name** - Give your app a recognizable name
    * **Preview** - See how your app looks in landscape or portrait mode
    * Click **Assign to Screens** to continue, or **Save** to assign later

          <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/picker-build.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=c0f1626ba134341d655945f4d9d8cc7a" alt="OptiSigns picker - Build" width="3452" height="1656" data-path="images/publish-to-optisigns/picker-build.png" />
  </Step>

  <Step title="Assign to Screens">
    In the **Assign** step, select which screens display your app:

    * **Target** - Choose to assign to screens or screen groups
    * **Screens** - Select the specific screens
    * Click **Assign** to push your app to screens, or **Assign Later** to do this from the OptiSigns dashboard

          <img src="https://mintcdn.com/aericastinc/XGFx7JLdFHljGCKK/images/publish-to-optisigns/picker-assign.png?fit=max&auto=format&n=XGFx7JLdFHljGCKK&q=85&s=98a8641a175762f9d9437b4c6955a862" alt="OptiSigns picker - Assign" width="3434" height="1644" data-path="images/publish-to-optisigns/picker-assign.png" />
  </Step>

  <Step title="Done!">
    Your app is now saved as an asset in OptiSigns and assigned to your selected screens. The app will appear on the screens within seconds.
  </Step>
</Steps>
