Reskyt Play

Reskyt Play añade a la app un feed de vídeos verticales a pantalla completa. Cada vídeo, o play, puede mostrar productos con su precio y botón de carrito, o un texto con botones que llevan a cualquier página de la tienda.

Los plays se crean y se publican desde el backoffice, y el feed se abre desde el menú de la app o desde la propia tienda.

Activación

El módulo Reskyt Play lo activa Reskyt. Como incorpora el reproductor nativo a la app, la primera activación obliga a recompilar la app y a publicar una nueva versión en App Store y Google Play. A partir de esa versión, los plays, su orden y el tema del feed llegan a la app al publicarlos desde el backoffice, sin necesidad de nuevas versiones en las stores.

Dónde se configura

En el backoffice, en Diseño → Reskyt Play. La sección aparece cuando la app tiene el módulo activado.

Crear un play

Pulsa Nuevo play y completa los datos del vídeo.

Campo	Descripción
Vídeo	MP4 vertical, de hasta 200 MB y 90 segundos.
Título	Nombre del play.
Zonas	Zonas en las que se muestra. Si se deja vacío, en todas.
Encuadre del vídeo	Usar el valor del tema, Llenar la pantalla (recorta los bordes) o Mostrar el vídeo entero (con bandas).

Al guardar empieza la codificación del vídeo, que lo prepara para reproducirse con cualquier conexión. El estado pasa de Sin vídeo a Codificando y después a Listo. Si el vídeo no es válido, por ejemplo porque supera los 90 segundos, o si la codificación se interrumpe, el play queda en Error con el motivo. En ese caso hay que volver a subir el vídeo.

En Qué muestra el vídeo se elige entre productos o texto y botones. La app muestra solo la opción elegida, y al guardar se descarta el contenido de la otra. La vista previa del formulario refleja el resultado con el tema guardado.

Productos

Cada producto se muestra como una tarjeta sobre el vídeo. Con varios productos, las tarjetas forman un carrusel horizontal con indicadores de posición. Se admiten hasta 10 productos por play, que se ordenan con las flechas.

Campo	Descripción
Imagen	Miniatura de la tarjeta.
Nombre y Precio	Por zona e idioma. El precio se escribe tal como debe leerse, con la moneda, por ejemplo `27,99 €`.
Al tocar el producto	Destino al tocar la tarjeta. Sin destino, hace lo mismo que el botón de carrito.
Mostrar un botón de carrito	Añade un icono de carrito a la tarjeta, con su propio destino.
SKU	Identifica el producto en el catálogo. No se muestra ni se traduce.

Una tarjeta sin nombre, precio ni imagen no se guarda. Si la barra de producto está desactivada en el tema, el formulario lo avisa: los productos no se verán y el vídeo mostrará solo el título.

Texto y botones

Un texto sobre el vídeo, por zona e idioma (si se deja vacío, se usa el título), y hasta 4 botones. Cada botón tiene un texto, un destino y un icono opcional. El tipo del botón (Producto, Carrito o Personalizada) solo sirve para agrupar los clics en la analítica. El primer botón usa el estilo principal y el resto el secundario, por lo que conviene ordenarlos por importancia.

Destinos

Las tarjetas, los botones de carrito y los botones admiten tres tipos de destino.

Destino	Comportamiento
URL	Abre una dirección, como la ficha del producto o un enlace que añade al carrito. El feed se cierra.
Variable de cliente	Ejecuta una variable de la app. El feed sigue abierto.
Evento de página	Lanza un evento que escucha el JavaScript de la tienda.

Ordenar y publicar

En el listado, los plays se arrastran para cambiar su orden en el feed. Cada play se publica o despublica por entorno, y a la app solo llegan los plays publicados en ese entorno y en estado Listo. La publicación es manual, no se programa. Feed publicado muestra lo que ve la app en cada entorno en ese momento.

El plan contratado limita cuántos plays puede haber publicados a la vez en cada entorno. Al llegar al límite, hay que despublicar uno antes de publicar otro. Al borrar un play se borra también su vídeo.

El listado incluye una franja de engagement de los últimos días con aperturas del feed, visualizaciones, vídeos vistos hasta el final, clics en botones y tiempo hasta el primer fotograma. Requiere tener configurada la analítica de la app.

Tema del feed

Tema del feed define el aspecto común de todos los plays de la app y se publica por entorno, igual que los plays. Guardar conserva los cambios sin que lleguen a la app, y Publicar en el entorno los guarda y los publica a la vez.

Grupo	Qué ajusta
Barra de producto	Las tarjetas de producto: fondo, radio de las esquinas, miniatura, color y tamaño del nombre y del precio, e iconos del botón de carrito. Viene activada.
Plays sin producto	Posición, alineación y estilo del texto, y disposición y estilo de los botones.
Vídeo	Encuadre por defecto, fondo y márgenes.
Controles	Botón de silencio, contador de plays y botón de cerrar.
Marca	La tipografía.

La vista previa del tema es una maqueta de móvil: no reproduce el vídeo ni carga la tipografía real.

Sonido

Los vídeos suenan si el móvil no está en silencio, y en silencio empiezan sin sonido. Tocar el vídeo activa o quita el sonido, y subir el volumen con los botones del móvil también lo activa. Mientras el vídeo está sin sonido, el botón de silencio aparece junto al de cerrar y desaparece al activarlo, salvo que esté marcado Mostrar siempre el botón de silencio. La elección del usuario se mantiene al cambiar de vídeo y al volver a abrir el feed.

Abrir el feed en la app

Desde el menú, con un elemento cuya acción sea Reskyt Play.

Desde el HTML de la tienda, con ReskytLayout.drops.open(), o con ReskytLayout.drops.open('<id del play>') para empezar en un play concreto. El feed solo existe en la app instalada. ReskytLayout.drops.isAvailable() devuelve una promesa que indica si hay reproductor, y permite ocultar el acceso donde no lo hay, por ejemplo en el navegador.