Vista previa rápida

Bienvenido a Communication Center Visual Designer, tu herramienta ideal para crear notificaciones visualmente sorprendentes y atractivas. ! Nuestro editor visual intuitivo te permite modificar las notificaciones según tus necesidades exactas, con la libertad de añadir nuevas imágenes, editar las acciones de los botones y mucho más a través de nuestro panel de diseño. En este artículo, te presentaremos la estructura de nuestro Diseñador visual, que proporciona todo lo que necesitas saber para crear notificaciones llamativas que se alineen perfectamente con el mensaje de tu organización.

Cuando estés listo para enviarlo, ve al paso  3 en el artículo Crear una notificación para obtener más información.

Más información

Las notificaciones se componen de objetos. Los objetos incluyen : cuadros de texto, imágenes, formas y botones. Para editar un objeto, puedes hacer clic en la notificación o desde la lista de objetos del panel de diseño. Por ahora, revisemos el contenido del panel :

Panel de diseño

Sección de objetos

La sección de objeto es donde añadirás y administrarás las imágenes, botones, formas y cuadros de texto que has añadido a la notificación.

Haz clic en Añadir nuevo para añadir un nuevo objeto.

Arrastra y suelta el objeto en la notificación.

Pasa el cursor sobre un objeto para duplicarlo o eliminarlo.

Puedes cambiar el nombre de los objetos para encontrarlos rápidamente a medida que los creas. El nombre del objeto no tiene ningún efecto sobre el contenido del diseño (lo que significa que cambiar el nombre del botón en el panel Objetos no cambiará el texto del botón en el diseño).

Sección de acciones

Si has seleccionado un botón, aparecerá una sección de acción. Aquí puedes elegir la acción que se producirá cuando el destinatario haga clic en el botón. Las acciones posibles son :

• Ninguno (eventos rastreados) : esto cerrará la notificación, pero se realizará seguimiento de las interacciones para su análisis.
• Ninguno (cerrar) : esto cerrará la notificación y no se hará ningún seguimiento.
• Enlace : añade un hipervínculo a los destinatarios de redirección.
• Menú abierto : abre Workstation en la página que se abrió por última vez.
• Avisarme próximamente : cierra la notificación y la pone en espera hasta que el destinatario abra el menú de Workstation.
• Recordarme el día siguiente : cerrará la notificación y la retendrá hasta que el destinatario abra Workstation el día siguiente.
• Leer el recurso : abre un recurso específico de WalkMe desde la página de recursos de Workstation.
• Leer la estación : redirigir a una estación.
• Lee Smart Walk-Thru : inicia un Smart Walk-Thru.

Estilos

La sección de estilo te permite personalizar cada objeto, y las opciones cambian dependiendo del objeto seleccionado :

Dar estilo a los objetos de imagen

Hay algunos efectos de estilo que puedes aplicar a las imágenes, que incluyen :

• Cambiar la imagen haciendo clic en el lápiz en la esquina de la vista previa de la imagen.
• Añadir un radio de esquina para redondear los bordes.
• Añadir un borde y cambiar el color del borde.

Dar estilo a los objetos de texto.

Selecciona un cuadro de texto y cambia el estilo, el tamaño y el color de la fuente. También puedes aplicar el formato básico del texto, como cursiva, negrita, subrayado y alineación del texto dentro del cuadro de texto.

Al activar el botón Establecer formato predeterminado, cualquier nuevo componente de texto seguirá los mismos parámetros.

Hiperenlace en el cuadro de texto

Si tienes un hipervínculo en tu objeto de texto, puedes decidir qué ventana quieres abrir el enlace.

Haz clic en el hipervínculo y haz clic en el icono del lápiz para editar el hipervínculo, o haz clic en el icono del hipervínculo dentro del panel del objeto de estilo.

Selecciona en la lista desplegable Abrir en :

Estilizar el botón X.

Si deseas que el botón X esté en la esquina de la notificación, activa la tecla Mostrar la tecla Cerrar.

Luego, puedes modelarlo como desees :

• Ajusta el tamaño del icono.
• Añade un radio de botón para redondear las esquinas y llenarlo con un color.
• Añadir un borde y cambiar el color del borde.

Diseño

La sección de diseño te permite cambiar el tamaño y el diseño del objeto seleccionado. También puedes hacerlo directamente en el diseño arrastrando bordes o esquinas. Sin embargo, puedes especificar las dimensiones exactas en la sección de diseño.

Activa la tecla Posición personalizada.

Organizar y redimensionar

Cambia el tamaño del canvas arrastrando las esquinas o yendo a Diseño de página e introduce las dimensiones en píxeles (px) o como porcentaje (%) del ancho y alto de la pantalla.

Anclaje

• Arrastra y suelta un objeto en las líneas rosas resaltadas para anclar un objeto a una de las esquinas o líneas centrales de la notificación.
• Una vez que lo hayas anclado, el objeto permanecerá en su posición relativa después de cambiar el tamaño del lienzo.
  • Puedes utilizarlo para alinear los elementos con las líneas centrales o para que el botón de acción permanezca siempre en la misma posición para varias notificaciones de diferentes dimensiones.

Subir una imagen

Añade una imagen, selecciona una de las opciones predeterminadas o carga la tuya.