Cómo Integrar tu Programa de Referidos con OpenCart

Descubre cómo integrar Genius Referrals con tu tienda OpenCart de manera sencilla. Esta guía paso a paso te ayudará a configurar tu programa de referidos, rastrear recomendaciones, gestionar recompensas y aumentar la lealtad de tus clientes, impulsando tus ventas de forma eficiente.

OpenCart es una plataforma de comercio electrónico de código abierto que permite crear y gestionar tiendas en línea. Ofrece una interfaz fácil de usar, personalización mediante extensiones y temas, y funcionalidades como gestión de productos, pagos y envíos.

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 de promotores es para clientes y visitantes (promotores, afiliados, empleados e influencers).
  3. Tienda activa en Opencart: 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 Opencart con Genius Referrals

Para integrar Genius Referrals en tu tienda Opencart, 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 Opencart

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 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 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 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: Cargar la Plantilla del Portal del Promotor en tu tienda Opencart

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

  1. Accede al panel de administración de Opencart.
  2. Navega a la sección de Catálogo y selecciona Páginas.
  3. Haz clic en el botón Agregar Nueva y nómbrala "Refiere y Gana".
  4. Abre la nueva página "Refiere y Gana" en el editor.
  5. Inserta el fragmento de código obtenido en el paso anterior en el campo adecuado.
  6. Guarda todos los cambios realizados en la página.
  7. Carga la página "Refiere y Gana" desde el frontend de tu tienda OpenCart.
  8. Verifica que la plantilla de Genius Referrals se muestre correctamente.
Plantilla de su programa de referidos en su tienda en Opencart.

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 Opencart.
  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 una compra.

Escenario: Referir Nuevos Prospectos a una Tienda de Opencart


Supuestos:

  • Operas una tienda de Opencart 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. En este escenario, John envía a Matt su enlace personal para que Matt pueda revisar los productos y hacer una compra.
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 sitio web. 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 la compra. Después de que Matt complete su 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
LANGUAGE