Guía Completa para Integrar el Programa de Referidos de Genius Referrals en tu Tienda PrestaShop

Descubre cómo potenciar tu programa de referidos con la integración de Genius Referrals y tu tienda online en Prestashop. Al final de esta guía, tendrás un programa de referidos instalado en tu tienda que permitirá a tus clientes y visitantes convertirse en promotores, compartir tus productos y ganar recompensas por cada referido calificado.

PrestaShop es una plataforma de comercio electrónico de código abierto que permite crear y gestionar tiendas en línea. Es popular por su flexibilidad, opciones de personalización, herramientas integradas de SEO y marketing. Soporta múltiples idiomas, monedas, métodos de pago, y envío, lo que la hace ideal para pequeñas y medianas empresas.

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, empleados e influencers).
  3. Tienda activa en Prestashop: Necesitas una tienda activa para agregar los fragmentos de código de integración.

Paso 1: Iniciando la Integración de Prestashop con Genius Referrals

Para integrar el programa de Genius Referrals en tu tienda Prestashop, deberás insertar tres fragmentos de código específicos en páginas diferentes:

  1. Fragmento para instalar la plantilla del portal de promotores.
  2. Fragmento de código de seguimiento en la página de inicio para monitorizar referidos.
  3. Fragmento de código de conversión en la página de agradecimiento tras la compra.
Consulta la sección siguiente para obtener instrucciones detalladas y ejemplos para cada caso en tu tienda.

Paso 2: Selección del Fragmento de Código para Integración con Prestashop

Según las características de su tienda web debe seleccionar la opción de instalación del programa que mejor se adapte a sus necesidades: Código embebido, Ventana emergente o Burbuja flotante. Para consultar los detalles de cada uno de los scripts puede seguir la siguiente ruta en la plataforma de Genius Referrals: Configurar Programa > Integraciones > Fragmentos de Código > Instalación.

Para las opciones Ventana emergente y Burbuja flotante se incluye una sección de configuración donde podrá personalizar algunos detalles como el estilo y la ubicación.
Opciones de instalación para integrar su programa de referidos con terceros.
Para generar el fragmento de código que necesitas:

  1. Haz clic en la opción deseada.
  2. Selecciona la página que deseas instalar.
  3. Copia el fragmento de código correspondiente.
  4. Sigue las instrucciones para instalarlo en tu tienda.
Este proceso te proporcionará el código necesario para integrar el Portal de Promotores en Prestashop.
Código embebido
Para instalar el programa de referidos en Prestashop 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": "en",
     "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 Prestashop 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": "en",
     "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 Prestashop 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": "en",
     "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: Instalación del Portal del Promotor en Prestashop

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

  1. Accede a tu Cuenta Prestashop e inicia sesión con tus credenciales.
  2. Crea una nueva página en Prestashop con diseño de página en blanco y nómbrala "Refiere y Gana".
  3. Copia el fragmento de código seleccionado en el Paso 2 y pégalo en el bloque de código "Contenido de Página".
  4. Guarda todos los cambios y carga la página "Refiere y Gana" para ver la plantilla.

Paso 4: Selección de los Scripts de Seguimiento y Conversión

  1. Ve a la sección de "Integraciones" en la plataforma de Genius Referrals.
  2. Navega a la subsección de "Fragmentos de Código".
  3. Localiza el apartado "Seguimiento de conversiones", haz clic en "Plataforma".
  4. Selecciona Prestashop en el selector de plataformas.
  5. Establece el tiempo de expiración de las cookies, que es el tiempo durante el cual la cookie de seguimiento permanece activa en los navegadores para rastrear tus referidos (por ejemplo, 180 días).
  6. Haz clic en el botón Siguiente para generar el fragmento de código y sigue las instrucciones de instalació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 funcionando correctamente, sus clientes y visitantes podrán acceder al programa y recomendar sus productos.

  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 los referidos completen una compra.
Escenario: Referir Nuevos Prospectos a una Tienda de Prestashop

Supuestos:
  • Operas una tienda de Prestashop 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 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 una 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
IDEOMA