Use la plantilla de tipo Widget Completo cuando usted desea cargar un programa de referidos completo en su sitio Web con pestañas para manipular un Sumario del programa, Herramientas para Compartir, Estadísticas, Canje de Bonificaciones y Registro y Autenticación. Los formularios de Registro y Autenticación son opcionales y puede decidir no usarlos cuando configure su programa en el paso 2.

PLANTILLA WIDGET COMPLETO

Existen varias ventajas de uso cuando selecciona la plantilla Widget Completo para su programa de recomendación:
  1. Configuración fácil y personalización a través de nuestro Centro de Diseño.
  2. Conjunto completo de herramientas que sus promotores pueden usar para administrar y monitorear el programa de referido.
  3. Fácil de instalar en su sitio Web con nuestros fragmentos de códigos.
También hay desventajas cuando utiliza este tipo de plantilla:
  1. Limitado a las plantillas disponibles en nuestro Centro de Diseño.
  2. Poco funcional cuando quiere presentar solo las herramientas de compartir a sus promotores. En este caso use las plantillas de tipo Vínculos para Compartir o POS.
Desventajas
Para seleccionar la plantilla que mejor se ajusta a sus necesidades, diríjase al Centro de Diseño y haga clic en el botón 'Nuevo' y comience a crear su nueva plantilla. El sistema iniciará un asistente para ayudarle con este proceso, el proceso total consta de 2 paso.

Asegúrese de que ha entrado el Nombre, Descripción, y el Paquete de Widgets (si aún no ha creado un paquete de widgets revise esta sección) antes de seleccionar la plantilla. Haga clic en la plantilla de tipo 'Widget Completo' y seleccione el diseño que mejor se ajuste a sus necesidades. Una vez que ha seleccionado la plantilla, haga clic en el botón 'Continuar' para ir a la siguiente sección. Las imágenes de abajo muestran los detalles.
Seleccionando su plantilla en nuestro Centro de Diseño

Ventajas de usar el Widget Completo

En el paso 2, mostramos todas las pestañas que forman parte de su programa de referidos. Un Widget Completo típico tendrá 5 o 4 pestañas, tendrá solo 4 pestañas cuando usted no incluya los formularios de registro y autenticación.

Aquí usted puede actualizar los encabezados de las pestañas y los principales contenidos de las pestañas. Para ayudarle a personalizar los contenidos de su programa de referidos, estamos cargando el contenido principal de cada pestaña en un editor que usted puede utilizar para actualizar cada sección. Usted puede adicionar imágenes, incrustar vídeos, eliminar o adicionar textos, adicionar JavaScripts and CSS, etc.

Personalizando el contenido de la plantilla
La pestaña sumario es la primera pestaña que sus promotores ven cuando su programa es cargado en su sitio Web, está destinada a proveer información adicional sobre el programa.
Pestaña Sumario
Personalize the tab overview for your refer a friend program
Una vez que haya terminado de actualizar la primera pestaña, haga clic en el botón 'Guardar' y seleccione la página Acceso en el menú principal o puede seleccionar la siguiente página en el encabezado del editor Opción de la página actual.
La pestaña Acceso estará disponible solo si usted ha seleccionado '' en la opción 'Adicionar una pestaña para registro y autenticación' en la sección de Configuración. Esta pestaña muestra los formularios que sus promotores usarán para registrarse y autenticarse en su programa de referidos.
Pestaña Acceso
IMPORTANTE
Podrá adicionar nuevos campos en estos formularios.
i
Haga lo que desee esta pestaña, actualice el encabezado, la redacción del contenido, imágenes, colores, etc.
Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar' y seleccione la página Compartir en el menú principal o puede seleccionar la siguiente página en el encabezado del editor Opción de la página actual.
La pestaña Compartir es la que sus promotores utilizan para referir sus servicios/productos. Estos podrán usar todas las herramientas disponibles en la plantilla para compartir sus productos/servicios en cualquier lugar que deseen. Una vez más, haga lo que desee, actualice la redacción, colores, etc.
Pestaña Compartir
Personalice las herramientas de referencias para su programa de referidos
Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar' y seleccione la página Ganar en el menú principal o puede seleccionar la siguiente página en el encabezado del editor Opción de la página actual.

En la pestaña de Ganar, sus promotores podrán ver la cantidad de bonificaciones generadas por red y la cantidad de referencias generadas per red. Esto es muy útil ya que ellos podrán concentrarse más en la red que está generando más ganancias.
Pestaña Ganar
Personalice la pestaña de estadísticas para su programa de referidos
Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar' y seleccione la página Obtener Pagos en el menú principal o puede seleccionar la siguiente página en el encabezado del editor Opción de la página actual.

Una vez que sus promotores comiencen a acumular bonificaciones, estos serán capaces de solicitar un canje de bonificación utilizando esta pestaña. La cantidad a solicitar tendrá que ser mayor que el umbral de pago definido en en la sección de Configuración. Asegúrese de reemplazar los signos $$$ por la cantidad adecuada (su umbral de pago) y modifique cualquier otro elemento que desee en esta plantilla. Cuando un promotor solicita un canje de bonificaciones, el pedido tendrá que ser procesado por su equipo, puede encontrar más información aquí.
Pestaña Obtener Pagos
Personalice la pestaña de canje de bonos para su programa de referidos
Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar' para que todos los cambios queden registrados.

En la sección opciones adicionales es donde puede definir configuraciones relacionadas con la estructura del programa de referidos y notificaciones.

En la sección 'Estructura del programa de referidos', puede elegir si desea o no tener una pestaña en su programa destinada para formularios de registro y autenticación. Además, puede configurar el sujeto del correo electrónico y umbral de pago de sus promotores así como campos extra en su formulario.

Además, incluye una sección para gestionar los lenguajes en los que estará disponible su Programa y podrá agregar las traducciones del contenido de su plantilla.
Configurando las opciones adicionales

Settting up extra setting in your refer a friend program
Una vez que ha finalizado con esta sección, haga clic en el botón 'Guardar' para registrar los cambios.

En el listado de acciones de la Plantilla, aparece la acción Detalles donde podrá encontrar los detalles de la plantilla que creó y el botón 'Muéstrame los fragmentos de códigos' que al hacer clic obtendrá los códigos e instrucciones necesarias para cargar el programa en su sitio Web.
Fragmentos de códigos
Detalles de su programa de referido
Your code snippets and instructions
Primeramente vamos a instalar la plantilla del programa de referidos en su sitio Web para que sus promotores puedan acceder al programa. Cree una nueva página para su programa de referidos y llámela "Programa de Referidos". Luego instale los siguientes fragmentos de códigos (FRAGMENTO DE CÓDIGO 1) para cargar la plantilla en su sitio web. Copie el fragmento de código y colóquelo donde desea que se cargue su plantilla en el código HTML de su página Programa de Referidos.
Cargando la plantilla en su sitio Web usando nuestros fragmentos de códigos
NOTA:
Usted puede cargar la plantilla en una página regular o en un pop up.
i
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>    
         <img src="http://media-cache-ec0.pinimg.com/originals/83/d8/5d/83d85df16252b600986876c58e8e5b4d.jpg"></img>
         <br /><br />        
   <!-- BEGINNING Genius Referrals code snippet -->
<span class="gr_full_widget_design" id="gr-referral-program-home-page-256">&nbsp;</span>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="https://template.geniusreferrals.com/bundles/portal/js/geniusreferrals-tool-box_1.1.3.min.js"></script>
<script type="text/javascript">
    grToolbox.loadTemplate({
        "grTemplateSlug": "referral-program-home-page-256",
        "grCustomerCurrencyCode": "USD",
        "grLanguage": "en"
    });
</script>
<!-- ENDING Genius Referrals code snippet -->
        <br />
        <img src="http://media-cache-ak0.pinimg.com/originals/ec/11/c5/ec11c5ecbf4dee4f1ababd0b00821b54.jpg"></img>    
 </body>
</html>
NOTA:
Usted podrá descargar este ejemplo al final de este artículo.
i
Una vez que el código este colocado en su lugar, actualice la página en su buscador (F5). Si todo va bien, sus sistema debería ser capaz de cargar el programa en su página de recomendación de amigos. Vea la imagen de abajo para más detalles.
Cargando un nuevo programa de referidos en su sitio Web
El proceso de capturar los datos del referente es muy simple, solamente necesita cargar el fragmento de códigos (FRAGMENTO DE CÓDIGO 2), el fragmento de códigos tiene todo lo necesario para capturar las referencias. El código debe ser colocado en la página de aterrizaje (URL de aterrizaje) especificada en el paquete de widgets asociado con la plantilla (si usted no sabe donde encontrar su URL de aterrizaje, por favor lea nuestro artículo ¿Cómo crear un paquete de widgets? para obtener más información), pegue las etiquetas dentro y al final de la etiqueta "body". El ejemplo de abajo muestra los detalles
Capturando los datos del referente
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>  
    <!-- BEGINNING Genius Referrals code snippet -->    
<script type="text/javascript" src="https://template.geniusreferrals.com/bundles/portal/js/geniusreferrals-tool-box_1.1.3.min.js"></script>
<script type="text/javascript">
    grToolbox.catchReferrer();
</script>
    <!-- ENDING Genius Referrals code snippet -->
</body>
</html>
NOTA:
Usted podrá descargar este ejemplo al final de este artículo.
i
Hasta el momento, hemos cargado el programa de referidos en su sitio Web y colocado los fragmentos de códigos necesarios para capturar la información del referente. El próximo paso (FRAGMENTO DE CÓDIGO 3) es rastrear los referidos.

Este fragmento de código necesita ser disparado cuando el cliente potencial (amigo del promotor) ha completado un formulario en su sitio Web, este puede ser un formulario de contacto, un formulario de registro, etc. Usted puede disparar el fragmento de código en una página de confirmación o en el evento 'Submit' del botón de su formulario. Solo necesitaremos que envíe el Nombre, Apellidos y Correo electrónico de sus clientes. Copie las etiquetas y coloquelas dentro y al final de la etiqueta 'body' en su página de confirmación de registro o en su página de confirmación de reservación, etc. para que podamos crear un nuevo promotor en nuestra plataforma. Asegúrese de reemplazar los parámetros señalados en rojo con los valores apropiados. El siguiente es un ejemplo funcional.
Procesando clientes
NOTA:
El método processCustomer enviará sus datos de clientes potenciales a Genius Referrals solo cuando el cliente potencial sea un referido calificado.
i
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>  
    <!-- BEGINNING Genius Referrals code snippet -->    
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="https://template.geniusreferrals.com/bundles/portal/js/geniusreferrals-tool-box_1.1.3.min.js"></script>
<script type="text/javascript">
    grToolbox.processCustomer({
        "grTemplateSlug": "referral-program-home-page-256",
        "grCustomerFirstname": "CUSTOMER_FIRSTNAME",
        "grCustomerLastname": "CUSTOMER_LASTNAME",
        "grCustomerEmail": "CUSTOMER_EMAIL",
        "grCustomerCurrencyCode": "USD",
        "grCanRefer": false    
});
</script>
    <!-- ENDING Genius Referrals code snippet -->
</body>
</html>
NOTA:
Usted podrá descargar este ejemplo al final de este artículo.
i
Una vez que el código ha sido colocado en su lugar, cada vez que se llame al método processCustomer , el fragmento de código chequea si el prospecto o cliente ha sido referido y crea un nuevo referido en su cuenta en Genius Referrals solo cuando es un referido válido.
En la mayoría de las ocasiones, cuando un promotor genera una nueva referencia, este recibirá un bono. Esto por supuesto dependerá de sus reglas de negocio y de las restricciones que ha especificado en su campaña de referencias. Para dar una bonificación al referente de cliente (promotor referente) usted tiene tres opciones:

  1. Usar el Centro de Control, puede leer como en esta publicación
  2. Usar nuestras SDKs y APIs.
  3. Usar los fragmentos de código proporcionados en el paso 5.
Vamos a enfocarnos en la tercera opción ya que las las demás han sido documentadas en otros lugares. Para dar un bono al referente de un cliente (promotor), copie las etiquetas y colócalas dentro y al final de la etiqueta 'body' en su página de confirmación de pago o donde desee dar una bonificación al referente del cliente. Cuando se intenta dar una bonificación los siguientes parámetros están disponibles para ser enviado:

  • CUSTOMER_EMAIL: El correo electrónico del cliente (ej. john@smith.com). Este es un parámetro requerido.
  • REFERENCE: Su número de referencia, puede ser el id del pago, número de orden, una marca de tiempo, etc. Este parámetro es requerido.
  • TOTAL_OF_PAYMENTS: El total de pagos que el cliente ha hecho en su sistema. Este parámetro es opcional y es necesario sólo cuando ha configurado la restricción Cantidad de pagos en su campaña de referencias.
  • PAYMENT_AMOUNT: La cantidad total del pago hecho en su sistema. Este parámetro es opcional y es necesario solo cuando ha configurado una campaña referencial basada en por ciento.
Asegúrese de reemplazar los parámetros CUSTOMER_EMAIL, REFERENCE, AMOUNT_OF_PAYMENTS (opcional) and PAYMENT_AMOUNT (opcional) con los valores apropiados. El siguiente ejemplo muestra los detalles.
    Dando bonificaciones a sus promotores
    <html>
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
    <body>  
        <!-- BEGINNING Genius Referrals code snippet -->    
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://template.geniusreferrals.com/bundles/portal/js/geniusreferrals-tool-box_1.1.3.min.js"></script>
    <script type="text/javascript">
      grToolbox.processForBonus({
            "grTemplateSlug": "referral-program-home-page-256",
            "grCustomerEmail": "john@smith.com",
            "grReference" : "123456789",  /** could be the order id, timestamp, etc. **/
            "grPaymentAmount" : "5
    " /** optional (float) **/
        });
    </script>
        <!-- ENDING Genius Referrals code snippet -->
    </body>
    </html>
    Una vez que un bono ha sido dado al promotor, éste será capaz de canjear el bono como dinero en efectivo, crédito o mercancía. Para más información relacionada con este tema, puede revisar la sección de bonificaciones en su cuenta de Genius Referrals. Además, la publicación gestionando bonificaciones tiene información adicional.
    LANGUAGE