Screenly is a leading digital signage platform. By connecting it with the EVRYTHNG Product Cloud you can now display personalized content on screens when people interact with tagged products. For instance, imagine changing the content of in-store screens depending on the products customers pick up. With this connector, this is now possible within minutes!
Using the Screenly dashboard, perform the following steps to prepare the screens, playlists, and assets corresponding to the products that will trigger changes on the screens.
- Add the screen(s) to the account - the Screenly dashboard will guide you through this process.
Add the screen to a group - playlists are displayed on a group basis.
Add content (images, web pages, etc.) for each EVRYTHNG tagged product to be displayed.
- Create a playlist for each EVRYTHNG tagged product. Set ‘Plays on’ to the group you have previously created. Set enabled to false. In the advanced tab, set Priority override to true.
Add the content for each product to its corresponding playlist.
OPTIONAL: Create a default playlist and add a generic asset(s) to be shown when no products have been scanned recently, such as brand logos/information. Set ‘Plays on’ to the group that you have previously created. Set enabled to true. In the advanced tab, set Priority override to false.
Next, go into your Screenly account. Use Settings > Account and at the bottom of the page you should see a 'Token' section. Create a new token and save it somewhere, you'll need it later in the project.
Log into the EVRYTHNG Developer Dashboard and start by creating a project with a corresponding application.
Next, create a product to represent the type of product the user will scan. The only additional field you need to add to the product is the customField playlistID. Set it to the Screenly playlist you want to start when the product is scanned.
Playlist IDs can be found in the browser URL when on the respective playlist's details page as the last URL segment. For example: 'https://mwc.screenlyapp.com/manage/playlists/5cdd7c24ba3f8a00157c563c'.
Then, create a new THNG that corresponds to the product.
Once the THNG is created, you’ll need to set up a redirection. Select the application you created previously. Note that the redirect URL can be set to anything it will be overridden by another rule that we will configure later.
Then, we need to redirect the scan Actions to the application that we just created: Go to the Redirector tab in the EVRYTHNG dashboard and create a new rule. You’ll need to set a name and select the application that you have previously created.
Then, select your project and navigate to the Application tab.
Select your Application, and scroll to the bottom of the page. You should see a Redirector section. Create a new rule: You will have to set a name to the rule, and a redirect URL. The redirect URL can be set as you wish, it corresponds to the Web experience a user will see when scanning the tag.
Finally, upload the Reactor-Screenly connector into your application by following the steps explained in the Github repository to deploy it.
Updated over 1 year ago