# Integration with ScreenCloud

### Overview

MangoApps centralizes company information, knowledge, and personnel into a single platform, fostering better connections, collaboration, and execution across the entire organization. Company posts, emergency alerts and recognition communications designed and sent through the MangoApps intranet can also be displayed on digital signage solutions like ScreenCloud. This integration ensures that employees working in facilities, warehouses, and other locations without desktop access can still receive important updates

<figure><img src="/files/IRkcRTI2cPR9iPRBicu2" alt="" width="563"><figcaption></figcaption></figure>

***

### Setup within ScreenCloud

To get started, we will first need to create a playlist containing MangoApps content within ScreenCloud.

<figure><img src="/files/MpuE3Js2Ffye2fbiNJGN" alt="" width="563"><figcaption></figcaption></figure>

**Create a Playlist**

From the left-hand navigation menu within your ScreenCloud Account, click on **Playlist**. Provide a name for your new playlist then click on **Add Content** and select **Links**.

<figure><img src="/files/Gz3Xe2K4jWNOYH4CreFd" alt="" width="563"><figcaption></figcaption></figure>

Paste the **URL** located in the **MangoApps Digital Signage Settings** into the URL field. Check the **Use as Internal Website** box beneath the URL entry field.&#x20;

<figure><img src="/files/DTY6o73Va6olRlAis55q" alt="" width="563"><figcaption></figcaption></figure>

Provide a name for the link and click **Add Link**.

***

### **Add Additional Apps and Content**

With the playlist created and your MangoApps domain content linked, you have the option to include more media items via the **Media Picker**. Add other apps from the App gallery such as news, weather, RSS, YouTube, etc., to enrich your playlist.

<figure><img src="/files/8V66Sm1mLwEmU4VJkLyA" alt="" width="563"><figcaption></figcaption></figure>

Once you have all the required/desired links and Apps added to the playlist, it will appear something like this:

<figure><img src="/files/GVAs1W8NHqkJopT94GWj" alt="" width="563"><figcaption></figcaption></figure>

If you are satisfied with your selections, click the **Publish** button in the top right hand corner of your screen.

{% hint style="info" %}
This playlist option enables you to play media files in a sequential order and for the duration of time set.

**Duration** will become important for media items occupying the same section when setting up your digital signage layout in the below steps.
{% endhint %}

***

### Customization of Hybrid Content

Digital Signage playlists that contain a mix of content from the MangoApps domain and other media integrations is referred to in this guide as **hybrid content**. ScreenCloud offers the ability to display multiple communication streams at once. In order to accommodate for this hybrid content, further setting customization is needed when creating a **Channel** in the ScreenCloud site.

To get started, navigate to the **Channels** section along the left hand navigation menu. From here, click the **New Channel** button located at the top right of your screen.

<figure><img src="/files/9Cgco9NzSQ5jy9vBxPYF" alt=""><figcaption></figcaption></figure>

Choose a layout style and add content to each section. If you wish to include different content in the same quadrant or section, make sure to set the durations for the content from the **playlist**.

<figure><img src="/files/JL9arNnKwVtWcMes9Ech" alt=""><figcaption></figcaption></figure>

ScreenCloud offers various pre-shipped layout templates as well as an option for further customization  through CSS.

To add content, select one of the numbered sections in your chosen template and click **Add Content**.&#x20;

<figure><img src="/files/ZmVWDFd3cjjjoCm4lmSJ" alt="" width="563"><figcaption></figcaption></figure>

Add the playlist or link containing the MangoApps Digital Signage to the main section of the layout and customize further as desired.

**Preview** the channel to ensure all media are rendering correctly.

Once all changes and edits are completed to your preference, save the channel by clicking on the **Publish** button in the top right of your screen.&#x20;

***

### **Add to Device**

Now that we have our channel set up with all the necessary media in a single layout, the next step is to add it to an external screen. To start, install the [ScreenCloud](https://play.google.com/store/apps/details?id=io.screencloud.player\&pli=1) <img src="/files/RdoZyZo4fgat2L0IbRDj" alt="" data-size="line"> app on the TV or mobile device to which you wish to project.&#x20;

Upon successful installation, a **6-Digit code** will be displayed on the screen. We will need this code for later.

Returning to the ScreenCloud website, navigate to **Screens** along the left-hand navigation menu and click **New Screen**.

<figure><img src="/files/EfZjb4c1pW69YLmUzx4U" alt="" width="563"><figcaption></figcaption></figure>

From the resulting menu, enter the **6-digit code** shown on the display/mobile device to pair it.

Once paired, select your **Channel** from the **Browse** option.

<figure><img src="/files/xHIT8h7MU0hk8cSPgFDc" alt="" width="563"><figcaption></figcaption></figure>

Once the channel is selected, the device will start to play it.

Congratulations! You have completed the integration.

***

### **Security Considerations**

Keep MangoApps API key and ScreenCloud 6-digit PIN confidential as they can be used to directly affect monitors being used for Digital Signage.

***

### End User Experience

Below is an example of posts/alerts/recognition communication and content from other systems visible with ScreenCloud.

<figure><img src="/files/KMDu1qaYrE0nd6o0EJYZ" alt="" width="563"><figcaption></figcaption></figure>

Users can scan the QR code displayed with MangoApps content to install the MangoApps mobile app, allowing the user to react and comment. This enables two-way communication from frontline employees back to the corporate office regarding news delivered on the digital signage.

<figure><img src="/files/GXXKhpgplFJF4IImC1rX" alt="" width="563"><figcaption></figcaption></figure>

***

### Rollout Recommendations

In preparation for rolling out digital signage to your company's locations, we recommend the following:

* Identify locations and devices for Digital Signage deployment.
* Install ScreenCloud apps on all identified devices.
* Pair all the devices with the correct Screens created in the ScreenCloud website.
* If pre-exiting Screens and Channels are present within ScreenCloud, then modify any current  templates to account for included MangoApps playlists and links.

<figure><img src="/files/WCLuSWZXc9r1eqLXvqEJ" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guides.mangoapps.com/integrations-guide/digital-signage/integration-with-screencloud.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.