Blog
Lea nuestros últimos pensamientos sobre programas de referencia, estrategia de marketing y más.
Documentos para Desarrolladores 
Aprenda a integrarse con Genius Referrals.
Centro de Ayuda
Aprenda a usar Genius Referrals con manuales de usuario, configuración, tutoriales, videos y mucho más.
Qué hay de Nuevo
Realice un seguimiento de las funciones y mejoras más recientes de Genius Referrals.
 

Instalando su Programa de Referidos en 3dcart

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.

¿Quién debería leer este tutorial?

Este tutorial es para clientes con una tienda en línea 3dcart. Si desea instalar un programa de referidos en 3dcart, 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.
Página de inicio de su tienda en 3dcart.

Espectativas

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 3dcart.
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.

Comenzando la integración de 3dcart con Genius Referrals

Para instalar el programa de referidos de Genius Referrals en su tienda de 3dcart, 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.
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.
Sigue las instrucciones y obtendrá el código correspondiente a 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 -->

Adicionando la plantilla Portal del Promotor en su tienda

Para adicionar la plantilla de Genius Referrals, debe crear una nueva página en 3dcart la cual nombrará "Refer and Earn", y luego insertar el fragmento de código obtenido en el paso anterior. Para crear la página lo hará desde la sección Contenido -> Contenido del Sitio.
Crear y editar una nueva página en su tienda.
Pulsar en el botón "Editar", en la siguiente sección haga clic en el botón "Adicionar" y complete los campos requeridos.
En el Contenido de Página desactivar el Editor / WYSIWYG, copiar el código generado por Genius Referrals obtenido en la sección de Instalación, ver como quedaría en imagen que se muestra a continuación.
Detalles del fragmento de código que se colocará en su editor.
Una vez que el código está listo, necesita hacer clic en el botón "Salvar" y luego cargar la página "Refiere y Gana", entonces podremos ver la plantilla de Genius Referral.
Mira lo hermosa que se ve la plantilla de su programa de referidos en su sitio web en 3dcart.

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

Para obtener el fragmento de código iremos a la sección de Integraciones-Code Snippets-Seguimiento de Conversiones-Plataformas.
Obtener los fragmentos de código para realizar el seguimiento y conversión.
¿ Cómo instalar su Programa de Referidos en 3dcart ?

Agregar el código de Seguimiento en la tienda

Primero, debemos seleccionar la plataforma 3dcart 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 -->

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": "[ofirstname]",
     "grCustomerLastname": "[olastname]",
     "grCustomerEmail": "[oemail]",
     "grCustomerCurrencyCode": "USD",
     "grCanRefer": false,
     "grReference" : "Invoice Number: [invoice-prefix] [invoice-number]",
"grPaymentAmount" : "[total_noformat]"
};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:
  3. Aprender cómo funciona.
  4. Registrarse en el programa si no son sus clientes.
  5. Recomendar sus productos con amigos y familiares utilizando sus enlaces personales para compartir por correo electrónico, redes sociales, publicaciones en blogs, chats, etc.
  6. Revisar el desempeño del programa de referidos y reaccionar. Estas son algunas preguntas que podrían hacerse a sí mismos:
¿Cuántas referencias y bonificaciones he generado?
¿Qué canales de distribución funcionan mejor para mí?
¿Dónde debo poner mis esfuerzos?
7.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.
8. 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 3dcart.

  1. En este escenario, estamos asumiendo lo siguiente: Tienes una tienda en 3dcart 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:
Nombre: John
Apellidos: Smith
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:
Nombre: Matt
Apellidos: Hanks
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.
Probar la instalación de su Programa de Referidos en 3dcart

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 el referido (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.
Artículos Relacionados

Instalando su Programa de Referidos en Cscart
Instala tu programa de recomendación en tu sitio web de Cscart. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Ecwid
Instala tu programa de recomendación en tu sitio web de Ecwid. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Magento
Instala tu programa de recomendación en tu sitio web de Magento. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Americommerce
Instala tu programa de recomendación en tu sitio web de Americommerce. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Bigcommerce
Instala tu programa de recomendación en tu sitio web de Bigcommerce. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Squarespace
Instala tu programa de recomendación en tu sitio web de Squarespace. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.
Instalando su Programa de Referidos en Woocommerce
Instala tu programa de recomendación en tu sitio web de Woocommerce. Aumenta tus ventas y tráfico, obtén mejores clientes con nuestras soluciones.



← Ir al Centro de Ayuda
Did you like this article?