Integración de Genius Referrals con HubSpot: Captura y Bonificación de Referidos

Aprende cómo integrar Genius Referrals con HubSpot para capturar referidos, promover tu programa y emitir bonificaciones automáticamente cuando se cierran tratos.

Nota: La integración de HubSpotsolo está disponible en ciertos planes de Genius. Consulte nuestros planes y precios aquí.

Requisitos Previos

Antes de comenzar con la integración de Genius Referrals en HubSpot, asegúrate de cumplir con los siguientes requisitos:

  1. Cuenta Activa en HubSpot: Debes tener acceso a una cuenta de HubSpot con permisos para crear páginas y automatizar procesos.
  2. Cuenta en Genius Referrals: Necesitas una cuenta activa en Genius Referrals con un programa de referidos configurado.
  3. Cuenta en Zapier (Opcional): Si deseas automatizar la emisión de bonificaciones al cerrar tratos, necesitarás una cuenta en Zapier.

Instalación del Portal del Promotor para el Programa de Referidos en HubSpot

Paso 1: Crear una Página para el Portal del Promotor

  1. Accede a tu cuenta de HubSpot y crea una nueva página. Nombrarla "Refiere y Gana" o un título similar que refleje el propósito del programa de referidos.
  2. Personaliza el diseño y contenido de la página según tus necesidades.

Paso 2: Insertar el Fragmento de Código del Programa de Referidos

  1. En la plataforma de Genius Referrals, selecciona el fragmento de código que mejor se adapte a tu instalación (Código Embebido, Ventana Emergente o Burbuja Flotante). Puedes obtener el fragmento de código correspondiente ingresando a la sección Configurar Programa > Integraciones > Fragmentos de Código > Instalación.
  2. Copia el código correspondiente y pégalo en el editor de tu página en HubSpot.
  3. Guarda los cambios y publica la página.
Tu portal del promotor estará ahora integrado y listo para que los usuarios participen en tu programa de referidos.
Opciones de instalación para integrar su programa de referidos con terceros.
Ejemplo de Código embebido
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-referral-program-home-page">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "referral-program-home-page",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "es",
     "grInstallMethod":"embeddedcode"
},
e=window,t=document;e.addEventListener("load",function(){const e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://e9f87d8c82343264e6ba-2977c39e5e9390b1a89ab5ed2a171102.ssl.cf1.rackcdn.com/toolbox/geniusreferrals-toolbox_3.1.2.min.js",e.onload=function(){GRToolbox.init(grSetting)};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS CODE SNIPPET -->

Paso 3: Probar y Verificar

Una vez que complete la instalación, el portal del promotor debe estar cargando correctamente y sus clientes y visitantes podrán acceder al programa y recomendar sus servicios.
Programa de referidos instalado en Hubspot.

Cómo Promover tu Programa de Referidos con el Enlace de Acceso Un Solo Clic

Paso 1: Generar el Enlace de Acceso Rápido

  1. Ve a la sección Configurar Programa > Integraciones > Fragmentos de Código > Otros > Acceso Con Un Solo Clic en el Portal de Administración de Genius Referrals.
  2. Habilita la función Acceso Con un Solo Clic.
  3. Selecciona la plataforma HubSpot.
  4. Copia el enlace generado para HubSpot.
Enlace de Acceso Con un Solo Clic para Hubspot

Paso 2: Crear una Campaña de Email Marketing

  1. Accede a tu cuenta de HubSpot y crea una campaña de email marketing.
  2. Diseña un correo electrónico invitando a tus clientes a participar en el programa de referidos. Explica los beneficios y cómo funciona el programa.
  3. Incluye el enlace de Acceso Con Un Solo Clic en el cuerpo del correo electrónico. Puedes añadirlo como un enlace estándar o un botón llamativo.
  4. Envía la campaña a tu lista de contactos.
Este enlace facilita que los promotores refieran tu negocio de manera rápida y efectiva.

Captura de Referidos en una Página de Destino (Landing Page) en HubSpot

Paso 1: Diseñar la Landing Page (Página de Destino)

  1. Crea una nueva página de destino en HubSpot con un formulario para capturar información de los referidos.
  2. Asegúrate de incluir campos clave como nombre, apellido, correo electrónico y cualquier otro dato relevante.
Página de destino para el programa de referidos en Hubspot.

Paso 2: Generar el Código de Seguimiento

  1. Ve a la sección de Configurar Programa > Integraciones > Fragmentos de Codigo > Seguimiento de Conversiones > Escenarios.
  2. Selecciona el escenario que mejor se ajuste a tus necesidades (Según el que se seleccione varían los pasos a seguir y los fragmentos a instalar. Para esta guía se seleccionó el escenario E016).
  3. Introduce la URL de la página donde se encuentra tu formulario de suscripción (Paso 1).
  4. Indique cómo se corresponden los campos y botones del formulario con los datos de referencia.
  5. Establece el tiempo de expiración de las cookies (por ejemplo, 180 días).
  6. Genere el fragmento de código.
Ejemplo de fragmento de código para seguimiento
Fragmento de código generado para el escenario seleccionado E016.
<!-- STARTING GENIUS REFERRALS TRACKING CODE -->
<script type="text/javascript">
!function (){
const submit = function (e){
const grFirstName=document.getElementsByName("name")[0].value,
grLastName=document.getElementsByName("name")[0].value,
grEmail=document.getElementsByName("email")[0].value,
grMetadata='['+']';
if (grEmail != '') {
e.preventDefault();
const grSetting={
     "grTemplateSlug": "referral-program-home-page-1706201",
     "grCustomerFirstname": grFirstName,
     "grCustomerLastname": grLastName,
     "grCustomerEmail": grEmail,
     "grMetadata": grMetadata,
     "grCustomerCurrencyCode":  "USD",
     "grCanRefer": "false",
     "grReference" : "1617140514"
}
const button = this;
GRToolbox.processCustomerAndBonus(grSetting).then(function(){
button.onclick=function(){};button.click();});}};
const grSettingCookie={
     "grCookieLifeTime": "180",
},
e=window,t=document;e.addEventListener("load",function(){const e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://e9f87d8c82343264e6ba-2977c39e5e9390b1a89ab5ed2a171102.ssl.cf1.rackcdn.com/toolbox/geniusreferrals-toolbox_3.1.4.min.js",e.onload=function(){GRToolbox.catchReferrer(grSettingCookie);t.getElementsByClassName("w-button")[0].onclick = submit;};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS TRACKING CODE -->

Paso 3: Instalación del código de Seguimiento en HubSpot

  1. En HubSpot localiza la página donde se encuentra el formulario de suscripción (Paso 1).
  2. Edita la página y accede a la pestaña "Settings" y selecciona la opción "Advanced options".
  3. Encuentra la opción "Additional code snippets" - "Footer HTML" e inserta el código obtenido anteriormente.
  4. Guarda los cambios.
Prueba de que la referencia (Matt) se ha creado con éxito.

Una vez que John haya compartido los servicios con Matt, Matt hará clic en el enlace para compartir de John y aterrizará en su tienda. Matt buscará su producto, agregará algunos al carrito y finalmente pagará por los productos. Una vez que Matt haya completado una compra, se generará una nueva referencia en Genius Referrals. Para verificar si se ha creado la nueva referencia, vaya a la sección de su defensor sobre referencias Genius. Deberías poder ver a Matt en la list
Detalles del fragmento de código que se colocará en su editor.

Paso 4: Probar y Verificar

Una vez que completes la instalación del fragmento de código de seguimiento, tu programa de referidos comenzará a capturar referidos automáticamente. Para asegurarte de que funciona correctamente, realizaremos una prueba con el siguiente escenario.

Escenario: E016

En el escenario E016, buscamos capturar los referidos se comuniquen con nuestra empresa a través de un formulario de contacto en línea.
Flujo del escenario E016 del Programa de Referidos.
Supuestos:
  1. Tienes un sitio web en HubSpot.
  2. Has configurado un programa de referido en Genius Referrals para que sus clientes y visitantes puedan referir sus productos a amigos, familiares, colegas, etc.
  3. En la Campaña de referido, ofreces $10 a los clientes por cada referencia calificada que contrate sus servicios.
  4. John Smith es uno de sus mejores clientes y se complace en compartir sus servicios con sus contactos. Sus datos personales son: Nombre (John), Apellidos (Smith), Correo electrónico (john@example.com).
  5. John refiere a su amigo Matt para que agende una demostración en tu sitio web. Sus datos personales son: Nombre (Matt), Apellidos (Hanks), Correo electrónico (matt@example.com).

Flujo del Escenario:
  1. John accede al programa de referidos, obtiene su URL personal y la envía a Matt.
  2. Matt hace clic en el URL personal y completa el formulario de contacto.
  3. Se genera automáticamente un referido en Genius Referrals.

Probar que John puede compartir sus servicios

Para que John pueda recomendar tu marca, debe acceder a la página del Portal del Promotor y envía a Matt su enlace personal (PURL) para que Matt solicite una demostración completando el formulario de contacto.

Permitir que sus clientes refieran sus servicios en su programa de referidos.
Probar que la referencia se ha creado con éxito

Después de que John haya compartido su enlace personal, Matt hará clic en él y aterrizará en tu página de destino. Una vez que Matt complete el formulario de contacto, se generará una nuevo referido en Genius Referrals. Para verificar si la referencia se ha creado correctamente, ve a la sección de Miembros, donde deberías ver a Matt en la lista.

Generando una nueva referencia.

Cómo Emitir Bonificaciones cuando se ha Ganado un Deal en HubSpot

Paso 1: Configurar Zapier para la Integración

  1. Accede a la aplicación Genius Referrals en Zapier: Genius Referrals en Zapier.
  2. Conecta tu cuenta de Genius Referrals y HubSpot en Zapier.

Paso 2: Crear un Zap para Emitir Bonificaciones

  1. Configura el disparador 'Deal Property Change' en Zapier para que detecte cuando un deal en HubSpot sea marcado como "Ganado".
  2. Agrega las siguientes acciones para emitir una bonificación en Genius Referrals:
  • Find Associations
  • Get Contact
  • Find Member
  • Process Referral to Trigger Bonuses.

Paso 3: Probar y Activar el Zap

  1. Realiza una prueba creando un trato "Ganado" en HubSpot y verifica que se emita la bonificación correspondiente.
  2. Activa el Zap para automatizar el proceso.
Con esta integración, las bonificaciones se emitirán automáticamente cuando un trato sea cerrado en HubSpot, ahorrando tiempo y asegurando precisión en las recompensas.
¿Fue útil esta página?
IDEOMA