Si se encuentra en esta sección, asumimos en este punto que ya ha personalizado las plantillas para su programa de referido en nuestro Creador de Plantillas. Si aún no lo ha hecho, vaya a nuestro Centro de diseño y personalice su plantilla de referido antes de continuar con este tutorial.

INSTALE SU PROGRAMA DE REFERIDO EN ECWID

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?
Your Ecwid website homepage where we will install a referral program
Expectativas
Al final de este tutorial, tendrá un programa de referido completo instalado en su tienda que permitirá a sus clientes y visitantes las herramientas adecuadas para recomendar sus productos (en las redes sociales, mediante correo electrónico y mensajes instantáneos, códigos QR, etc.) y generar bonos por cada referido calificado. Sus promotores también podrán revisar el desempeño de su programa de referido, canjear bonos por dinero en efectivo, tarjetas de regalo, crédito, caridad o bienes.
Requerimientos
Se requiere la siguiente lista de artículos:
  1. Una Plantilla completa de widgets con los formularios de registro e inicio de sesión. Esta plantilla es para visitantes (promotores, agentes, afiliados, etc.) que desean referir sus servicios pero no son sus clientes, ya que no son sus clientes a los que necesitan inscribirse en el programa de referidos.
  2. Una tienda en Ecwid.
La siguiente lista de artículos son opcionales:

  1. Una Plantilla de POS para cargar en la página de confirmación de pedido. Este llamado a la acción permitirá a sus clientes compartir sus productos justo después de que se haya completado un pedido. Una plantilla de POS aumentará su tasa de conversión en al menos el 10%.
Para instalar la plantilla de referidos de Genius Referrals y los demás códigos en su sitio Web de Ecwid, necesita adicionar los fragmentos de códigos en algunas páginas de su sitio Web. Por ejemplo: para capturar nuevos referidos, necesita adicionar en el formulario de contacto un fragmento de código específico.

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 script específicos necesitamos ir a la sección de Integraciones- Code Snippets-Instalación.
Comenzando la integración de Ecwid con Genius Referrals
Integration section through which you will install your referral program
Esta sección de instalación permite que usted pueda escoger la forma que le gustaría se mostrara el programa de referidos en su sitio puede ser (Código embebido- Ventana modal- Burbuja flotante- Control deslizante) una ves que selecciona una de las opciones tendrá acceso al fragmento de código correspondiente, además para el modal, burbuja y control deslizante cuenta con una seccion de configuración donde podrá escoger el estilo y ubicación en cada caso.
Code snippets for your Cscart instalation
Sigan las instrucciones y obtendrán el código respectivo para cada caso.
Codigo 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.0.0.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-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.0.0.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-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.0.0.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 -->
Control Deslizante
<!-- 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.0.0.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, creamos una nueva página en Ecwid y la nombramos "Refer and Earn". Luego adicionamos el fragmento de código obtenido en el paso anterior. Una vez que la página se creo y configuro el código correctamente, necesitará salvar todos los cambios y cargar la página "Refer and Earn", entonces podrá ver su plantilla de Genius Referral.
Cargando la plantilla de tipo Full Widget en su página del programa de referidos

Look how beautiful looks your referral program template on your Ecwid website
Para obtener cada uno de los script específicos necesitamos ir a la sección de Integraciones-Code Snippets-Seguimiento de Conversiones-Plataformas.
Configuración de los scripts de Seguimiento y Conversión.

Getting the code snippet to place on the landing page of your referral program
1. Agregar el código de Seguimiento a su tienda.
Debe seleccionar la plataforma Ecwid y siga los pasos, para instalar el fragmento de código siga las instrucciones como se muestran en la imagen.
Obtendrá el código de seguimiento que se muestra en la imagen siguiente el cual copiará según las instrucciones anteriores.
<!-- 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.
Obtendrá el código de seguimiento que se muestra en la imagen siguiente el cual copiará según las instrucciones anteriores.
<!-- 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 de su nuevo programa de referido.
Una vez que se complete y configure la instalación del módulo, 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 su barra de navegación 'Referir y Ganar', que sus visitantes y clientes (promotores) pueden usar para recomendar sus productos.
  2. Una plantilla instalada en la página del Programa de referido donde sus promotores podrán:
    1. Accede al programa de referido y aprende cómo funciona.
    2. Regístrese en el programa si no son sus clientes.
    3. Recomienden sus productos con amigos y familiares utilizando sus enlaces personales para compartir por correo electrónico, redes sociales, publicaciones en blogs, chats, etc.
    4. Revise el desempeño de su programa de referido y reaccione. 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. Gestiona bonificaciones y redenciones. Los bonos se pueden canjear por dinero en efectivo, bienes, cheques, caridad, puntos, PayPal, etc. Casi cualquier cosa que desee.
  3. Si seleccionó una plantilla de POS, sus clientes verán una llamada a la acción en la página de confirmación del pedido. La plantilla de POS aparecerá para invitar a los clientes a que recomienden sus productos justo después de que se complete un pedido ( esto es muy recomendable ).
  4. Si seleccionó la opción '¿Redención de bonificaciones automáticas como regla de carrito? ', se generará una nueva Regla de carrito y estará disponible para la próxima compra de su cliente.

Escenario: Referir nuevos prospectos a una 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 referido 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 una referencia 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 de referido que estaremos probando:


Referral Program process
Prueba de que John puede compartir servicios en cualquier lugar que quiera.
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.
Allowing your customers to refer your services on your referral program
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 sus Miembros en Genius Referrals . Deberías poder ver a Matt en la lista.
Generating a new referral on your Ecwid store
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.
Bonus given to advocate on Ecwid Referral Program

¡Excelente!

LANGUAGE