Pasos para crear un ShoutOut

Creación del esqueleto de ShoutOut

Sigue estos pasos para crear el esqueleto básico de ShoutOut:

1. Selecciona cualquiera de las plantillas existentes de ShoutOut en la galería de plantillas o utiliza la plantilla "Blank".
2. Utiliza el Asistente de campaña para personalizar la interfaz de usuario de ShoutOut.
   • WYSIWYG heredado: si el lienzo de un ShoutOut está configurado para que tenga una contraportada (en la configuración del elemento de Canvas), descartar el ShoutOut tocando la contraportada se tratará como un CTA de tipo MAYBE.
   • Nuevo WYSIWYG: en el nuevo WYSIWYG, la cubierta posterior ahora se denomina "superposición de pantalla". Si el lienzo de un ShoutOut está configurado para tener una superposición de pantalla (en la pestaña SUPERPOSICIÓN DE PANTALLA del objeto Canvas), descartar el ShoutOut al tocar la superposición de pantalla se tratará como una acción del tipo que elijas.

Añadir objetos de Vista web a ShoutOuts

El ShoutOut es el tipo de campaña principal en el que se utilizan elementos de visualización web. Las vistas web en ShoutOuts pueden representar encuestas web, videos u otros recursos externos en la interfaz de usuario de la aplicación anfitriona.

Arrastra el icono de Web-View del directorio OBJETOS a donde sea que desees, para que aparezca la vista web en la pantalla de la aplicación.

Al añadir o hacer clic en una vista web, la pestaña predeterminada será la pestaña FORMATO, donde puedes hacer lo siguiente:

• Introduce la URL de la vista web que deseas que aparezca en la campaña.
• Introduce una URL de descartar (la URL que, cuando se alcance, hará que la campaña se descarte o cierre automáticamente sin la necesidad de que el usuario final realice una acción adicional):

  

A continuación, haz clic en la pestaña TAMAÑO Y POSICIÓN, donde puedes configurar el orden de capas de vistas web (similar al índice z), el tamaño y las unidades, y el posicionamiento en relación con el objeto Canvas:

Los elementos de vista web admiten encuestas basadas en Google Forms y videos en streaming. Se puede proporcionar soporte para vídeo en línea utilizando un script de S3 (ponte en contacto con el equipo de WalkMe Mobile para consultar).

Añadir widgets de Carrusel a ShoutOuts

Los carruseles son widgets u objetos complejos compuestos por otros objetos simples, cada uno de los cuales se puede configurar. Los widgets de Carrusel son los más adecuados para ser utilizados en ShoutOuts, aunque también se pueden utilizar en otros lugares (por ejemplo, en Encuestas para una mejor interfaz de usuario con varias preguntas).

Arrastra el icono de Carrusel del directorio OBJETOS al lugar donde desees que aparezca el carrusel en la pantalla de la aplicación.

Solo puedes añadir un objeto de Carrusel por lienzo.

Configuración del widget principal (carrusel)

Al añadir o hacer clic en un icono de Carrusel, el objeto predeterminado será el widget principal (Carrusel) y la pestaña predeterminada será la pestaña FORMATO, donde puedes configurar los siguientes ajustes globales:

• El número de subobjetos (diapositivas) que aparecen en el carrusel;
  • El número predeterminado es tres y el número máximo es diez.
  • También puedes añadir nuevas diapositivas desde el menú del botón derecho o haciendo clic en la pestaña azul en el lado derecho del objeto:
    
    
• Si se deben mostrar o no los indicadores de diapositivas (puntos en la parte inferior de cada diapositiva que muestran en qué diapositiva se encuentra actualmente y cuántas diapositivas hay en total).
  • Estos indicadores son clicables para navegar entre las diapositivas durante el proceso de creación de contenido y para los usuarios finales de la aplicación.
  • También puedes navegar entre las diapositivas haciendo clic en las alas azules que aparecen en los lados derecho e izquierdo de una diapositiva cuando pasas el cursor sobre ella en la pantalla del dispositivo de vista previa, o simplemente haciendo clic en un objeto de diapositiva en el árbol de OBJETOS. del del del deber del
• Si se permite o no la navegación entre diapositivas utilizando una acción de deslizar el dedo en la pantalla de la aplicación:

  

A continuación, haz clic en la pestaña TAMAÑO Y POSICIÓN, donde puedes configurar el orden de capas del carrusel (similar al índice z), el tamaño y las unidades, y el posicionamiento en relación con el objeto Canvas:

Configuración de subobjetos (diapositivas)

Una vez que hayas terminado de configurar la configuración global del carrusel, haz clic en uno de los subobjetos (iconos de diapositivas) para configurar tu subobjeto individual.

Debido a que la configuración del tamaño y la posición de las diapositivas se configuran en el objeto Carrusel, solo hay una pestaña, la pestaña FORMATO, con una sección llamada Estilo de fondo de diapositivas, donde puedes configurar lo siguiente:

• Color de fondo de la diapositiva individual;
• El nivel de opacidad (visibilidad) de la diapositiva individual;
• El radio de las esquinas individuales de la diapositiva (cuanto más alto sea el radio de las esquinas, más redondeadas serán las esquinas de la diapositiva); y
• Si la diapositiva individual tiene un borde alrededor y, de ser así, el color del borde y el radio:

  

Puedes añadir cualquier otro objeto del directorio OBJETOS en una diapositiva. ¡Pruébalo!

Añadir listas a tus ShoutOuts

Los widgets de lista solo se pueden utilizar en campañas de tipo ShoutOut.

Arrastra el icono de Lista del directorio OBJETOS al lugar donde desees que aparezca la lista en la pantalla de la aplicación.

Las listas, al igual que los carruseles, son widgets u objetos complejos compuestos por otros objetos simples, cada uno de los cuales se puede configurar:

Configuración del objeto principal (Lista)

Al añadir o hacer clic en una lista, el objeto predeterminado será el objeto principal y la pestaña predeterminada será la pestaña FORMATO, donde se pueden configurar los siguientes ajustes globales:

• En la sección Estilo general del texto, establece lo siguiente:
  • Fuente de texto general global;
  • Tamaño de fuente de texto global;
  • Color de fuente de texto global;
  • Alineación global del texto; y
  • Estilo.
• En la sección Estilo de elementos de lista, establece lo siguiente:
  • Color de fondo global;
  • Opacidad (visibilidad);
  • Altura del elemento de la lista (la altura de cada rectángulo que encierra el texto de la lista; esto es importante para cuando añades elementos adicionales a la lista y deseas que sean visibles sin desplazarse); y
  • Si hay líneas divisorias entre los subobjetos.
• En la sección Icono, establece lo siguiente:
  • Decide si quieres que aparezca un icono junto a cada elemento de la lista y, de ser así, qué icono:

    

A continuación, haz clic en la pestaña FORMATO DE SECCIONES, que se aplica a las secciones que añades a tu lista. Aquí puedes configurar los siguientes ajustes globales:

• En la sección Título de la sección, establece la fuente global del texto de toda la lista, el tamaño de la fuente del texto de la sección, el color de la fuente del texto de la sección, la alineación del texto de la sección y el estilo.
• En la sección Fondo, establece el color de fondo de la sección, el nivel de opacidad (visibilidad) y la altura:

  

Finalmente, haz clic en la pestaña TAMAÑO Y POSICIÓN, donde puedes configurar el orden de capas de la lista (como unidad) (similar al índice z), el tamaño y las unidades, el posicionamiento relativo al objeto Canvas y el tamaño de los elementos de la lista:

Configuración de subobjetos (elemento de lista).

Si bien tres elementos de lista y cero secciones son el predeterminado para las listas, puedes añadir elementos y secciones adicionales a la lista con el menú del botón derecho o haciendo clic en la pestaña azul a la derecha de la lista:

Una vez que hayas terminado de configurar la configuración de la lista global, haz clic en uno de los subobjetos (iconos de elementos de lista) para configurar tus subobjetos individuales.

Solo hay una pestaña, la pestaña FORMATO, desde donde puedes configurar lo siguiente:

• En la sección Acción, establece una acción que se producirá cuando un usuario final haga clic en este subobjeto individual.
  • Consulta la sección Acciones disponibles para botones, formas, listas y superposiciones en el nuevo artículo sobre WYSIWYG.
• En la sección Fuente, configura el color de fuente del subobjeto individual.
• En la sección Fondo, configura el color de fondo y la opacidad (visibilidad) del subobjeto individual.
• En la sección Icono, decide si quieres que aparezca un icono junto a cada subobjeto y, de ser así, qué icono, su tamaño y posicionamiento:

  

Listas de incorporación