Activar un Hero Unit
Añade un Hero Unit de pantalla completa a tu sitio para promocionar un evento de Firework próximo o en vivo con una cuenta atrás, CTA y reproductor de vídeo integrado.
Genera entusiasmo en torno a tu evento de Livestream añadiendo un Hero Unit. Es una hermosa vista de pantalla completa que destaca el vídeo de Livestream como un Story Block a la izquierda y ofrece texto interactivo y llamadas a la acción a la derecha.
Anatomía de un Hero Unit
El Hero Unit se compone de dos lados (horizontalmente en la vista web de escritorio y apilados verticalmente en dispositivos móviles):
Lado izquierdo (vista escritorio) o Arriba (vista móvil): Reproductor de vídeo de Livestream en el diseño Story Block.
Lado derecho de arriba a abajo (vista escritorio) o Abajo (vista móvil): Cuenta atrás, título, fecha y hora del evento de Livestream, y opciones para Añadir al calendario y Compartir evento.
Una vez que el evento de Livestream comienza o expira, las opciones que aparecen en el lado derecho/inferior de la pantalla se actualizan automáticamente. La cuenta atrás se elimina y «Añadir al calendario» se reemplaza por «Ver ahora».
Añadir el diseño Hero Unit
Puedes seleccionar el diseño Hero Unit para cualquier evento de Livestream o playlist que contenga un evento de Livestream.
Vídeo de Livestream individual
Paso n.°1
En el portal de negocios de Firework, haz clic en el evento de Livestream que deseas usar.
Paso n.°2
Haz clic en el icono de «código» en la parte inferior de la página.
Paso n.°3
Haz clic en Copiar código y luego pega el código en tu editor de páginas web.
Nota:
No se te pedirá seleccionar un diseño ya que el diseño Hero Unit estará incluido en el código por defecto.
Playlist
Nota:
Si bien puedes elegir el diseño «Hero Unit» en una playlist, solo el primer livestream de la playlist aparecerá en tu página web.
Paso n.°1
En el portal de negocios de Firework, ve a la playlist que deseas usar.
Paso n.°2
Haz clic en el icono de «código».
Paso n.°3
Elige el diseño «Hero Unit».
Paso n.°4
Haz clic en Copiar código y luego pega el código en tu editor de páginas web.
Personalización adicional
¿Quieres aprender a personalizar la unidad, por ejemplo hacer el fondo del Story Block transparente? Consulta cómo hacerlo aquí.