Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Personalizar vistas previas de registro

Última actualización: 25 de junio de 2025

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes

Cuando se muestra una vista preliminar de un registro, aparece una barra lateral con tarjetas que muestran información sobre actividades, asociaciones, archivos adjuntos y datos de las herramientas de HubSpot. Puede personalizar la barra lateral de vista previa para cada objeto seleccionando la información que desea incluir y el orden de las fichas. De este modo, podrá ver la información más relevante de un vistazo. Si su cuenta tiene equipos configurados, también puede crear barras laterales de vista previa únicas para cada equipo.

Imagen GIF que muestra una página de índice de contactos. Se abre un panel de vista previa en la parte derecha. Se muestra el contacto Peter Burke con información como correo electrónico, número de teléfono, y se muestran los registros asociados.También hay vistas previas que muestran información de registros aparte de la barra lateral de vista previa, incluso en la aplicación móvil de HubSpot o en la bandeja de entrada de conversaciones. Aprenda a personalizar vistas previas adicionales

Personalizar barras laterales de vistas preliminares de registros

Los usuarios deben tener Super Admin o Personalizar el diseño de la columna central permisos para personalizar las barras laterales de vista previa.

Para añadir una tarjeta de la biblioteca:

  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 cuya barra lateral de vista preliminar deseas editar.
  3. Haz clic en la pestaña Personalización de vista preliminar

    La imagen muestra una fila de pestañas. La pestaña "Personalización de Vista previa" está resaltada visualmente con un contorno naranja, lo que indica que es la pestaña seleccionada actualmente. Las otras pestañas son "Configurar", "Asociaciones", "Etapa del ciclo de vida", y "Personalización del registro"

  4. Para personalizar la vista predeterminada para toda la cuenta, en la tabla, haz clic en Vista predeterminada. La vista predeterminada se muestra a todos los usuarios que no están en un equipo asignado.

    una página que muestra un botón "crear vista de equipo" y un botón "vista por defecto". ambos están resaltados en naranja

  5. Para crear o editar una vista de equipo( sóloPro y Enterprise ), haga clic en Crear vista de equipo o en el nombre de una vista existente. Solo se muestra una visualización del equipo a los usuarios asignados al equipo seleccionado.
    • En la parte superior del editor, introduce un nombre para la vista.
    • Para seleccionar los equipos que tendrán acceso a la vista, en la parte superior derecha, haz clic en Asignar equipos. En el cuadro de diálogo, selecciona las casillas de verificación de los equipos y luego haz clic en Listo.
  6. Pase el ratón por encima de las tarjetas existentes y haga clic en el icono add añadir. En el panel derecho:
    • Haga clic en la pestaña Biblioteca de tarjetas para añadir una tarjeta existente a la vista y, a continuación, seleccione Añadir tarjeta
    • Haga clic en la X de la parte superior derecha para volver al editor.

GIF que muestra a un usuario añadiendo una tarjeta de la biblioteca de tarjetas a la barra lateral de vista previa de un registro de HubSpot

Para crear y añadir una tarjeta personalizada:

  1. Vaya al editor de vista previa.
  2. Pase el ratón por encima de las tarjetas existentes y haga clic en el icono add añadir. En el panel derecho:
    • Haga clic en Crear tarjeta en la tarjeta que desee.GIF que muestra a un usuario creando una nueva tarjeta personalizada en el editor de vista previa de registros de HubSpot
    • Para ajustar una tarjeta:
      • Introduce un nombre interno y un título para la tarjeta. El nombre interno sólo es visible para los Superadministradores, pero el título de la tarjeta se muestra en la barra lateral de vista previa.
      • Según el tipo de tarjeta, rellena los datos adicionales de esta:
        • Lista de propiedades: seleccione las propiedades que desea mostrar en la lista. Puedes incluir un total de 50 propiedades. Para permitir a los usuarios añadir propiedades adicionales (es decir, personalizar su Acerca de este [registro] sección) a la tarjeta, activa el interruptor Permisos de usuario. Desactiva esta opción para que los usuarios sólo puedan ver las propiedades predeterminadas.
        • Asociaciones: selecciona el objeto asociado (por ejemplo, si seleccionas Contactos se mostrarán los contactos asociados al registro), y luego selecciona las propiedades para mostrarlas como columnas en la tabla de asociaciones.
      • Para hacer que una tarjeta sea condicional, en la sección Lógica de visualización condicional, selecciona una propiedad 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 ajustada, la tarjeta sólo aparecerá en la vista previa si la propiedad tiene alguno 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). GIF que muestra cómo ajustar la lógica de visualización condicional de una tarjeta en el editor de la barra lateral de vista previa de registros de HubSpot
      • En la sección Vista previa del panel, seleccione un registro para obtener una vista previa de cómo aparecerían los datos en ese registro concreto.
      • Para guardar y agregar la tarjeta, haz clic en Guardar.

Para editar una tarjeta:

  1. Vaya al editor de vista previa.
  2. Haga clic en el icono edit icono de edición. Actualiza los detalles de la tarjeta y haz clic en Guardar.

    ficha "Tickets" con el título "Tickets" y el subtítulo "Ficha Asociación Tickets (por defecto)". Los iconos para editar (lápiz) y eliminar (X) están a la derecha. A la izquierda hay un asa para reordenar (⋮)

  3. Al editar una tarjeta, también puede hacer lo siguiente:
    • Si edita una tarjeta predeterminada, haga clic en el icono ellipses tres puntos horizontales junto al nombre de la tarjeta y, a continuación, seleccione Restablecer tarjeta. Esto devolverá la tarjeta a su configuración original.
    • Haga clic en el icono ellipses tres puntos horizontales junto al nombre de la tarjeta y, a continuación, seleccione Clonar tarjeta. Actualice los datos de la nueva tarjeta y haga clic en Guardar.

    En el campo "Título de la tarjeta" introduzca "Contactos". A continuación, en "Nombre interno" aparece "Tarjeta de la Asociación de Contactos (por defecto)". Se abre un icono de elipses de tres puntos, resaltado con un borde naranja, que muestra las opciones de "Clonar tarjeta" y "Restablecer tarjeta". A continuación se muestra la sección "Propiedades

    • Si está editando una tarjeta personalizada, haga clic en el icono ellipses tres puntos horizontales junto al nombre de la tarjeta y, a continuación, seleccione Eliminar tarjeta. En el cuadro de diálogo, haz clic en Eliminar para confirmar. Una vez eliminada, la tarjeta se eliminará de todas las vistas y no podrás volver a agregarla al registro.

    Campo de entrada "Título de la tarjeta" con "Acerca de este contacto" introducido.  Se abre un icono de elipses de tres puntos, resaltado con un borde naranja, que muestra las opciones de "Clonar tarjeta" y "Eliminar tarjeta".

    • Para reorganizar las tarjetas, haz clic en una tarjeta y arrástrala hasta la posición que quieras.
    • Para eliminar una tarjeta de la vista, haga clic en el icono remove quitar. Una vez eliminada, puede volver a añadir la tarjeta desde el panel derecho Añadir tarjeta .
  4. Haga clic en Guardar en la parte superior derecha para guardar su progreso en cualquier momento, o haga clic en Guardar y salir para guardar sus cambios y salir del editor.

Nota: puede añadir hasta 50 tarjetas en la vista previa del registro.

Gestionar las vistas preliminares de la barra lateral

Una vez configuradas las vistas preliminares de la barra lateral, puedes editarlas, clonarlas, restablecerlas o eliminarlas.

  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 cuyas barras laterales de vista preliminar deseas gestionar.
  3. Haz clic en la pestaña Personalización de vista preliminar
  4. Para editar una vista, haz clic en el nombre de la vista.
  5. Para restablecer la vista por defecto a los ajustes predeterminados del sistema, haga clic en el icono de los verticalMenuIcon icono de tres puntos verticales y, a continuación, haga clic en Restablecer vista predeterminada. En el cuadro de diálogo, haz clic en Restablecer vista para confirmar. Las tarjetas que elimines de las predeterminadas se volverán a agregar y las personalizadas se eliminarán. 
  6. Para clonar una vista, haga clic en el icono verticalMenuIcon tres puntos verticales y, a continuación, haga clic en Clonar vista
  7. Para eliminar una vista de equipo, haga clic en el icono verticalMenuIcon tres puntos verticales y, a continuación, haga clic en Eliminar vista. En el cuadro de diálogo, haga clic en Eliminar vista para confirmar. A los usuarios de los equipos asignados a la vista se les mostrará ahora la vista predeterminada.

    Imagen GIF que muestra a un usuario haciendo clic en el icono de elipses verticales. En el menú emergente se muestran las opciones de clonar, restablecer y eliminar la vista.

Actualizar otras tarjetas de vista previa 

Hay previsualizaciones adicionales que se muestran fuera del CRM y que no se extraen de la barra lateral de previsualización. Entre ellas se encuentran la bandeja de conversaciones de entrada y la aplicación móvil de HubSpot.

Para editar las tarjetas de vista previa de estas herramientas:

  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 hasta Objetos, y luego selecciona el objeto para el que quieras editar la tarjeta de asociación. 

  3. Clic en la pestaña de Personalización de la vista previa.
  4. En la parte superior de la pestaña, haz clic en el enlace Actualizar tarjetas de vista previa . se muestran algunas opciones de la pestaña. La pestaña de personalización de Vista previa está seleccionada. Hay una opción hipervinculada "actualizar tarjetas de vista previa" resaltada con un borde naranja.
  5. Selecciona el tipo de tarjeta que quieras editar. 
  6. En función del tipo de tarjeta, actualice sus datos:
    • Asociaciones: haga clic en el menú desplegable y seleccione una propiedad .
    cuadro de diálogo que muestra una vista previa de la tarjeta de contacto para los registros asociados. una propiedad titulada "fecha de nacimiento" se resalta con una flecha naranja.
    • Lista de propiedades: haga clic en Añadir propiedades para añadir propiedades adicionales o para eliminar una propiedad de la tarjeta. Haga clic y arrastre para reordenar las propiedades.
    Cuadro de diálogo con una lista de propiedades de contacto se muestran, tales como: Correo electrónico, número de teléfono, propietario del contacto y Etapa del ciclo de vida.
  7. Haz clic en Guardar.

Personalización adicional de los registros

Para personalizar aún más tus registros, aprende cómo:

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.