Crear un panel de Viva Connections y agregar tarjetas

  • Artículo

El panel de Viva Connections proporciona un acceso rápido y sencillo a la información y a las tareas relacionadas con el trabajo. El contenido del panel se puede dirigir a usuarios de roles, mercados y funciones de trabajo específicos. El panel consta de tarjetas que interactúan con los espectadores con aplicaciones de Microsoft Teams existentes, aplicaciones y servicios Viva, aplicaciones de terceros, soluciones personalizadas con el marco de SharePoint Framework (SPFx), vínculos internos y vínculos externos.

Captura de pantalla que muestra un ejemplo de panel para escritorio y móvil.

En este artículo se incluyen:

Edición del panel

El panel de Viva Connections se puede editar directamente desde Microsoft Teams. Necesitará permisos de nivel de miembro o propietario para empezar.

Diagrama de cómo crear un panel de Viva Connections.

Nota:

  • Al configurar Viva Connections por primera vez, se le pedirá que elija un conjunto de tarjetas predeterminadas en función de la audiencia prevista.
  • Puede elegir las vistas móviles y de escritorio indistintamente mientras está creando.
  • Recomendaciones de imágenes para tarjetas en el panel: las tarjetas medianas deben ser de 300x150 a 400x200 con relación de aspecto 2:1 y tarjetas grandes de 300x300 a 400x400 con relación de aspecto 1:1 para evitar el estiramiento en la aplicación móvil.
  • Las direcciones URL de imagen en las propiedades de la tarjeta deben ser una dirección URL absoluta para que el vínculo funcione en la aplicación móvil.
  • Se recomienda limitar el número de tarjetas a aproximadamente 20 en el panel para obtener la mejor experiencia de visualización.
  • Los usuarios podrán personalizar su panel en Viva Connections móvil reordenando, ocultando y mostrando tarjetas. Estos cambios solo afectan a la experiencia móvil del usuario y no afectarán a su experiencia de escritorio o tableta.
  1. Vaya a la aplicación Viva Connections en Teams.
  2. A continuación, seleccione Editar en la sección del panel.
  3. Seleccione + Agregar una tarjeta.
  4. Seleccione Editar (icono de lápiz) para que cada tarjeta edite propiedades como la etiqueta, el icono, la imagen y la configuración de destino del público cuando corresponda.
  5. Seleccione Eliminar (icono de papelera) para quitar tarjetas.
  6. Obtenga una vista previa de la experiencia en todos los dispositivos para garantizar la facilidad de uso antes de publicar o volver a publicar.
  7. Publique o vuelva a publicar cuando haya terminado de compartir las ediciones con otros usuarios.

Cómo editar el panel desde SharePoint cuando tiene un sitio principal

Si su organización tiene un sitio principal de SharePoint, podrá configurar y editar el panel desde el sitio principal de SharePoint o en Microsoft Teams. Necesitará permisos de edición para el sitio principal de SharePoint.



Nota:

Las imágenes son un aspecto importante para que sus tarjetas sean ricas y atractivas. Si es administrador de SharePoint, le recomendamos que habilite una red de distribución de contenidos (CDN) para mejorar el rendimiento de la obtención de imágenes. Tenga en cuenta al almacenar imágenes que /siteassets es de forma predeterminada una fuente de CDN cuando la CDN privada está activada, mientras que /style library es la fuente predeterminada cuando la CDN pública está activada. Obtenga más información sobre las CDN.

  1. En el sitio principal de SharePoint, seleccione el engranaje Configuración en la parte superior derecha de la página.
  2. Seleccione Administrar Viva Connections.
  3. Seleccione el botón + Crear panel o Ver panel .
  4. Seleccione + Agregar una tarjeta.
  5. Seleccione el tipo de tarjeta que desea agregar desde el cuadro de herramientas de tarjetas del panel y, a continuación, use las instrucciones que se indican más adelante en este artículo para configurar cada tipo de tarjeta. Al compilar el panel, puede obtener una vista previa de su apariencia en dispositivos móviles y de escritorio para diferentes audiencias.
  6. Cuando haya terminado de agregar tarjetas y aplicar la segmentación a audiencias específicas, obtenga una vista previa de la experiencia para garantizar una experiencia de visualización ideal.
  7. Una vez que esté satisfecho con el aspecto del panel en versión preliminar, seleccione Publicar o volver a publicar en la parte superior derecha del panel para que esté disponible para su uso en el sitio principal, en Teams y en la aplicación móvil de Teams.

Tarjetas de panel disponibles

Nombre de la tarjeta Icono del cuadro de herramientas Descripción
Aprobaciones Imagen del icono de la tarjeta de aprobaciones. Use Aprobaciones para solicitudes de vacaciones, cierre la sesión de documentos y apruebe informes de gastos.
Tareas asignadas Imagen del icono de la tarjeta de tareas asignadas. Use Tareas para administrar el trabajo del equipo, asignar tareas y realizar un seguimiento de las tareas.
Diseñador de tarjetas Imagen del icono del diseñador de tarjetas. Cree sus propias tarjetas y vistas rápidas con el marco de tarjetas adaptables.
Turnos Imagen del icono de tarjeta de turnos. Muestra información sobre el turno siguiente o actual de la aplicación Turnos en Teams.
Tarjeta de la aplicación Teams Imagen del icono de la aplicación Teams. Use para abrir una aplicación o un bot personales de Teams especificados por el autor del panel.
Tarjetas de terceros Varía Use tarjetas que integren servicios de terceros.
Tarjeta de noticias Imagen del icono de la tarjeta de noticias. Promover noticias de una variedad de orígenes que desea mostrar de forma destacada, incluidas las noticias potenciadas de SharePoint.
tarjeta de Personas Imagen del icono de tarjeta de Personas. Proporcione una opción para buscar información de contacto y chatear, enviar correo electrónico o llamar directamente con otros usuarios de su organización.
Tarjeta eventos Imagen del icono de la tarjeta Eventos. Vea y únase a los próximos eventos dentro de su organización.
Viva Learning Imagen del icono de tarjeta de Viva Learning. Proporcione un vínculo a la aplicación de Viva Learning que se puede usar para mostrar a ciertas audiencias.
Temas Use Topics tarjetas para fomentar la detección de conocimientos, la interacción y el uso compartido.
Vínculo Web Imagen del icono de la tarjeta de vínculo web. Acceso a un sitio sin salir de la aplicación Viva Connections

Agregar la tarjeta Aprobaciones

La tarjeta Aprobaciones se conecta a Aprobaciones en Microsoft Teams y es una manera de simplificar todas las solicitudes y procesos con su equipo o partners. Puede crear nuevas aprobaciones, ver las enviadas a su manera y ver todas las aprobaciones anteriores en un solo lugar.

Ejemplo de una tarjeta de aprobaciones.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Aprobaciones en el cuadro de herramientas del panel.

    Agregue una tarjeta de aprobaciones.

  3. Seleccione el icono de lápiz para Editar la tarjeta. En el panel de propiedades que se abre en el lado derecho de la pantalla, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

    Agregar una tarjeta de aprobaciones en el panel.

  4. Una vez que esté satisfecho con el aspecto del panel en versión preliminar, seleccione Publicar o volver a publicar en la parte superior derecha del panel para que esté disponible para su uso en el sitio principal de SharePoint, en Teams y en la aplicación móvil de Teams.

Agregar la tarjeta Tareas asignadas

La tarjeta Tareas asignadas permite mostrar automáticamente información a los usuarios sobre sus tareas asignadas. Esta información se recupera de la aplicación Tasks en Teams.

Ejemplo de una tarjeta de tareas asignadas.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Tareas asignadas en el cuadro de herramientas del panel.

    Agregar una tarjeta de tareas en el panel.

  3. En el panel de propiedades de la derecha, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

    Elegir el tamaño de la tarjeta.

  4. Para dirigir la tarjeta a audiencias específicas (es decir, solo la audiencia que especifique verá la tarjeta en el panel), seleccione uno o varios grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Diseñe su propia tarjeta con una vista rápida

Puede elegir la opción del Diseñador de tarjetas para diseñar su propia tarjeta que incluya una vista rápida. Para diseñar sus propias tarjetas, debe estar familiarizado con las plantillas json y de tarjeta adaptable. Para más información, vea Plantillas de tarjetas adaptables.

Importante

La vista rápida tendrá que configurarse primero (consulte la sección Configuración de una vista rápida ).

Ejemplo de una tarjeta del diseñador de tarjetas.

  1. Mientras está en el modo de edición, seleccione + Agregar una tarjeta en el panel.

  2. Seleccione Diseñador de tarjetas.

    En esta captura de pantalla se muestra el icono para seleccionar para agregar una tarjeta del diseñador de tarjetas.

  3. En el panel de propiedades, seleccione las opciones de la tarjeta.

    panel de propiedades

  4. En la lista desplegable Tamaño de tarjeta, elija Mediano o Grande. Una tarjeta de tamaño mediano le permite agregar un botón, mientras que una tarjeta de gran tamaño le permite agregar dos botones.

  5. Escriba un título para la tarjeta en el cuadro de texto Título.

  6. Escriba una dirección URL en el cuadro de texto Icono. Esta dirección URL es la ubicación del icono.

  7. Seleccione un tipo de plantilla de una de las siguientes opciones en la lista desplegable Tipo de plantilla:

    • Texto: proporciona la opción de agregar solo un encabezado.
    • Texto e imagen: proporciona la opción de agregar un encabezado y una imagen.
    • Texto y descripción: proporciona la opción de agregar su propio encabezado y una descripción, pero sin una opción de imagen.

    Nota:

    Puede proporcionar texto alternativo (texto alternativo) como texto descriptivo que transmita el significado y el contexto de un elemento visual en una configuración digital, como en una aplicación o página web. Obtenga más información sobre el texto alternativo.

  8. En función del tipo de plantilla que haya elegido, escriba los valores de las propiedades. Por ejemplo, si ha elegido el tipo de plantilla Texto y descripción, tendrá que escribir valores para las propiedades Título y Descripción en sus respectivos cuadros de texto.

    Nota:

    Si quiere que se muestre una propiedad específica que permita a los usuarios escribir un valor, pero esa propiedad no se muestra, elija un tipo de plantilla diferente.

  9. Cambie Habilitar acción de tarjeta a Activado si quiere que la tarjeta vaya a un vínculo o muestre una vista rápida cuando el usuario la seleccione.

  10. Establezca el número de botones que se mostrarán en Número de botones. Para una tarjeta de tamaño medio, solo puede mostrar un botón. Para una tarjeta de gran tamaño, puede mostrar uno o dos botones.

  11. Escriba los valores de las siguientes propiedades del botón:

    • Título: título del botón.
    • Acción: el resultado al hacer clic en el botón.
    • Vínculo: la dirección URL del destino al que se dirige al usuario al hacer clic en el botón.

Configurar una vista rápida

En Diseño de vista rápida y datos, escriba el código de plantilla JSON para el diseño de vista rápida y agregue el código de los datos que desea usar. Para más información sobre plantillas y datos con algunos ejemplos, vea Plantillas de tarjetas adaptables. Puede encontrar más ejemplos en Tarjetas adaptables.

Para dirigir la tarjeta a audiencias específicas (es decir, solo las audiencias que especifique verá la tarjeta en el panel), seleccione uno o varios grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Agregar una tarjeta de la aplicación Teams

Una tarjeta de la aplicación Teams le permite crear una tarjeta para una aplicación de Teams existente.

Ejemplo de una tarjeta de aplicación de Teams.

  1. Mientras está en el modo de edición, seleccione + Agregar una tarjeta en el panel.

  2. Seleccione la aplicación Teams en el cuadro de herramientas de la web.

    En esta captura de pantalla se muestra el icono que se va a seleccionar para agregar una tarjeta de aplicación de Teams.

  3. En el panel de propiedades de la parte derecha de la página, seleccione sus opciones.

    Panel de propiedades de la aplicación Teams.

  4. Seleccione un tamaño para la tarjeta en la lista desplegable Tamaño de tarjeta.

  5. Busque la aplicación Teams que desea usar y selecciónela en la lista.

  6. Establezca las opciones de visualización de la tarjeta:

    • Escriba un título para la tarjeta en el cuadro de texto Título de la tarjeta. (Este título no cambiará el título de la página; es el título que se mostrará en la parte superior de la tarjeta).
    • Escriba una descripción para la tarjeta en el cuadro de texto Descripción de la tarjeta. Esta descripción se mostrará en un texto más grande debajo del título.

  7. Si quieres dirigir la tarjeta a audiencias específicas (es decir, solo la audiencia que especifiques verá la tarjeta en el panel), selecciona uno o varios grupos como destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Agregar una tarjeta de terceros o una aplicación de Microsoft

El panel de Viva Connections y la experiencia móvil se pueden ampliar y personalizar mediante tarjetas, que se basan en tarjetas adaptables y el SharePoint Framework (SPFx). Estas tarjetas adaptables se usan para mostrar datos, completar tareas y conectarse a aplicaciones de Teams, sitios web y aplicaciones móviles en Viva Connections. Proporcionan una solución de código bajo para incluir las aplicaciones de línea de negocio en el panel.

Para crear experiencias personalizadas en Viva Connections panel y Viva Connections aplicación móvil, los desarrolladores deben usar SPFx para crear ACE personalizadas. Para más información sobre cómo crear ACE, vea el siguiente tutorial: Crear su primera extensión de tarjeta adaptable de SharePoint. Obtenga más información sobre Viva Connections extensibilidad.

Agregar una tarjeta de terceros

Hay tres maneras de integrar aplicaciones y soluciones de terceros con el panel de Viva Connections. Hay tres maneras de integrar aplicaciones y soluciones de terceros con el panel de Viva Connections. A continuación se muestra un ejemplo de una tarjeta de terceros.

Ejemplo de una tarjeta de terceros.

Opción 1: Detectar y solicitar aplicaciones desde el cuadro de herramientas de tarjetas de Viva Connections

Las tarjetas de terceros y un punto de entrada para examinar más tarjetas en la tienda de aplicaciones se mostrarán automáticamente en el cuadro de herramientas de tarjetas. En función del nivel de permisos, es posible que deba solicitar la aplicación antes de que se pueda usar en el panel. Obtenga más información sobre la administración de aplicaciones de terceros.

Nota:

  • Los propietarios del sitio que administran el panel de Viva Connections tendrán que solicitar aplicaciones de terceros antes de que estén disponibles en el cuadro de herramientas de tarjetas.
  • Algunas aplicaciones de terceros requieren un contrato de plan de servicio con su organización.

Esta captura de pantalla es de la sección del cuadro de herramientas de tarjetas que muestra tarjetas de terceros.

  1. Mientras esté en modo de edición, seleccione + Agregar tarjeta en el panel.
  2. Verá las opciones de terceros en la sección Tarjetas sugeridas . Seleccione una de las tarjetas que se muestran o examine más tarjetas seleccionando Agregar más tarjetas.
  3. Solicite las tarjetas que desea agregar al cuadro de herramientas y las solicitudes se enviarán al catálogo de aplicaciones Administración para su aprobación.
  4. Recibirá un correo electrónico para confirmar si la solicitud se ha aprobado o denegado.
  5. Una vez aprobada la solicitud, actualice la página y verá la nueva tarjeta en el cuadro de herramientas.

Opción 2: Adquirir la aplicación desde Microsoft AppSource o la tienda de SharePoint

  • Si va a compilar un panel, puede solicitar la aplicación directamente, pero necesitará la aprobación de un administrador del catálogo de aplicaciones de nivel de inquilino para continuar con la instalación.
  • Si es administrador de un catálogo de aplicaciones de nivel de inquilino, puede implementar aplicaciones empresariales directamente. Puedes adquirir aplicaciones de desarrolladores de terceros explorando Microsoft AppSource ola tienda SharePoint (recomendado).

Obtén instrucciones paso a paso sobre cómo solicitar e implementar una aplicación y cómo agregar una aplicación a tu sitio. Para el administrador de inquilinos, obtén información sobre cómo administrar aplicaciones en el Catálogo de aplicaciones.

Opción 2: Adquirir la aplicación directamente del desarrollador de terceros

Nota:

Se requieren permisos administrativos de SharePoint para completar esta tarea.

Puede solicitar aplicaciones directamente desde el Viva Connections desarrolladores y asociados de terceros. Se requieren permisos de administrador para agregar la aplicación al catálogo de aplicaciones de nivel de inquilino.

Adición de una aplicación de Microsoft como tarjeta en el panel

Una tarjeta de aplicación de Microsoft le permite crear una tarjeta que se vincule a aplicaciones de Microsoft (por ejemplo: Turnos, Aprobaciones, Tarea, etc.). Las tarjetas de aplicaciones de Microsoft están disponibles de forma inmediata cuando Viva Connections está habilitada.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Selecciona la aplicación de Microsoft que quiera agregar desde el cuadro de herramientas web.

    Imagen de cómo encontrar una aplicación de Microsoft en la ventana del selector de tarjetas.

  3. Seleccione las opciones en el panel de propiedades de la parte derecha de la página.

  4. Al Volver a publicar, la tarjeta aparecerá en el panel.

Agregar la tarjeta Noticias

Agregue la tarjeta Noticias al panel de Viva Connections para promocionar las noticias de una variedad de fuentes que desea mostrar de forma destacada, incluidas las noticias promocionadas de SharePoint. Si eliges las publicaciones de noticias que se han potenciado, se mostrarán en la tarjeta Noticias durante el período de aumento.

Ejemplo de una tarjeta de noticias.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Noticias en el cuadro de herramientas del panel.

    Captura de pantalla del icono de la tarjeta noticias.

  3. Seleccione el lápiz de edición situado a la izquierda de la tarjeta para abrir el panel de propiedades de la tarjeta Noticias.

  4. Agregue un título y seleccione un tamaño de tarjeta.

  5. Para dirigir la tarjeta a audiencias específicas (es decir, solo las audiencias que especifique verá la tarjeta en el panel), seleccione uno o varios grupos de destino. Consulte este artículo para obtener más información sobre la segmentación de audiencia.

  6. Para un origen de noticias, seleccione una de las siguientes opciones:

    • Publicaciones promocionadas: mostrará cualquier publicación de noticias de SharePoint que se haya promocionado solo desde los sitios de noticias de la organización. La palabra "Boosted" se mostrará en la parte superior de la tarjeta.  

    • Desde este sitio: extrae noticias del sitio central de las que forma parte el sitio actual.

    • Desde todos los sitios de este centro: extrae noticias de todos los sitios del centro de SharePoint.

    • Seleccionar sitios: extrae noticias de uno o varios sitios individuales (si se selecciona, se mostrará una lista de sitios asociados al centro de SharePoint).

    • Recomendado para el usuario actual: mostrará publicaciones de noticias para el usuario actual de personas con las que trabaja el usuario; administradores de la cadena de personas con las que trabaja el usuario, asignados a la propia cadena de administración y conexiones del usuario; los 20 sitios seguidos principales del usuario; y los sitios visitados con frecuencia por el usuario.

      Captura de pantalla que muestra el panel Propiedades de la tarjeta de noticias.

Agregar la tarjeta de Personas

La tarjeta Personas Búsqueda recuperará automáticamente la información de contacto de los miembros de la organización mediante Microsoft Entra ID (anteriormente Azure Active Directory). Los usuarios pueden acceder a la tarjeta Personas Búsqueda para buscar información de contacto y pueden acceder al chat, al correo electrónico o a una llamada con el contacto directamente desde la vista de tarjeta.

Captura de pantalla que muestra la tarjeta Personas en acción buscando información de contacto.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Personas en el cuadro de herramientas del panel.

    Captura de pantalla del icono de la tarjeta de Personas.

  3. Seleccione el lápiz de edición situado a la izquierda de la tarjeta para abrir el panel de propiedades de la tarjeta Personas.

  4. En el panel de propiedades de la derecha, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

  5. Para dirigir tu tarjeta a audiencias específicas (solo las audiencias que especifiques verán la tarjeta en el panel), selecciona uno o más grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

    Captura de pantalla del panel de propiedades de la tarjeta de Personas.

Agregar la tarjeta Eventos

La tarjeta de eventos puede ayudar a los usuarios a mantenerse informados y comprometidos con los próximos eventos de su organización, como seminarios web, capacitaciones, ayuntamientos y celebraciones. Los usuarios pueden ver próximos eventos adicionales o unirse a través de los equipos a través de los vínculos de la tarjeta Eventos. La tarjeta se puede personalizar e incluso dirigirse a audiencias específicas, por lo que solo se muestran los eventos pertinentes.

La tarjeta Eventos está asociada al elemento web Eventos de SharePoint. Los propietarios y miembros del sitio tendrán que acceder a su sitio de SharePoint y usar el elemento web Eventos de SharePoint para agregar eventos a su sitio. Para obtener más información, consulte el artículo sobre el uso del elemento web Eventos.

Captura de pantalla que muestra la tarjeta Eventos mientras muestra los próximos eventos.

Nota:

No se admiten eventos periódicos, incluso si configura manualmente una periodicidad en la lista de eventos que está usando. Tendrá que crear un evento para cada repetición.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Eventos en el cuadro de herramientas del panel.

    Captura de pantalla del icono de la tarjeta Eventos.

  3. Seleccione el lápiz de edición situado a la izquierda de la tarjeta para abrir el panel de propiedades de la tarjeta de eventos.

  4. En el panel de propiedades de la derecha, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

  5. Escriba un título para la tarjeta de evento.

    Captura de pantalla del panel propiedades de la tarjeta Eventos.

  6. En Contenido, seleccione una lista Origen para los eventos: Eventos en este sitio, Este sitio, Esta colección de sitios, Seleccionar sitios o Todos los sitios. Si el sitio está conectado a un sitio central, también tendrá una opción para seleccionar Todos los sitios del centro o Seleccionar sitios del centro.

Nota:

  • Al elegir Seleccionar sitios, puede buscar el sitio que desea agregar o seleccionar uno o varios sitios de Sitios frecuentes o Sitios recientes. Puede seleccionar hasta 30 sitios.
    • La opción Seleccionar sitios no está disponible en SharePoint Server, U.S. Government GCC High and DoD y Office 365 operada por 21Vianet.
  • Si hay más de una lista de eventos en el sitio, puede seleccionar la que desee. Si no tiene una lista existente, la tarjeta Eventos crea una lista de eventos vacía automáticamente, con la configuración predeterminada de una lista calendario.
  • Si decide mostrar eventos de varios sitios y no ve todos los eventos que se muestran en la página, consulte Cómo se encuentran y muestran los eventos de varios sitios.

  1. Si la lista tiene categorías, puede seleccionar una por la que filtrar los eventos que se muestran.

  2. Seleccione un intervalo de fechas por el que filtrar los eventos en la lista desplegable Intervalo de fechas . Puede elegir Todos los próximos eventos (valor predeterminado), Esta semana, Próximas dos semanas, Este mes o Este trimestre.

    Captura de pantalla de la sección de contenido en el panel propiedades de la tarjeta Eventos.

  3. En la sección diseño, seleccione cuántos eventos se mostrarán a la vez en la lista desplegable. Se pueden mostrar hasta 30 eventos en una tarjeta de evento.

    Captura de pantalla de la sección diseño en el panel propiedades de la tarjeta Eventos.

  4. Para dirigir la tarjeta a audiencias específicas (solo las audiencias que especifique verá la tarjeta en el panel), habilite la segmentación de audiencia. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

    Captura de pantalla de la sección de destinatarios de audiencia en el panel propiedades de la tarjeta Eventos.

  5. Cuando haya terminado con la selección, puede cerrar el panel. La configuración se guardará automáticamente.

Agregar una tarjeta de Turnos

La tarjeta de Turnos muestra información de los usuarios sobre su turno siguiente o actual de la aplicación Turnos de Teams. También pueden registrar la hora de entrada y salida y realizar un seguimiento de la hora de descanso cuando el reloj de hora está habilitado en Teams.

Ejemplo de una tarjeta de turnos.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Mayúss en el cuadro de herramientas del panel.

    Añadiendo una tarjeta de la aplicación Turnos

  3. En el panel de propiedades de la derecha, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

  4. Para dirigir tu tarjeta a audiencias específicas (solo las audiencias que especifiques verán la tarjeta en el panel), selecciona uno o más grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Agregar una tarjeta de Viva Learning

La tarjeta de Viva Learning proporciona a los usuarios vínculos rápidos a los entrenamientos recomendados y se puede establecer para dirigirse a entrenamientos específicos para determinadas personas. Los usuarios pueden acceder fácilmente a sus entrenamientos necesarios seleccionando el vínculo Viva Learning.

El contenido de las tarjetas es dinámico y cambia según la configuración de Viva Learning. A continuación se muestran tres ejemplos de estados de tarjeta de Viva Learning que muestran información diferente en función del visor y la configuración de Viva Learning.

Ejemplo de la tarjeta de Viva Learning que muestra oportunidades de aprendizaje generales.Ejemplo de la tarjeta de Viva Learning que notifica al usuario un entrenamiento necesario debido.Ejemplo de la tarjeta de Viva Learning que notifica al usuario los próximos entrenamientos necesarios.

  1. En el modo de edición, seleccione + Agregar una tarjeta desde el panel.

  2. Seleccione Viva Learning en el cuadro de herramientas del panel.

    Imagen del icono de tarjeta de Viva Learning en el cuadro de herramientas del panel.

  3. En el panel de propiedades de la derecha, elija el tamaño de la tarjeta en la lista desplegable Tamaño de tarjeta.

    Imagen del panel de propiedades Viva Learning.

  4. Para dirigir la tarjeta a audiencias específicas (es decir, solo las audiencias que especifique verá la tarjeta en el panel), seleccione uno o varios grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Agregar una tarjeta de Topics

Topics tiene dos tarjetas diferentes. La tarjeta Topics Contribute se puede usar para llegar a personas que son administradores de conocimiento conocidos y que ya están involucrados con temas y áreas de conocimiento. Topics y las áreas de conocimiento se muestran dinámicamente en la tarjeta en función de los intereses de los espectadores, los proyectos actuales y la experiencia. La tarjeta Topics Discover se puede usar para ver temas y áreas de conocimiento para las personas que podrían estar interesadas en aprender más o contribuir a un tema.

Obtenga más información sobre las dos tarjetas diferentes.

Captura de pantalla Topics tarjeta De contribución.

Agregue una tarjeta de vínculo web cuando quiera que sus usuarios vayan a un vínculo interno o externo en un sitio web.

Ejemplo de una tarjeta de vínculo web.

  1. Mientras está en el modo de edición, seleccione + Agregar una tarjeta en el panel.

  2. Seleccione Vínculo web en el cuadro de herramientas web.

    En esta captura de pantalla se muestra el icono que se va a seleccionar para agregar una tarjeta de vínculo web.

  3. En el panel de propiedades de la parte derecha de la página, seleccione sus opciones.

    Elegir opciones.

  4. Seleccione un tamaño para la tarjeta en la lista desplegable Tamaño de tarjeta.

  5. Escriba la dirección URL de su vínculo en el cuadro de texto Vínculo.

  6. Establezca las opciones de visualización de la tarjeta:

    • Escriba un título para la tarjeta en el cuadro de texto Título de la tarjeta. (Este título no cambiará el título de la página; es el título que se muestra en la parte superior de la tarjeta).
    • Escriba una descripción para la tarjeta en el cuadro de texto Descripción de la tarjeta. Esta descripción se muestra en texto más grande bajo el título.

  7. En Miniatura, seleccione una de las siguientes opciones:

    • Selección automática: cuando se elige esta opción, muestra automáticamente una imagen en la parte superior de su tarjeta que proviene de su página.
    • Imagen personalizada: cuando se elige esta opción habilita el botón Cambiar. Puede seleccionar este botón para elegir una imagen que desee utilizar.

  8. En Icono de tarjeta, seleccione una de las siguientes opciones que permiten mostrar el icono en el lado izquierdo del título de la tarjeta:

    • Selección automática: cuando se elige esta opción muestra automáticamente un icono integrado asociado a la página.
    • Imagen personalizada: cuando se elige esta opción habilita el botón Cambiar. Puede seleccionar este botón para elegir una imagen que desee utilizar.
    • Icono: cuando se elige esta opción se habilita el botón Cambiar. Puede seleccionar este botón para elegir entre un conjunto de iconos de acción.

  9. Para dirigir la tarjeta a audiencias específicas (es decir, solo las audiencias que especifique verá la tarjeta en el panel), seleccione uno o varios grupos de destino. Para obtener más información sobre la segmentación de público, vea Segmentación de público.

Aplicar la segmentación de audiencia a las tarjetas

La segmentación de público se puede aplicar a lo largo de la experiencia de Viva Connections, incluidas las tarjetas en el panel. La segmentación de público crea una experiencia de visualización personalizada filtrando el contenido más importante para grupos específicos. Usar la segmentación de público para:

  • Crear vistas personalizadas para distintos roles y regiones.
  • Generar tantas vistas diferentes como sea necesario para crear experiencias únicas.
  • Asegúrese de que el público previsto ve el contenido más importante.

Establecer el público objetivo de una tarjeta

  1. Si la página aún no está en modo de edición , seleccione Editar en la parte superior derecha de la página del panel.

  2. Selecciona la tarjeta a la que quieres dirigirte a una o más audiencias y selecciona el lápiz Editar tarjeta de la barra de herramientas de la izquierda.

  3. En el panel de propiedades de la derecha, en Públicos a los que dirigirse, escriba o busque los grupos de público a los que desea dirigirse.

    Nota:

    Si ha seleccionado un grupo de destinatarios que ha creado o modificado recientemente, es posible que tarde algún tiempo en ver la segmentación aplicada a ese grupo.

  4. Cuando una tarjeta está segmentada por público, verá un icono de personas en la esquina inferior izquierda de la tarjeta.

    Icono de confirmación de destinatarios de audiencia.

Vista previa del panel para ver cómo se muestra para diferentes audiencias

Después de crear o editar tarjetas en el panel, asegúrese de obtener una vista previa de la experiencia para cada audiencia y en dispositivos móviles y de escritorio. Lo que se ve en el modo de vista previa se aproxima a cómo se muestra el panel para determinadas audiencias y dispositivos. Al aplicar la segmentación de audiencia a las tarjetas, puede obtener una vista previa de la forma en que las distintas personas ven el panel en función de la audiencia o el dispositivo. En el modo de vista previa, asegúrese de lo siguiente:

  • No hay espacios físicos entre las tarjetas que puedan aparecer al obtener una vista previa de diferentes públicos y dispositivos. Si ve espacios, reorganice las tarjetas para que todo el público y los dispositivos tengan una experiencia de visualización de alta calidad.
  • Los iconos, los gráficos y las imágenes son fáciles de identificar y comprender.
  • Los botones y vínculos están activos y van a sus destinos previstos.
  • Las etiquetas y el texto de descripción son útiles, fáciles de leer y tienen sentido para el público previsto.

Para obtener una vista previa de diferentes audiencias

  1. Mientras esté en modo de edición, seleccione Vista previa en la parte superior derecha.

    Icono de segmentación de público.

  2. Abra la lista desplegable Seleccionar públicos para obtener una vista previa como. (si no hay ninguna tarjeta dirigida a la audiencia, verá una etiqueta de destino de audiencia deshabilitada).

    En esta captura de pantalla se muestra la etiqueta de grupo de destino del público.

  3. Busque y seleccione un grupo. Una vez agregado, el grupo se seleccionará de forma predeterminada. Puede volver a seleccionar el grupo en la lista desplegable Seleccionar audiencias para obtener una vista previa para anular la selección.

    Panel de destinatarios de audiencia en modo de vista previa.

    • Se mostrarán las tarjetas destinadas a un grupo específico.
    • Cuando se selecciona una o más audiencias, también se mostrarán las tarjetas que no tengan aplicada la segmentación de audiencia.
    • Si no hay audiencias dirigidas, solo se mostrarán las tarjetas que no sean dirigidas a la audiencia. Si no hay ninguna tarjeta con destinatarios de audiencia aplicada, no se mostrará ninguna.
    • Si no forma parte de una de las audiencias que ha seleccionado, solo verá las tarjetas que no están dirigidas a la audiencia. Si ninguna de las tarjetas está dirigida al público, no verá ninguna tarjeta.

Ejemplos

En el ejemplo siguiente, la versión preliminar se establece para dispositivos móviles y resalta las distintas vistas que se pueden crear desde un único panel.

Vista 1 Vista 2
Imagen de una vista creada para un público específico. Imagen de una segunda vista creada para un público específico.

Use el elemento web Panel para Viva Connections

Nota:

  • Después de editar el contenido en el panel, el nuevo contenido puede tardar varios minutos en estar disponible en el elemento web Panel.
  • Para obtener los mejores resultados, se recomienda colocar el elemento web del Panel en una sección vertical derecha.

Una vez creado y publicado un panel, puede usar el elemento web Panel para mostrarlo en el sitio de Connections. Puede agregar el elemento web a cualquier sección de la página.

Imagen del elemento web panel de Viva Connections resaltado en el sitio de Connections.

Cuando se agrega, se rellenará automáticamente con las tarjetas del panel existente en su sitio. Puede establecer el número máximo de tarjetas que desea mostrar. Obtenga información sobre cómo usar el elemento web Panel.

Cómo funcionan las direcciones URL y el inicio de sesión único

Para algunas tarjetas, usará vínculos a direcciones URL. En función de la ubicación del contenido, los vínculos a direcciones URL pueden mostrar contenido en Microsoft Teams o en otro lugar y el comportamiento de Inicio de sesión único (SSO) puede diferir. Obtenga más información sobre cómo se comportan los vínculos a las direcciones URL y el inicio de sesión único en función de la ubicación del contenido al que esté vinculando.

Nota:

Cuando no se admite el inicio de sesión único, se pedirá a los usuarios que escriban sus credenciales de inicio de sesión.

Abre la dirección URL en… En el móvil de Teams En el escritorio de Teams
Aplicación de Teams Las aplicaciones de Teams (como Turnos, Aprobaciones o Kudos) se abren en Teams y el usuario no necesita volver a autenticarse. Las aplicaciones de Teams (como Turnos, Aprobaciones o Kudos) se abren en Teams y el usuario no necesita volver a autenticarse.
Forms Forms abrir en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Forms abrir en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión.
Viva Engage Viva Engage se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
PowerApps PowerApps se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Portales de inicio/apagado Los power portals se abren en Teams, se pide al usuario que inicie sesión por primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Stream Stream se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Vínculos externos La vista web se abre en Teams y es posible que el usuario tenga que volver a autenticarse (en función del sitio). Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.

Más recursos

Guía paso a paso para configurar Viva Connections

Más información sobre cómo planear un panel