Visual Designer del Centro de Comunicación
Breve descripción general
Bienvenido a nuestro diseñador visual del centro de comunicación, tu herramienta ideal para crear notificaciones visualmente impresionantes y atractivas. Nuestro editor visual intuitivo te permite editar las notificaciones según tus necesidades exactas, con la libertad de añadir nuevas imágenes, cambiar las acciones de los botones y mucho más a través de nuestro panel de diseño. En este artículo, te guiaremos a través de la anatomía de nuestro diseñador visual, proporcionándote todo lo que necesitas saber para crear notificaciones impactantes que se alineen perfectamente con el mensaje de tu organización.
Cuando estés listo para enviarlo, ve al Paso 3 del artículo Crea una notificación para obtener más información.
Descubrir Workstation
La notificación está compuesta por objetos. Los objetos incluyen: cuadros de texto, imágenes, formas y botones. Para editar un objeto, puedes hacer clic en él en la notificación o en la lista de objetos en el panel de diseño. Por ahora, revisemos en qué consiste el panel:
Panel de diseño
Sección de objetos
La sección de objetos 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 mientras creas. El nombre del objeto no tiene ningún efecto en el contenido del diseño (lo que significa que cambiar el nombre de un 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 qué acción se producirá cuando el destinatario haga clic en el botón. Las opciones de acción son:
- Ninguno (eventos rastreados): esto cerrará la notificación, pero se hará un seguimiento de la interacción para fines de análisis.
- Ninguno (cerrar): esto cerrará la notificación y no se rastreará nada.
- Enlace: añade un hipervínculo para redirigir a los destinatarios.
- Nota: las notificaciones ahora admiten hipervínculos de Workstation.
- Abrir menú: abre Workstation en la última página que tenían abierta.
- Recuérdame la próxima vez: cierra la notificación y la deja pospuesta hasta que el destinatario abra el menú de Workstation.
- Recuérdame al día siguiente: esto cerrará la notificación y la pospondrá hasta que el destinatario abra Workstation al día siguiente.
- Reproducir recurso: abre un recurso específico de WalkMe en la página de recursos en Workstation.
- Reproducir Shuttle: redirige a un Shuttle.
- Reproducir Smart Walk-Thru: iniciar un Smart Walk-Thru.
Estilo
La sección de estilo te permite configurar cada objeto y las opciones cambian dependiendo del objeto seleccionado:
Estilizar objetos de imagen
Hay algunos efectos de estilo que puedes aplicar a las imágenes, que incluyen:
- Cambia la imagen haciendo clic en el lápiz en la esquina de la vista previa de la imagen.
- Añade un radio de esquina para redondear las esquinas.
- Añade un borde y cambia el color del borde.
¡NUEVO! Workstation ahora admite la reproducción de acciones definidas en imágenes.
Configurando objetos de texto
Seleccionar un cuadro de texto te permite cambiar el estilo de fuente, el tamaño y el color. También puedes aplicar un formato básico al texto, como negrita, cursiva y subrayado, y alinear el texto dentro del cuadro.
Al activar el interruptor Establecer como formato predeterminado, todos los nuevos componentes de texto siguen la misma configuración.
Hiperenlace en el cuadro de texto
Si tienes un hipervínculo en el objeto de texto, puedes decidir en qué ventana quieres que se abra el enlace.
Haz clic en el hipervínculo y en el icono del lápiz para editar el hipervínculo, o haz clic en el icono del hipervínculo en el panel de objetos de estilo.
Selecciona desde el menú desplegable Abrir:
Abrir en modo | Comportamiento |
Nueva ventana/Esta ventana |
La notificación no cierra. Se abre en una ventana de Electron de escritorio. |
Nueva pestaña |
La notificación no cierra. Abre una nueva pestaña del navegador. |
Dando estilo al botón X
Si deseas que el botón X de cierre aparezca en la esquina de la notificación, activa el interruptor Mostrar botón de cierre.
Luego puedes estilizarlo como desees:
- Ajusta el tamaño del icono.
- Añade un radio de botón para redondear las esquinas y rellénalo con un color.
- Añade un borde y cambia el color del borde.
Diseño
La sección de diseño te permite cambiar el tamaño y el diseño. También puedes hacerlo directamente en el diseño arrastrando los bordes o las esquinas. Sin embargo, en la sección de diseño, puedes especificar las dimensiones exactas.
Activa el interruptor de posición personalizada.
Organizar y redimensionar
Redimensiona el lienzo arrastrando los bordes, o ve a Diseño e introduce las dimensiones en píxeles (px) o el 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 uno de los bordes de la notificación o las líneas centrales.
- Después de anclarlo, el objeto permanecerá en su posición relativa después de que se redimensione el lienzo.
- Puedes utilizarlo para alinear los elementos a las líneas centrales o para tener siempre el botón de acción en la misma posición para varias notificaciones de diferentes tamaños.
Cambia la resolución de pantalla de la notificación.
Puedes diseñar notificaciones para pantallas más grandes que las tuyas seleccionando el tamaño de resolución en el menú desplegable debajo del título de la notificación.
Sube una imagen
Añade una imagen, selecciona una de las opciones predeterminadas o carga la tuya.
La imagen principal es la que se muestra en la lista de notificaciones tanto en el escritorio como en el móvil de Workstation. Para que se muestre una imagen principal, debe haber una imagen de al menos 200px.
-
- Si no hay imagen dentro de la notificación, se mostrará el número de días desde que se envió.
- Si la notificación tiene más de una imagen, se muestra la imagen más grande de la notificación.