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

Conectar HubSpot y OneSignal

Última actualización: febrero 2, 2023

Requisitos

Marketing Hub Professional, Enterprise
Sales Hub Professional, Enterprise
Service Hub Professional, Enterprise
Operations Hub Professional, Enterprise

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

Tenga en cuenta que debe ser superadministrador o tener Acceso a App Marketplaces en tu cuenta de HubSpot.

Conectar la aplicación

  • En tu cuenta de HubSpot, haz clic en el icono del mercado marketplace situado en la barra de navegación principal, y luego selecciona Mercado de aplicaciones.
  • Utiliza la barra de búsqueda para localizar y seleccionar la integración de OneSignal.
  • Arriba a la derecha, haz clic en Instalar aplicación.
  • Inicie sesión en su cuenta 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 emparejar tu usuario de OneSignal con los contactos de HubSpot. Los usuarios tienen dos opciones para emparejar:

  • Por dirección de correo electrónico: los usuarios deben utilizar La función setEmail de OneSignal utilizando su SDK para asociar usuarios de OneSignal con direcciones de correo electrónico. Esta opción de correspondencia sólo está disponible para la acción de workflow Enviar notificación OneSignal.
  • Por external_user_id de OneSignal: los usuarios tendrán que seleccionar la propiedad del contacto de HubSpot que quieren que coincida 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 del contacto de HubSpot que desea utilizar para la correspondencia con OneSignal external_user_id de OneSignal. Esta opción de coincidencia está disponible tanto para las acciones de workflow Enviar notificaciones OneSignal como Editar etiquetas OneSignal.

Automatice las notificaciones push de OneSignal

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

  • 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.
oneignal-notification

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


Automatice las etiquetas de OneSignal para activar la mensajería dentro de la aplicación

Utilice workflows 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, haz clic en Crear workflow.
  • En el panel izquierdo, seleccione Basado en contactos 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 OneSignal
onesignal-tags
  • Haga clic en los menús desplegables Seleccionar aplicación para seleccionar las 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 OneSignal.
  • Haz clic en Guardar.
  • Puede añadir acciones acciones adicionales a su workflow.
  • Cuando hayas terminado de configurar tu workflow, haz clic en Revisar en la parte superior derecha.
  • Revise la configuración de su workflow y haga clic en Activar.

La edición de etiquetas de OneSignal también puede potenciar 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 que tiene el código apropiado de su Configuración de OneSignal Web Push en el encabezado HTML de sus páginas.

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

  1. Coloque lo siguiente globalmente en su . <head>. </head>. para que se aplique en todos los 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: "TU ID DE PORTAL",
    formId: "TU 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);
    });
    });
    }
    });
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.