Plantilla Widget Completo

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. 

Ventajas de usar el Widget Completo

Existen varias ventajas de uso cuando selecciona la plantilla Widget Completo para su programa de recomendación:

  1. Configuración facil 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. 

Desventajas 

También hay desventajas cuando utiliza este tipo de plantilla:  

  1. Limitado a las plantillas disponibles en nuestro Centro de Diseno. 
  2. Poco funcional cuando quiere presentar solo las herramientas de compartir a sus promotores. En este caso use las plantillas de tipo Vínvulos para Compartir o POS.    

Seleccionando su plantilla en nuestro Centro de Diseño

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 4 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 imagenes de abajo muestran los detalles. 

seleccionando la plantilla perfecta para su programa de referidos

seleccionando la plantilla perfecta para su programa de afiliados

Configurando las opciones adicionales

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. 

estableciendo las configuraciones adicionales en su programa de recomendación de amigos

En la sección de 'Notificaciones' es donde usted puede decidir si desea o no enviar notificaciones a sus promotores. Seleccione las notificaciones que desea enviar en su programa y personalice el sujeto y mensaje a enviar a sus promotores. Las etiquetas [advocate_name], [advocate_lastname], [advocate_email], [advocate_claimed_balance], [advocate_unclaimed_balance], [advocate_total_bonuses], [advocate_total_referrals], [referral_name], [referral_lastname], [referral_email], [referral_claimed_balance], [referral_unclaimed_balance], [referral_total_bonuses], [referral_total_referrals] serán reemplazadas automáticamente por nuestro sistema antes de enviar en correo electrónico con la notificación. Además tendrá la sección Integración donde puede selecconar cuando desea darle bonificaciones s sus promotores.

establezca configuraciones adicionales para su programa de recomendacion de amigos

Una vez que ha finalizado con esta sección, haga clic en el botón 'Continuar' para ir al próximo paso. 

Personalizando el contenido de la plantilla

En el paso 3, 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 de tipo WYSIWYG  que usted puede utilizar para actualizar cada sección. Usted puede adicionar imagenes, incrustar vídeos, eliminar o adicionar textos, adicionar JavaScripts and CSS, etc. 

Pestaña Sumario

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. 

personalizar la pestaña sumario en su programa de recomendación de amigos

NOTA: 

La acción 'Regenerar esta pestaña' puede ser usada para regenerar la pestaña en su estado original.

 Una vez que ha finalizado de actualizar la primera pestaña haga clic en el botón 'Guardar y Siguiente' para ir a la próxima pestaña.   

Pestaña de Registro y Autenticación 

La pestaña de registro y autenticación estará disponible solo si usted ha seleccionado ' en la opción 'Adicionar una pestaña para registro y autenticación' en el paso 2. Esta pestaña muestra los formularios que sus promotores usarán para registrarse y autenticarse en su programa de referidos. 

IMPORTANTE

Por favor, no elimine o adicione nuevos campos en estos formularios, el sistema trabajará con solo los campos definidos en la plantilla. Si necesita algo más sofisticado, póngase en contacto con nosotros para que le podamos personalizar una plantilla de acuerdo con sus necesidades. 

Haga lo que desee esta pestaña, actualice el encabezado, la redacción del contenido, imagenes, colores, etc. 

personalice los formularios de registro para su programa de referidos

Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar y Siguiente' para ir a la próxima pestaña.   

Pestaña Herramientas para Compartir

La pestaña de Herramientas para 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. 

personalice las herramientas para compartir de su programa de referidos

Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar y Siguiente' para ir a la próxima pestaña.  

Pestaña Estadísticas

En la pestaña de estadísticas, sus promotores podrán ver la cantiadad de bonificaicones 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 esta generando más ganancias. 

personalice las estadisticas de su programa de afiliados

Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar y Siguiente' para ir a la próxima pestaña.

Pestaña Canje de Bonos

Una vez que sus promotores comiencen a acumular bonificaciones, estos serán capaces de solicitar un canje de bonificacion utilizando esta pestaña. La cantiadad a solicitar tendrá que ser mayor que el umbral de pago definido en el paso 2. 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 bonificaiones, el pedido tentrá que ser procesado por su equipo, puede encontrar más información aquí.  

personalice los canje de bonificaciones en su programa de recomendacion de amigos

Una vez que ha terminado de actualizar la pestaña haga clic en el botón 'Guardar y Siguiente' para ir a la próxima pestaña.

Previsualización y publicación

La pestaña de Previsualización y publicar le permite ver una previsualización de su programa de referidos, haga clic en las pestañas para ver todos los contenidos. Para hacer cambios, desplácese hacia arriba y haga clic en el botón editar de la sección que desea actualizar. 

visualice su programa de referidos

Una vez que este contento con todos los cambios, haga clic en el botón 'Publicar y Muestrame los códigos' para obtener los fragmentos de códigos e instrucciones necesarias para cargar el programa en su sitio Web. 

visualize los fragmentos de código para instalar su programa de referidos

Cargando la plantilla en su sitio Web usando nuestros fragmentos de códigos

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.

NOTA:

Usted puede cargar la plantilla en una página regular o en un pop up.

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

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

Capturando los datos del referente

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 atterrizaje, 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.

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

Procesando clientes

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.

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

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. 

Dando bonificaciones a sus promotores

En la mayoría de las ocaciones, 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 o APIs, puede leer mas en esta publicación     
  3. Usar los fragmentos de código proporcionados en el paso 5.

Vamos a enforcarnos 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 coloquelas dentro y al final de la etiqueta 'body' en su pagina de conformación de pago o donde desee dar una bonificación al referente del cliente. Cuando se intenta dar una bonificacion los siguientes parámetros estan 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 order, 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.

<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, este 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 publicacion gestionando bonificaciones tiene información adicional. 


Recurso Extensión Tamaño



Por favor, deje sus comentarios o preguntas debajo