Reskyt Play

Reskyt Play adds a full-screen vertical video feed to the app. Each video, or play, can show products with their price and cart button, or a text with buttons that lead to any page of the store.

Plays are created and published from the backoffice, and the feed opens from the app menu or from the store itself.

Activation

The Reskyt Play module is activated by Reskyt. Since it adds the native player to the app, the first activation requires rebuilding the app and publishing a new version on the App Store and Google Play. From that version on, plays, their order and the feed theme reach the app when they are published from the backoffice, with no new store versions needed.

Where to configure it

In the backoffice, under Diseño → Reskyt Play. The section appears when the app has the module enabled.

Create a play

Click Nuevo play and fill in the video details.

Field	Description
Video	Vertical MP4, up to 200 MB and 90 seconds.
Title	Name of the play.
Zones	Zones where it is shown. If left empty, all of them.
Video framing	Usar el valor del tema (use the theme value), Llenar la pantalla (fill the screen, crops the edges) or Mostrar el vídeo entero (show the whole video, with bars).

Saving starts encoding the video, which prepares it to play on any connection. The status moves from Sin vídeo (no video) to Codificando (encoding) and then to Listo (ready). If the video is not valid, for example because it is longer than 90 seconds, or if encoding is interrupted, the play is left in Error with the reason. In that case, upload the video again.

Under Qué muestra el vídeo (what the video shows) you choose between products or text and buttons. The app shows only the chosen option, and saving discards the content of the other one. The form preview shows the result with the saved theme.

Products

Each product is shown as a card over the video. With several products, the cards form a horizontal carousel with position indicators. Up to 10 products are allowed per play, ordered with the arrows.

Field	Description
Image	Card thumbnail.
Name and Price	Per zone and language. The price is written exactly as it should read, with the currency, for example €27.99.
On product tap	Destination when the card is tapped. Without a destination, it does the same as the cart button.
Show a cart button	Adds a cart icon to the card, with its own destination.
SKU	Identifies the product in the catalog. It is neither shown nor translated.

A card without a name, price or image is not saved. If the product bar is disabled in the theme, the form warns about it: products will not be visible and the video will show only the title.

Text and buttons

A text over the video, per zone and language (if left empty, the title is used), and up to 4 buttons. Each button has a text, a destination and an optional icon. The button type (Producto, Carrito or Personalizada) only groups clicks in analytics. The first button uses the primary style and the rest the secondary one, so they should be ordered by importance.

Destinations

Cards, cart buttons and buttons support three kinds of destination.

Destination	Behavior
URL	Opens an address, such as the product page or a link that adds to the cart. The feed closes.
Client variable	Runs an app variable. The feed stays open.
Page event	Fires an event that the store’s JavaScript listens to.

Order and publish

In the list, plays are dragged to change their order in the feed. Each play is published or unpublished per environment, and the app only receives plays published in that environment and with Listo status. Publishing is manual and cannot be scheduled. Feed publicado (published feed) shows what the app currently sees in each environment.

The contracted plan limits how many plays can be published at the same time in each environment. When the limit is reached, unpublish one before publishing another. Deleting a play also deletes its video.

The list includes an engagement strip for the last few days with feed opens, views, videos watched to the end, button clicks and time to first frame. It requires the app’s analytics to be configured.

Feed theme

Tema del feed (feed theme) defines the common look of every play in the app and is published per environment, like the plays. Guardar (save) keeps the changes without sending them to the app, and Publicar en (publish to) the environment saves and publishes them at once.

Group	What it sets
Product bar	Product cards: background, corner radius, thumbnail, color and size of the name and price, and cart button icons. Enabled by default.
Plays without a product	Text position, alignment and style, and button layout and style.
Video	Default framing, background and margins.
Controls	Mute button, play counter and close button.
Brand	Typography.

Caution

Keep the close button enabled. Without it, the only way out of the feed is the system gesture, and iOS has no back gesture.

The theme preview is a phone mockup: it does not play the video or load the real typography.

Sound

Videos play with sound if the phone is not on silent, and start muted when it is. Tapping the video turns sound on or off, and raising the volume with the phone buttons also turns it on. While the video is muted, the mute button appears next to the close button and disappears once sound is turned on, unless Mostrar siempre el botón de silencio (always show the mute button) is checked. The user’s choice is kept when switching videos and when reopening the feed.

Open the feed in the app

From the menu, with an item whose action is Reskyt Play.

From the store’s HTML, with ReskytLayout.drops.open(), or with ReskytLayout.drops.open('<play id>') to start on a specific play. The feed only exists in the installed app. ReskytLayout.drops.isAvailable() returns a promise that tells whether the player is available, so the entry point can be hidden where it is not, for example in the browser.