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

Conectar HubSpot y OneSignal

Última actualización: octubre 7, 2021

Requisitos

Todos los productos y planes

Con la integración de OneSignal, puede crear y enviar notificaciones push de OneSignal mediante flujos de trabajo, ver las notificaciones push en los calendarios de actividad de los contactos y segmentar a los usuarios en función de su compromiso con las notificaciones push.

Tenga en cuenta: debe ser un super admin o tener Acceso al App Marketplace permisos en tu cuenta de HubSpot

Conectar la aplicación

  • En tu cuenta de HubSpot, haz clic en el ícono de Mercados marketplace en la barra de navegación principal, luego, selecciona Mercado de aplicaciones.
  • Utiliza la barra de búsqueda para localizar y seleccionar la integración de OneSignal.
  • En la parte superior derecha, haz clic en Instalar aplicación.
  • Inicie sesión en su cuenta de OneSignal.
  • En la casilla emergente, escribe tu ID de aplicación y Clave API desde tu cuenta de OneSignal.
  • Si es necesario, haga clic en Añadir aplicación para añadir otra aplicación.
  • Haz clic en Instalar aplicación.
  • Serás redirigido a la página Aplicaciones conectadas.

Haz coincidir tu usuario de OneSignal con tu usuario de HubSpot

La integración requiere que el usuario de OneSignal coincida con los contactos de HubSpot. Los usuarios disponen de dos opciones para la concordancia:

  • Por dirección de correo electrónico: los usuarios deben utilizar Función setEmail de OneSignal utilizando su SDK para asociar los usuarios de OneSignal con las direcciones de correo electrónico. Esta opción de concordancia sólo está disponible para la acción de flujo de trabajo Enviar notificación de OneSignal.
  • Por el external_user_id de OneSignal: los usuarios tendrán que seleccionar la propiedad del contacto de HubSpot que quieren hacer coincidir con el external_user_id en OneSignal. Sigue estos pasos:
    • En tu cuenta de HubSpot, haz clic en el icono de mercados en la barra de navegación. Debajo de Administrar, selecciona Aplicaciones conectadas.
    • Haz clic en OneSignal.
    • Haga clic en Coincidencia de contactos.
    • En el menú desplegable, seleccione la propiedad de contacto de HubSpot que desea utilizar para la coincidencia con la propiedad de OneSignal external_user_id de OneSignal. Esta opción de coincidencia está disponible tanto para las acciones de flujo de trabajo Enviar notificaciones de OneSignal como Editar etiquetas de OneSignal.

Automatizar las notificaciones push de OneSignal

Puede automatizar el envío de notificaciones push de OneSignal mediante flujos de trabajo.

  • En tu cuenta de HubSpot, dirígete a Automatización > Workflows.
  • En la parte superior derecha, haz clic en Crear workflow.
  • En el panel izquierdo, selecciona Basado en contactos y haz clic en Siguiente en la parte superior derecha.
  • Establece tus activadores de inscripción.
  • Haga clic en el  icono + para añadir una acción.
  • En el panel derecho, selecciona Enviar notificaciones OneSignal.
una señal-notificación

La notificación push aparecerá como una actividad en la línea de tiempo del registro del contacto. 
 
onesignal-timeline


Automatizar las etiquetas de OneSignal para activar la mensajería en la aplicación

Utilice los flujos de trabajo para activar la mensajería dentro de la aplicación en su aplicación OneSignal. 

  • En tu cuenta de HubSpot, dirígete a Automatización > Workflows.
  • En la parte superior derecha, haga clic en Crear flujo de trabajo.
  • En el panel de la izquierda, seleccione Basado en el contacto y, a continuación, haga clic en Siguiente en la parte superior derecha.
  • Establece tus activadores de inscripción.
  • Haga clic en el icono + para añadir una acción.
  • En el panel derecho, seleccione Editar etiquetas de OneSignal
onesignal-tags
  • Haga clic en los menús desplegables de Select App para seleccionar sus aplicaciones OneSignal conectadas.
  • Introduzca la cadena JSON con los pares { "key" : "value" } que desea editar. Más información sobre el uso de Etiquetas de datos de OneSignal.
  • Haz clic en Guardar.
  • Puede añadir acciones adicionales acciones a su flujo de trabajo.
  • Cuando hayas terminado de configurar tu workflow, haz clic en Revisar en la parte superior derecha.
  • Revise la configuración de su flujo de trabajo y haga clic en Activar.

La edición de las etiquetas de OneSignal también puede impulsar la mensajería dentro de la aplicación en OneSignal. Consulte la guía de OneSignal para saber cómo hacerlo.  

Usa los envíos de formularios de HubSpot para enlazar los contactos de HubSpot a los usuarios de OneSignal 

Para utilizar esta funcionalidad, asegúrese de tener el código apropiado de su Configuración de OneSignal Web Push añadido a la cabecera HTML de sus páginas

Tienes dos opciones para capturar y pasar direcciones de correo electrónico a OneSignal:

  1. Coloca lo siguiente <head> … </head> de forma global para aplicar a través de envíos de formularios:

window.addEventListener('message', event => {
if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Callback llamado cuando el correo electrónico ha terminado de enviar
console.log("emailId: ", emailId)
});
}
});

  1. Edita el script incrustado para uno de tus formularios de HubSpot directamente. Deberás insertar tu ID de portal e ID de formulario desde tu cuenta. He aquí un ejemplo

    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
    <script></script>
    hbspt.forms.create({
    región: "na1",
    portalId: "SU ID DE PORTAL",
    formId: "SU ID DE FORMULARIO",
    onFormSubmit: function($form) {
    OneSignal.push(function() {
    OneSignal.setEmail($("input[name=email]").val())
    .then(function(emailId) {
    // Callback llamado cuando el correo electrónico ha terminado de enviar
    console.log("emailId: ", emailId)
    });
    });
    }
    });