Cómo crear botones interactivos

Permita que su audiencia interactúe con su campaña al tocar solo un botón.

*Disponible para las versiones de OnSign TV App Android 4.2.0+ y Windows 9.1.1+

Antes de crear botones, debe establecer dónde estará el botón en su pantalla y cual es la función que tendrá. Para diseñar la imagen con el botón, puede usar el creador de composición.

Intentemos crear un ejemplo muy sencillo, en que hay un botón en la pantalla. Al dar clic, el usuario verá una imagen.

  1. Ingrese a su cuenta OnSign TV y cree una composición con un fondo azul y una área naranja que es donde va a estar el botón.

campaign button

  1. Después cree un nueva campaña. Nombre la campaña y cree un nuevo diseño de pantalla para que coincida con la composición que ha diseñado. Ahora tenemos el área de fondo (A) y la zona de botones (B). Cuanto más precisión haya con la composición, mejor.

interactive button layout

  1. Ahora, vamos a agregar la composición la cual creamos previamente en la línea de tiempo al área (A). Para el área (B), utilizamos una imagen .png transparente.

interactive button timeline

  1. Dé clic en "Guardar y Publicar" la campaña.
  2. En la página que cargar, seleccione  "Publicar en estos reproductores" y dé clic en interactividad.

interactive button interactivity

  1. Este es el último paso. Es necesario configurar las reglas del botón interactivo. Dé clic en "Adicionar interacción" y relleche los siguientes campos:
    • Qué: Toque la región que desea que provoque el cambio de imagen.
    • Cúal: En este caso, la región 2 será nuestro botón.
    • Acción: Remplace  el momento en que el se hace clic en el botón y se debe mostrar una nueva imagen.
    • Destino: Región 1, la imagen será exhibida en el área de la pantalla principal (A).
    • Al reproducir Cualquier medio, dado que solo tenemos un elemento en el área (B) en la línea del tiempo, cualquier medio está bien.
    • Con los medios: La imagen que se desee exhibir.
    • Duración: Por los segundos que se desee.

interactive button interactivity rules

  1. Marque la casilla de verificación y dé clic en "Guardar"

Una vez que haya dominado los botones de configuración, hay muchas otras cosas divertidas que puede hacer con la interactividad.

Lea también:

Cómo crear campañas interactivas

Cómo crear menús interactivos

Cómo crear menús interactivos expandidos

Cómo crear un rotador de imagenes