Crear tarjetas para mostrar los datos de los registros

Las tarjetas son contenedores de contenido en registros que incluyen datos o acciones específicas del registro en el que están. Al editar una vista de registro, puedes crear tarjetas personalizadas para mostrar información en la barra lateral izquierda, la columna central, la barra lateral derecha y la barra lateral de vista previa de los registros.

Este artículo describe cómo crear tarjetas para usar en tus registros, incluida la selección de los datos que muestran. Para obtener más información sobre cómo personalizar el diseño y las tarjetas incluidas en los registros, consulta este artículo. Para entender cómo aparecerán las tarjetas cuando se agregan a los registros, aprende a ver y usar tarjetas en este artículo.

Crear tarjetas

Los usuarios deben tener permisos de Personalizar diseño de página de registro o Superadministrador para crear tarjetas y personalizar un registro. Si tienes asistencia técnica para desarrolladores, también puedes crear tarjetas de aplicación personalizadas con extensiones de IU (BETA).

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega a Objetos y luego selecciona el objeto para el que deseas crear una tarjeta.
3. Para agregar tarjetas a un registro, haz clic en la pestaña Personalización de registros. Para agregar tarjetas a una vista previa de registro, haz clic en la pestaña Personalización de vista previa.
4. Haz clic en el nombre de la vista predeterminada o en una vista de equipo. Puedes crear una tarjeta en cualquier vista y estará disponible para usarse en otras vistas.
5. Pasa el ratón por la columna y la fila deseadas y haz clic en el add icono de agregar
6. Haz clic en Crear tarjeta en la que quieras. Más información sobre qué tarjetas están disponibles en cada columna y cómo aparecerán en un registro.
   
   

   

7. Introduce un título y un nombre interno para la tarjeta. El título de la tarjeta se muestra en el registro, mientras que el nombre interno solo es visible al personalizar el registro.
8. Según el tipo de tarjeta, configura los siguientes datos:
   
   • Actividades: selecciona las actividades a incluir y el período de tiempo para el que mostrar las actividades aplicables. Elige si la información de la tarjeta debe mostrarse como Vista previa o Condensada. 
   • Total de actividades: selecciona la dirección de las actividades para incluir en el total, ya sea Inbound (del contacto asociado) o Outbound (al contacto asociado).
   • Lista de etiquetas de asociación: selecciona el objeto asociado para mostrarlo en la tarjeta (por ejemplo, si seleccionas Contactos se mostrarán los contactos asociados al registro), y luego selecciona las etiquetas para mostrarlas en la lista.
   • Lista de propiedades de asociación: selecciona el objeto para el que deseas mostrar asociaciones. Selecciona hasta 24 propiedades para mostrar para los registros asociados, luego configura filtros o selecciona etiquetas de asociaciones para decidir qué asociaciones se mostrarán. Selecciona una propiedad por la cual ordenar las asociaciones y selecciona el orden de clasificación, ya sea ascendente o descendente.
   • Tabla de asociaciones: selecciona el objeto asociado para mostrarlo en la tarjeta (por ejemplo, si seleccionas Contactos se mostrarán los contactos asociados al registro), luego selecciona las propiedades para mostrarlas como columnas en la tabla de asociaciones y selecciona los filtros rápidos que aparecerán para filtrar los registros de la tabla. Cada tarjeta de tabla asociada puede incluir hasta 12 propiedades y cinco filtros rápidos. Las propiedades obligatorias (por ejemplo, Nombre, Apellido para los contactos) y el filtro Etiqueta de asociación se incluyen de forma predeterminada y cuentan para los límites.
   • Asociaciones: para la barra lateral derecha, selecciona el objeto asociado para mostrarlo en la tarjeta y luego selecciona las propiedades para mostrarlas en la tarjeta. Para establecer cómo se ordenan los registros asociados, selecciona una propiedad por la que ordenar y selecciona la ordenación, ascendente o descendente.
   • Seguimiento de etapas de asociación: selecciona el objeto asociado para el que deseas mostrar la progresión de etapas y luego selecciona las propiedades para mostrar en la tarjeta. Para ocultar las propiedades de la tarjeta, desactiva el interruptor Las propiedades se mostrarán en la tarjeta. También puedes agregar filtros para decidir qué asociaciones aparecen en la tarjeta.
   • Resumen de empresa: para ocultar una sección, desactiva el interruptor. Para personalizar qué tickets clave se muestran, ajusta los criterios que deciden qué tickets mostrar. Para establecer cómo se ordenan los tickets, selecciona la propiedad por la que se van a ordenar y el orden. Más información sobre la creación y el uso de tarjetas de resumen.
   • Aspectos destacados de los datos: selecciona las propiedades para mostrarlas como propiedades destacadas. Puedes incluir un total de cuatro propiedades.
   • Rastreador de fechas de propiedad: selecciona las propiedades que deciden las fechas de inicio y fin del rastreador. Si es necesario, haz clic en Mostrar más propiedades en esta tarjeta para agregar propiedades que proporcionen más contexto. Selecciona un color para la barra de progreso del rastreador.
   • Historial de propiedad: selecciona la propiedad a mostrar.
   • Propiedad lista: selecciona las propiedades que se mostrarán en la lista. En las barras laterales izquierda y de vista previa, puedes incluir hasta 50 propiedades. En la columna central, puedes incluir hasta 24 propiedades.
   • Acciones rápidas: selecciona un tipo de acción. Para agregar más acciones, haz clic en + Agregar tipo de acción y, a continuación, selecciona el tipo.
   • Informe : seleccione el objeto único informe desea mostrar y, a continuación, seleccione cómo filtrar el informe en los registros. Selecciona Asociaciones para incluir datos de los registros asociados del registro que estás viendo, selecciona Asunto para incluir datos para el registro que estás viendo o selecciona Sin filtrar para incluir datos de todos los registros de ese objeto, independientemente del registro que estés viendo. Dependiendo del objeto o tipo de informe, existen limitaciones para los datos que puedes mostrar.
   • Rastreador de etapas: selecciona las propiedades para mostrar en la tarjeta. Estas propiedades se muestran de forma predeterminada. Para ocultar las propiedades de la tarjeta, desactiva el interruptor Las propiedades se mostrarán en la tarjeta.
   • Estadísticas: selecciona el objeto del que quieres mostrar los datos de asociación. Introduzca un nombre para la estadística, luego seleccione una propiedad y el cálculo para la propiedad. Por ejemplo, al seleccionar Empresa, Días para el cierre y Promedio, se mostrará el número promedio de días para que las empresas asociadas cierren. Haz clic en + Agregar estadística para agregar otra.

9. Para hacer que una tarjeta sea condicional, en la sección Lógica de visualización condicional, selecciona una propiedad de enumeración que determine si se debe mostrar la tarjeta y, a continuación, selecciona los valores que hacen que aparezca la tarjeta. Con la lógica de visualización condicional establecida, la tarjeta sólo aparecerá en el registro si la propiedad tiene cualquiera de los valores seleccionados (por ejemplo, mostrar la tarjeta Detalles del cliente si el valor de la Etapa del ciclo de vida del contacto es Cliente).
10. Para ver cómo aparecerá tu tarjeta en el registro, haz clic en Vista previa de la tarjeta. Selecciona un registro para previsualizar cómo aparecerían los datos en ese registro específico. Si se configura la lógica condicional, la vista previa seguirá mostrando la tarjeta aunque no se cumplan los criterios del registro seleccionado.
11. Una vez que hayas terminado, haz clic en Guardar.

Ahora puedes agregar la tarjeta a las vistas de tus registros.

Ver y usar tarjetas en los registros

Una vez agregada a una vista, aprende más sobre cómo ver y usar tarjetas personalizadas en un registro.