Añade la ventana HubSpot Embed a tus diseños de página de Salesforce

Tenga en cuenta que el paquete gestionado heredado de HubSpot en Salesforce que contiene el módulo Visualforce heredado de HubSpot está obsoleto. Si todavía estás utilizando el módulo de Visualforce heredado, se recomienda desinstalar el paquete en Salesforce y utilizar HubSpot Insertar en adelante en su lugar.

HubSpot Insertar es un iframe dentro de Salesforce que muestra un resumen de las interacciones y actividades de HubSpot que tuvo un registro de Salesforce. Vive dentro del marco Visualforce en Salesforce. 

Puedes agregar la ventana HubSpot Insertar a cualquier registro de contacto, lead, cuenta u oportunidad de Salesforce.

Con HubSpot Embed, puedes:

• Visualiza la línea temporal del registro de objetos y cualquier objeto asociado en Salesforce.
• Inscribe el objeto en un workflow y visualiza cualquier inscripción anterior en un workflow.
• Ver la propiedad y el historial de propiedades del registro del objeto. 
• Reserva directamente reuniones en HubSpot a través de Salesforce.
• Inscribe contactos en una secuencia a través de Salesforce.

Antes de empezar

Antes de comenzar a trabajar con esta característica, ten en cuenta lo siguiente: 

• La integración HubSpot-Salesforce debe estar instalada.
• Para mostrar información sobre el registro de una cuenta u oportunidad de Salesforce, la cuenta debe estar sincronizada con una empresa o negocio de HubSpot y este último debe estar asociado a un contacto en sincronización.
• HubSpot Insertar no es compatible con aplicaciones móviles y navegadores integrados en aplicaciones móviles.

Activar HubSpot Embed

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior. En el menú de la barra lateral izquierda, ve a Integraciones > Aplicaciones conectadas.
2. Haga clic en Salesforce.
3. Haga clic en la pestaña Descubrimiento de funciones . 
4. Haz clic en Instalar HubSpot Embed. 

Después de instalar HubSpot Insertar, inicia sesión en tu cuenta de Salesforce para continuar con la configuración. Siga los pasos que se indican a continuación para la interfaz de Salesforce correspondiente:

• Salesforce Classic
• Lightning Experience

Salesforce Classic

1. Navega a tu cuenta de Salesforce.
2. En la parte superior derecha, haz clic en Configuración (o [Tu nombre] > Configuración).
3. Para añadir la ventana Insertar HubSpot a sus diseños de página de registro de Salesforce, en la sección Construir del menú de la barra lateral izquierda, vaya a Personalizar > Leads/Contactos/Cuentas/Oportunidades > Diseños de página.

4. 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ágina, debes añadir la ventana de incrustación de HubSpot a cada diseño de página en el que quieras mostrar la ventana.

5. 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.

6. 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.
7. En el menú de la barra lateral izquierda de la barra de herramientas, selecciona Páginas de Visualforce.
8. Haga clic en el elemento HubSpot_Embed_[tipo de objeto]_V2 de la barra de herramientas y arrástrelo a la sección recién creada en el diseño de página. 

9. Pasa el ratón por encima de la nueva ventana de incrustación de HubSpot y haz clic en el icono de llave inglesa de la parte superior derecha.
10. En el cuadro de diálogo, cambia la ventana Altura a 500, y luego haz clic en Aceptar.

11. En la parte superior izquierda de la barra de herramientas, haz clic en Guardar para aplicar los cambios del diseño.
12. Navega a un registro de contacto, cliente potencial, cuenta u oportunidad de Salesforce para ver la ventana de incrustación de HubSpot. 
13. Repite estos pasos para cualquier otro diseño de página al que quieras añadir la ventana de incrustación de HubSpot.

Lightning Experience

1. Navega a tu cuenta de Salesforce.
2. En la parte superior derecha, haz clic en el icono de settings engranaje y selecciona settings Configuración.
3. En el menú de la barra lateral izquierda, en la sección Herramientas de la plataforma , vaya a Objetos y campos > Mánager de objetos.

4. En la lista de objetos, haga clic en Cliente potencial o Contacto.
5. En el menú de la barra lateral izquierda, navega a Diseños de páginas.
6. 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 disposición de la página en la que deseas mostrar la ventana.

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

8. En el cuadro de diálogo, escribe un Nombre de sección (por ejemplo, Información de HubSpot).
9. En Diseño, selecciona 1 columna. Haz clic en Aceptar.
10. En el menú de la barra lateral izquierda de la barra de herramientas, selecciona Páginas de Visualforce.
11. Haga clic en el elemento HubSpot_Embed_[tipo de objeto]_V2 de la barra de herramientas y arrástrelo y suéltelo en la sección recién creada en el diseño de página.

12. En la parte superior derecha, sitúe el cursor sobre la sección recién creada y haga clic en el icono de la llave inglesa.
13. En el cuadro de diálogo, cambia la ventana Altura a 500, y luego haz clic en Aceptar.

14. En la parte superior izquierda de la barra de herramientas, haz clic en Guardar para aplicar los cambios del diseño.
15. Navega hasta un registro de cliente potencial o contacto de Salesforce y haz clic en la pestaña Detalles para ver la ventana de incrustación de HubSpot.
16. Repite estos pasos para cualquier otro diseño de página al que quieras añadir la ventana de incrustación de HubSpot.

Para añadir la ventana de incrustación de HubSpot al creador de aplicaciones Lightning:

1. En tu cuenta de Salesforce, en la barra lateral izquierda, busca y haz clic en Páginas Visualforce.
2. Para cada página HubSpot_Embed_[objeto]_V2 , haz clic en Editar. 
3. Selecciona la casilla Disponible para la Experiencia de iluminación, los sitios de Experience Builder y la aplicación móvil.  
4. Repite estos pasos para cada tipo de objeto. 
5. Al añadir a una página de Lightning Record, añada un componente Visualforce estándar a la página y, a continuación, seleccione la página HubSpot Emerbed adecuada. 

Resolver errores de HubSpot Embed

Puede que veas el siguiente error en tu ventana de incrustación de HubSpot:

No hay información de HubSpot para este contacto. No se ha podido encontrar este contacto. Si crees que se trata de un error, ponte en contacto con el administrador de tu cuenta de HubSpot. 

Para solucionar este error:

• Asegúrate de que el registro de Salesforce visualizado se está sincronizando actualmente con el contacto de HubSpot correcto.
• Asegúrate de que el usuario que intenta ver la ventana de Insertar de HubSpot tiene los permisos correctos en HubSpot para ver ese registro de contacto en particular.