Integración de Genius Referrals en Adobe Commerce (Magento)

Descubre cómo integrar Genius Referrals con tu tienda Magento para potenciar tu programa de referidos. Esta guía paso a paso te ayudará a configurar la integración, permitiendo a tus clientes recomendar tu tienda y ganar recompensas.

Magento es una plataforma de comercio electrónico de código abierto que permite crear y gestionar tiendas en línea con alta personalización y escalabilidad. Ofrece funciones avanzadas de gestión de productos, pagos, inventario y herramientas de marketing. Es ideal para negocios de cualquier tamaño y es compatible con múltiples idiomas y monedas.

Requisitos Previos

  1. Registro en la plataforma: Regístrate en Genius Referrals.
  2. Portal del promotor: Selecciona y personaliza una plantilla para tu programa de referidos. Este portal es para clientes y visitantes (promotores, afiliados e influencers).
  3. Tienda activa en Magento: Necesitas una tienda activa para agregar los fragmentos de código de integración.
  4. Plantilla Post-Compra: Selecciona y personaliza una plantilla post-compra en Genius Referrals, para integrar en la página de confirmación de pedidos y permitir que los clientes compartan productos después de la compra.

Paso 1: Iniciar la Integración de Adobe Commerce con Genius Referrals

Para integrar Genius Referrals en tu tienda Adobe Commerce, sigue estos pasos para añadir tres fragmentos de código en las páginas correspondientes:

  1. Instalar la Plantilla del Portal de Promotores: Inserta el fragmento de código necesario para habilitar la plantilla del portal de promotores. Este paso asegura que tus clientes puedan acceder a su panel de referidos.
  2. Incluir el Código de Seguimiento: Añade el fragmento de código de seguimiento en la página de inicio para rastrear las referencias desde el momento en que los clientes visitan tu tienda.
  3. Agregar el Código de Conversión: Inserta el fragmento de código de conversión en la página de agradecimiento que se muestra después de una compra. Esto te permitirá registrar y gestionar las conversiones generadas por los referidos.

Paso 2: Seleccionar el Fragmento de Código para la Integración con Magento

En este paso, selecciona el tipo de instalación del programa de Genius Referrals que mejor se adapte a tu tienda web: Código embebido, Ventana emergente o Burbuja flotante. Para revisar los detalles de cada opción y obtener el código adecuado, sigue esta ruta en la plataforma de Genius Referrals: Configurar Programa > Integraciones > Fragmentos de Código > Instalación.

Si decides utilizar la Ventana emergente o la Burbuja flotante, tendrás acceso a una sección de configuración adicional que te permitirá personalizar aspectos como el estilo y la ubicación del elemento en tu sitio.
Opciones de instalación para integrar su programa de referidos con terceros.
Código embebido
Para instalar el programa de referidos en Adobe Commerce con la opción de Código embebido utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "es",
     "grInstallMethod":"embeddedcode"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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 -->
Ventana emergente
Para instalar el programa de referidos en Adobe Commerce con la opción de Ventana emergente utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "es",
     "grInstallMethod":"modal"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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 -->
Burbuja flotante
Para instalar el programa de referidos en Adobe Commerce con la opción de Burbuja flotante utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "es",
     "grInstallMethod":"bubble"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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: Instalar el Portal del Promotor en tu tienda Magento

Sigue estos pasos para agregar la plantilla de Genius Referrals a tu tienda:

  1. Crea en tu tienda de Magento una página nueva y nómbrala "Refiere y Gana".
  2. Selecciona el bloque de código HTML para la edición de la página nueva, copia el fragmento de código seleccionado en el paso anterior y pégalo.
  3. Guarda los cambios realizados y visualiza la página "Refiere y Gana" para ver la plantilla.
Plantilla de su programa de referidos en su tienda en Magento.

Paso 4: Seleccionar scripts de Seguimiento y Conversión

  1. Accede a la sección "Integraciones" en Genius Referrals.
  2. Selecciona la opción "Fragmentos de Código."
  3. Dentro de "Seguimiento de conversiones," selecciona "Plataforma" y elige Magento.
  4. Define el tiempo de expiración de las cookies (por ejemplo, 180 días).
  5. Haz clic en "Siguiente" para generar el código.
  6. Sigue las instrucciones proporcionadas para completar la configuración.
Fragmento de código para seguimiento
<!-- STARTING GENIUS REFERRALS TRACKING CODE -->
<script type="text/javascript">
!function(){
const grSetting={
     grCookieLifeTime:"180"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.2.min.js",e.onload=function(){GRToolbox.catchReferrer(grSetting)};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS TRACKING CODE -->
Fragmento de código para conversión
<!-- STARTING GENIUS REFERRALS TRACKING CODE -->
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "referrals-landing-page-748",
     "grCustomerFirstname":"{$customer.firstname}",
     "grCustomerLastname":"{$customer.lastname}",
     "grCustomerEmail":"{$customer.email}",
     "grCustomerCurrencyCode": "USD",
     "grCanRefer": false,
     "grReference" :"Order Number {$id_order}",
     "grPaymentAmount" :"{$total}"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.2.min.js",e.onload=function(){GRToolbox.processCustomerAndBonus(grSetting).then(e=>{})};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS TRACKING CODE -->

Paso 5: Prueba y Verificación

Una vez que complete la instalación, su programa de referidos debe estar en funcionamiento correctamente, sus clientes y visitantes podrán acceder al programa y recomendar sus servicios.

  1. Verificar Acceso al Programa: Asegúrate de que los clientes pueden acceder al programa de referidos.
  2. Comprobación de Referencias: Verifica que las referencias se crean exitosamente en Genius Referrals.
  3. Bonificaciones: Verifica que los promotores reciben las bonificaciones correspondientes una vez que las referencias completan el formulario.
Escenario: Referir Nuevos Prospectos a una Tienda de Magento

Supuestos:
  • Operas una tienda de Magento especializada en camisetas.
  • Tu tienda tiene un programa de referidos implementado a través de Genius Referrals.
  • Los clientes reciben una recompensa de $10 por cada referido calificado que resulte en una compra.
  • John Smith, uno de tus clientes leales, refiere a su amigo Matt a tu tienda.
  • Como resultado, John recibe un bono de $10 una vez que Matt completa una compra.
Flujo del Programa de Referidos.

Probar que John puede compartir sus productos

Para que John pueda referir productos, debe acceder a la página del Portal del Promotor y utilizar las herramientas de la pestaña "Compartir". John podrá usar todas las opciones disponibles para compartir su URL personal. En este escenario, John envía a Matt su enlace personal para que Matt pueda revisar los productos y convertirse en un cliente.

Permitir que los clientes refieran sus productos 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 tienda. Una vez que Matt complete una compra, se generará una nueva referencia 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.
Verificar que John recibe el bono

Ahora debemos verificar que el promotor, John, reciba su bono una vez que la referencia, Matt, complete una compra. Después de que Matt complete una compra, John debería recibir un bono de $10. Para verificar si el bono fue otorgado al promotor, vaya a la sección de bonos. Debería ver la nueva bonificación de John en esta página.

Bonificación otorgada al promotor en el programa de referencia.
¿Fue útil esta página?
English
IDEOMA