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í.
Integrations

Agrega la ventana Visualforce de HubSpot a la disposición de la página de Salesforce

Última actualización: marzo 17, 2021

Requisitos

Marketing Hub Professional, Enterprise
Sales Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Professional, Enterprise

La ventana Visualforce de HubSpot es un iframe que muestra un resumen de las interacciones que tuvo un lead o un contacto de Salesforce en HubSpot. La ventana muestra detalles como envíos de formularios, envíos de correos electrónicos de marketing, calificación de HubSpot e incluye un enlace a su registro de contacto de HubSpot. En la ventana Visualforce, puedes usar el filtro para filtrar las actividades de la cronología que muestren.

Puedes agregar la ventana Visualforce de HubSpot a la disposición de las páginas de las oportunidades de venta y de los contactos de Salesforce

Salesforce Classic

  • Navega a tu cuenta de Salesforce.
  • En la parte superior derecha, haz clic en Configuración (o [Tu nombre] > Configuración).
  • Para agregar la ventana Visualforce a tus diseños de página de leads, en la sección Crear en el menú de la barra lateral izquierda, navega a Personalizar > Leads > Diseños de página.build-lead-page-layout-salesforce
  • O para agregar la ventana Visualforce a un diseño de página de contacto, en la sección Crear en el menú de la barra lateral izquierda, navega a Personalizar > Contactos > Diseños de página.build-contact-page-layout
  • Verás una lista de diseños de página. Haz clic en Editar junto al nombre de un diseño de página. 

Nota: si tienes varios diseños de páginas, debes agregar la ventana Visualforce a cada disposición de la página en la que deseas mostrar la ventana.

  • Haz clic en el elemento Sección en la barra de herramientas y arrástralo a la ubicación que deseas en la disposición de la página.

  • En el cuadro de diálogo, escribe un Nombre de sección (por ejemplo, Información de HubSpot). En Diseño, selecciona 1 columna. Haz clic en Aceptar.
  • En el menú de la barra lateral izquierda de la barra de herramientas, selecciona Páginas de Visualforce.
  • Haz clic en el elemento Información sobre leads de HubSpot o Información sobre contactos de HubSpot en la barra de herramientas y arrástralo y suéltalo en sección creada recientemente en la disposición de la página.
Agrega Visualforce mismo: desplázate hacia abajo, haz clic en las páginas de Visualforce en la barra de herramientas de arriba > arrastra el elemento de Información sobre las oportunidades de venta de HubSpot hasta la sección Información de HubSpot.
  • Coloca el cursor sobre la nueva ventana de Visualforce Información sobre leads de HubSpot o Información sobre el contacto de HubSpot y haz clic sobe el icono de la llave inglesa en la parte superior derecha.
  • En el cuadro de diálogo, cambia la Altura de la ventana a 315, luego haz clic en Aceptar.

  • En la parte superior izquierda de la barra de herramientas, haz clic en Guardar para aplicar los cambios del diseño.
  • Navega a un registro de la oportunidad de venta o un contacto de Salesforce para ver la ventana Visualforce de HubSpot.

Repite estos pasos para cualquier otra disposición de las páginas de oportunidades de venta o de contactos a las que desees agregar la ventana Visualforce de HubSpot.

 

Lightning Experience

  • Navega a tu cuenta de Salesforce.
  • En la esquina superior derecha, haz clic en el ícono de engranaje configuración y selecciona settings Configuración.
  • En el menú de la barra lateral izquierda, en la sección Herramientas de la plataformanavega a Objetos y campos > Administrador de objetos.object-manager-lightening-experience
  • En la lista de objetos, haz clic en Lead o Contacto.
  • En el menú de la barra lateral izquierda, navega a Diseños de páginas.
  • Haz clic en el nombre de un diseño de página.

Nota: si tienes varios diseños de páginas, debes agregar la ventana Visualforce a cada diseño de página en la que deseas mostrar la ventana.

  • Haz clic en el elemento Sección en la barra de herramientas y arrástralo a la ubicación que deseas en el diseño de página.

  • En el cuadro de diálogo, escribe un Nombre de sección (por ejemplo, Información de HubSpot). En Diseño, selecciona 1 columna. Haz clic en Aceptar.
  • En el menú de la barra lateral izquierda de la barra de herramientas, selecciona Páginas de Visualforce.
  • Haz clic en el elemento Información sobre leads de HubSpot o Información sobre contactos de HubSpot en la barra de herramientas y arrástralo y suéltalo en sección creada recientemente en el diseño de página.
  • Coloca el cursor sobre la nueva ventana de Visualforce Información sobre Leads de HubSpot o Información sobre el contacto de HubSpot y haz clic sobe el icono de la llave inglesa en la parte superior derecha.
  • En el cuadro de diálogo, cambia la Altura de la ventana a 315, luego haz clic en Aceptar.

  • En la parte superior izquierda de la barra de herramientas, haz clic en Guardar para aplicar los cambios del diseño.
  • Navega a un registro de lead o un contacto de Salesforce y haz clic en la pestaña Detalles para ver la ventana Visualforce de HubSpot.

Nota: la ventana Visualforce de HubSpot solo se puede agregar como una sección en la pestaña Detalles en Lightning Experience. La ventana no se puede agregar a ninguna pestaña o páginas personalizadas.

Repite estos pasos para cualquier otro diseño de páginas de lead o de contactos a los que desees agregar la ventana Visualforce de HubSpot.