Visual Designer del Centro de Comunicación

Vista 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 a la etapa3 en el artículo Crea una notificación para obtener más información.

Más información

Tus notificaciones están hechas 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 el lugar 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 las interacciones se rastrearán 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 redireccionamiento.
• Menú abierto : abre Workstation en la página que se abrió por última vez.
• Recuérdame próximamente: cierra la notificación y deja que espere hasta que el destinatario abra el menú 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 :

• modificando la imagen haciendo clic en el ícono del 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 rellenarlo 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 dentro del diseño, arrastrando los bordes o las 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 lienzo arrastrando las esquinas o yendo a Configuración de página e introduce las dimensiones en píxeles (px) o un porcentaje (%) del ancho y alto de la pantalla.

Anclaje

• Arrastra y suelta un objeto sobre las líneas rosas resaltadas para anclar un objeto a una de las esquinas o a las 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.