INSTALE SU PROGRAMA DE REFERIDOS EN ECWID

Si estás en esta sección, estamos asumiendo que ya ha personalizado una plantilla para su programa de referidos en nuestro Creador de Sitios Web.
Si aún no ha hecho esto, por favor vaya a nuestro Centro de Diseño y personalice su plantilla para el programa de referidos antes de continuar leyendo esta guía.
Este tutorial es para clientes con una tienda en línea Ecwid. Si desea instalar un programa de referido en Ecwid, continúe leyendo. De lo contrario, vaya a nuestra sección de integración y encuentre la guía que mejor se adapte a sus necesidades.

¿Quién debería leer este tutorial?

Página de inicio de su tienda en Ecwid.

Expectativas

Al final de este tutorial, tendremos un programa de referidos instalado en su tienda. Donde sus clientes y visitantes podrán convertirse en promotores de su marca, al contar con las herramientas adecuadas para recomendar sus productos (en las redes sociales, mediante correo electrónico y mensajes instantáneos, códigos QR, etc.) y obtener recompensas por cada referido calificado.
Sus promotores también podrán consultar su desempeño en el programa de referidos a través en la sección de estadísticas y canjear sus bonos por dinero en efectivo en PayPal, tarjetas de regalo, códigos de descuento, crédito, y/o productos.

Requerimientos

  1. Una Plantilla completa de widgets. Esta plantilla es para sus clientes y visitantes (promotores, agentes, afiliados, etc.).
  2. Una tienda en Ecwid.
Lista de requerimientos opcionales:
  1. Una plantilla Post-Compra que puedes agregar en la página de confirmación de la orden de compra. Esta acción de Post-Compra permitirá a sus clientes compartir sus productos justo después de completar la compra.
Para instalar el programa de referidos de Genius Referrals en su tienda de Ecwid, vamos a necesitar adicionar 3 fragmentos de códigos en algunas páginas. Por ejemplo: para mostrar el programa, capturar nuevos referidos y recompensar los promotores una vez realicen una compra, necesita adicionar:

1. El fragmento de código que permite instalar la plantilla del programa de referidos.
2. El fragmento de código de seguimiento en su página de aterrizaje para rastrear los referidos.
3. El fragmento de código de conversión en su página de agradecimientos cuando completen una compra.

En la siguiente sección, vamos a explicar en detalle algunos ejemplos para cada uno de los escenarios que usted pudiera tener en su sitio web.
Para obtener cada uno de los fragmentos de código antes mencionados debemos ir a Integraciones-Code Snippets-Instalación.

Comenzando la integración de Ecwid con Genius Referrals

Sección de Integración-Instalación a través de la cual instalará su programa de referidos.
Si ya estamos en la sección de instalación, podemos notar que contamos con 4 opciones para instalar el programa Código embebido, Ventana modal, Burbuja flotante y Control deslizante. Teniendo en cuenta los detalles de su tienda, puedes escoger la que desea y se adapte mejor a sus necesidades. Una vez que selecciona una de las opciones, tendrá acceso al fragmento de código correspondiente para instalar la plantilla del Programa.
Para las opciones ventana modal, burbuja flotante y control deslizante, incluyen una sección de configuración donde podrá personalizar algunos detalles como el estilo y la ubicación.
Opciones de instalación.
Sigan las instrucciones y obtendrán el código respectivo para cada caso.
Código Embebido
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-referral-program-home-page-1646">&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 -->
Ventana Modal
<!-- 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": "en",
     "grInstallMethod":"modal"
},
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 -->
Burbuja Flotante
<!-- 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": "en",
     "grInstallMethod":"bubble"
},
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 -->
Para cargar la plantilla de Genius Referrals, debe crear una nueva página en Ecwid la cual nombrará "Refiere y Gana" y luego adicionar el fragmento de código obtenido en el paso anterior. Una vez que la página se ha creado y configurado correctamente, necesitará salvar todos los cambios y cargar la página "Refiere y Gana", entonces podrá ver su plantilla de Genius Referral.

Adicionando la plantilla Portal del Promotor en su tienda

Mira lo hermosa que se ve la plantilla de su programa de referidos en su sitio web en Ecwid.
Para obtener el fragmento de código iremos a la sección de Integraciones-Code Snippets-Seguimiento de Conversiones-Plataformas.

Configuración de los scripts de Seguimiento y Conversión.

Obtener los fragmentos de código para realizar el seguimiento y conversión.
1. Agregar el código de Seguimiento en la tienda.
Primero, debemos seleccionar la plataforma Ecwid y seguir las instrucciones para obtener el fragmento de código.
Obtendremos el fragmento de código de seguimiento que debe copiarse e instalar siguiendo las instrucciones mencionadas anteriormente, a continuación podemos ver un ejemplo del código.
<!-- STARTING GENIUS REFERRALS TRACKING CODE -->
<script type="text/javascript">
!function(){const e=window,t=document;o={
            grCookieLifeTime:"180"
   };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.0.0.min.js",e.onload=function(){GRToolbox.catchReferrer(o)};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS TRACKING CODE -->
        
2. Agregar el código de Conversión a su tienda.
Para instalar el fragmento de código siga las instrucciones como se muestran en la imagen.
Obtendremos el fragmento de código de conversión que debe copiarse e instalar siguiendo las instrucciones mencionadas anteriormente, a continuación podemos ver un ejemplo del código.
<!-- STARTING GENIUS REFERRALS TRACKING CODE -->
<script type="text/javascript">
   <#noescape>
   var full_name = "${customer.name?js_string}";
   var first_name = full_name.split(' ').slice(0, -1).join(' ') ? full_name.split(' ').slice(0, -1).join(' ') : full_name;
   var last_name = full_name.split(' ').slice(-1).join(' ') ? full_name.split(' ').slice(-1).join(' ') : full_name;
   var payment_amount = "${order. subtotal}".replace(/[^\d.-]/g, '');
   </#noescape>
!function(){const e=window,o={
     "grTemplateSlug": "referral-program-home-page",
     "grCustomerFirstname": first_name,
     "grCustomerLastname": last_name,
     "grCustomerEmail": "${customer.email?js_string}",
     "grCustomerCurrencyCode": "USD",
     "grCanRefer": false,
     "grReference" : "Order Number: ${order.number}",
     "grPaymentAmount" : payment_amount 
};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.0.0.min.js",e.onload=function(){GRToolbox.processCustomerAndBonus(o).then(e=>{})};const n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)},!1)}();
</script>
<!-- ENDING GENIUS REFERRALS TRACKING CODE --> 

Probar la instalación del programa de referidos.

Una vez que se complete y configure la instalación, su programa de referido debe estar en funcionamiento. Sus clientes y visitantes podrán acceder al programa y recomendar sus productos. Algunas cosas que notarás en tu tienda:
  1. Un nuevo enlace en la barra de navegación 'Refiere y Gana', que los visitantes y clientes (promotores) pueden usar para recomendar sus productos.
  2. Una plantilla instalada en la página del Programa de referidos donde los promotores podrán:
    1. Aprender cómo funciona.
    2. Registrarse en el programa si no son sus clientes.
    3. Recomendar sus productos con amigos y familiares utilizando sus enlaces personales para compartir por correo electrónico, redes sociales, publicaciones en blogs, chats, etc.
    4. Revisar el desempeño del programa de referidos y reaccionar. Estas son algunas preguntas que podrían hacerse a sí mismos:
      1. ¿Cuántas referencias y bonificaciones he generado?
      2. ¿Qué canales de distribución funcionan mejor para mí?
      3. ¿Dónde debo poner mis esfuerzos?
    5. Gestionar bonificaciones y pagos. Los bonos se pueden canjear por crédito en la cuenta local que tienen en tu negocio, efectivo en sus cuentas de PayPal, tarjetas de regalo, productos, cupones, etc. Casi cualquier cosa que desee.
  3. Si seleccionó una plantilla de Post-Compra, sus clientes verán la acción post compra en la página de confirmación de la compra. La plantilla de Post-Compra aparecerá para invitar a los clientes a que recomienden sus productos justo después de que se complete una orden ( esto es muy recomendable )
Escenario: Referir nuevos prospectos a la tienda en Ecwid.

En este escenario, estamos asumiendo lo siguiente:
  1. Tienes una tienda en Ecwid que vende camisetas en línea.
  2. Ha configurado un programa de referidos con Genius Referrals para que sus clientes y visitantes puedan referir sus productos a amigos, familiares, colegas, etc.
  3. En su campaña de referido, le está dando $10 a sus clientes por cada referencia calificada. Una referencia calificada es un referido que completa una compra.
  4. John Smith es uno de sus mejores clientes, ama sus productos y se complace en compartir sus servicios con sus amigos, familiares, colegas, etc. Estos son sus datos personales:
    1. Nombre: John
    2. Apellidos: Smith
    3. Correo electrónico: john@example.com
  5. John refiere a su amigo Matt para que pueda comprar nuevas camisetas en su tienda. Estos son sus datos personales:
    1. Nombre: Matt
    2. Apellidos: Hanks
    3. Correo electrónico: matt@example.com
  6. John recibe $10 como bonificación una vez que Matt ha completado una compra.
La siguiente imagen representa el flujo del programa de referidos que estaremos probando:
Flujo del Programa de Referidos.

Prueba de que John puede compartir servicios en cualquier lugar.

Para que John pueda recomendar productos, debe acceder a la página del programa de referidos y utilizar las herramientas de referencias para compartir los servicios. John podrá utilizar todas las herramientas de la pestaña "Compartir". En este escenario, John envía a Matt su URL personal para que Matt pueda ver los productos y hacer una compra.
Permitir que sus clientes refieran sus servicios en su programa de referidos.

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á productos, 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 Miembros en Genius Referrals . Deberías poder ver a Matt en la lista.
Generando una nueva referencia.

Prueba de que se le da un bono a John una vez que Matt ha completado una compra.

Ahora debemos verificar si el promotor (John) recibe una bonificación una vez que la referencia (Matt) completa su compra. Para probar esto, Matt tiene que completar una compra, una vez que se complete una compra, John debería recibir un bono de $10 en Genius Referrals. Para verificar si el bono fue otorgado al promotor en Genius Referrals, vaya a la sección de bonos. Debería poder ver la nueva bonificación de John en esta página.
Bonificación otorgada al promotor en el programa de referencia.

Eso es todo.

Si hasta aquí todo ha ido bien su programa de referido funciona correctamente.
LANGUAGE