INSTALANDO SU PROGRAMA DE REFERIDOS EN WOOCOMMERCE

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 Woocommerce. Si desea instalar un programa de referido en Woocommerce, 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 Woocommerce website homepage where we will install a referral program

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 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 Woocommerce.
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 Woocommerce, 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 Woocommerce 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">&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, creamos una nueva página en Woocommerce y la nombramos "Refiere y Gana". Luego adicionamos el fragmento de código obtenido en el paso anterior. Para crear la página lo hacemos desde la pestaña Páginas y se adiciona el código necesario como se muestra en la imagen.

Adicionando la plantilla Portal del Promotor en su tienda

Crear y editar una nueva página en su tienda.
Una vez que el código está listo, necesitará hacer clic en la pestaña Visual del editor de Woocommerce y luego volver a la pestaña Text y verá como finalmente formatea el código.
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 su defensor sobre referencias Genius. Deberías poder ver a Matt en la list
Detalles del fragmento de código que se colocará en su editor.
Una vez que el código está listo, necesitará hacer clic en el botón "Actualizar" para salvar y luego en el botón "Ver página" para cargar la página "Refer and Earn", entonces podrá ver su plantilla de Genius Referral.
Mira lo hermosa que se ve la plantilla de su programa de referidos en su sitio web en Woocommerce.
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 Woocommerce 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">
!function(){const e=window,o={
     "grTemplateSlug": "referral-program-home-page-1646",
     "grCustomerFirstname": "{customer_first_name}",
     "grCustomerLastname": "{customer_last_name}",
     "grCustomerEmail": "{customer_email}",
     "grCustomerCurrencyCode": "USD",
     "grCanRefer": false,
     "grReference" : "Order Number: {order_number}",
     "grPaymentAmount" : "{dollars_spent_order}"
};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 referidos 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 Woocommerce.

En este escenario, estamos asumiendo lo siguiente:
  1. Tienes una tienda en Woocommerce 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 referidos, 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á sus 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.
English
LANGUAGE