> ## 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 Display a Public Website on Digital Signage?

This guide explains how to display any public-facing website that does not require a login, such as a news site, company blog, a social media feed wall, or a public dashboard, on your digital signage screens.

## Prerequisites

Before you begin, make sure you have:

* The full URL of the public website you wish to display

<Warning>
  This app is not suitable for websites that require a login. To display content behind a login (such as Jira, Trello, or Power BI), use the matching dashboard connector instead.
</Warning>

<Tip>
  **Before configuring:** Ensure the website's content is appropriate for public display and that its layout is suitable for a digital signage format. Some websites with heavy animations or pop-ups may not display as expected.
</Tip>

***

## Step-by-Step Configuration

<Steps>
  <Step title="Create the Dashboard App in Pickcel">
    Log in to the Pickcel Console and navigate to **Apps**. Search for the **Dashboard** app and click on it. Then, click **Create App**.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_01.bUW2N-ZbZuOI.png" alt="Search for the Dashboard app and click Create App" />
    </Frame>

    * Give a name to the app instance based on the webpage you are configuring (e.g., "Flipkart").
    * Select **Public Website** from the dropdown menu. The fields required for configuring your webpage will open on the right-hand side.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_02.k5HtEXd5ZULV.png" alt="Select Public Website from the dropdown menu" />
    </Frame>
  </Step>

  <Step title="Fill in the Fields for Public Website Configuration">
    This section requires the website URL to generate a configuration token.

    * **Public Websites And Dashboards**: Enter the full URL of the public website you want to display (e.g., `https://www.yourcompany.com/blog`).

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_03.xD-zooXVMOnU.png" alt="Enter the full URL of the public website" />
    </Frame>

    Click **Generate Auth Token**. The token will be generated and automatically pasted into the **Auth Token** field on the left. This step is necessary to save the URL configuration.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_04.1POmP6KnMAPA.png" alt="Generate Auth Token to save the URL configuration" />
    </Frame>

    ### Enter Screen Selection Code (Optional)

    If you want to display only a specific part of the webpage (like a "Latest News" section), use the Pickcel Dashboard Screen Mapper Extension. Select the area you want to display, and upon confirming the selection, the code will be copied to your clipboard. Paste this code into the **Screen Selection Code** field.

    <Info>
      Check this guide for more info: [How to Use the Dashboard Screen Mapper Chrome Extension?](/apps/dashboard-apps/screen-mapper)
    </Info>
  </Step>

  <Step title="Set Refresh Interval and Session Expiry">
    * **Refresh Interval**: This setting defines how often the webpage screenshot is updated. For a dynamic news site, **30 minutes** is a good interval. For a more static page, **60 minutes** or more is fine.
    * **Session Expiry**: This defines how often the app performs a full refresh of the webpage from the ground up. A value of **1 hour** is a good default.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_05.XWhLEsolasD7.png" alt="Set the refresh interval and session expiry" />
    </Frame>
  </Step>

  <Step title="Enable Scroll Option for the Website (Optional)">
    There are two ways to scroll through the webpage:

    * **Enable Auto Scroll**: Set a scroll duration in seconds. For example, at 20 seconds, the entire page scrolls from top to bottom over 20 seconds.
    * **Enable Auto Scroll Height**: Set a scroll height in pixels. The screen scrolls down by the defined pixel height.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_06.--O2yt8EIJOo.png" alt="Enable auto scroll options for the website" />
    </Frame>
  </Step>

  <Step title="Create and Publish">
    Once the configuration is complete, click **Create App**. The app instance will be available in the **Media** section.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_07.4ZPngF7PWqML.png" alt="Click Create App to create the app instance" />
    </Frame>

    To preview the webpage, go to **Media**, find the app instance by name, and click its thumbnail (magnifier icon). If you are happy with the result, assign it to your digital signage screens.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_08.NWIy5M03exYP.png" alt="Find the app instance in the Media section and preview it" />
    </Frame>

    <Frame caption="Preview of the Public Website">
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/public-website/public_website_09.JUUlAly-4tXe.png" alt="Public website preview on Pickcel" />
    </Frame>

    <Note>
      It may take some time for the webpage screenshot to load, depending on the complexity of the site.
    </Note>
  </Step>
</Steps>

***

## What's Next?

<Note>
  Your Public Website App is now ready. For further reading:

  * To create a multi-zone layout: Learn about [Compositions](/compositions/compositions)
  * To send it to your screens: Learn how to [Publish or Schedule Content](/schedule-and-publish/publish-overview)
</Note>