Programa de Referidos: Integración con Squarespace

Aprende paso a paso cómo integrar Squarespace con Genius Referrals. Sigue nuestra guía para agregar los fragmentos de código necesarios y personalizar tu programa de referidos en tu tienda Squarespace.

Nota: La integración con Squarespace está disponible solo en ciertos planes de Genius Referrals. Puedes ver nuestros planes y precios aquí.
SquareSpace es una plataforma en línea que permite crear y gestionar sitios web profesionales de forma sencilla, con herramientas para diseño, comercio electrónico y más. Es conocida por sus plantillas elegantes y fáciles de usar, que permiten a los usuarios diseñar sitios atractivos para diversas necesidades comerciales y personales.

Requisitos Previos

  1. Registro en la plataforma: Regístrate en Genius Referrals.
  2. Portal del promotor: Selecciona y personaliza una plantilla para tu programa de referidos Genius Referrals. Este portal es para clientes y visitantes (promotores, afiliados, empleados e influencers).
  3. Tienda activa en Squarespace: Necesitas una tienda activa para agregar los fragmentos de código para la integración.

Paso 1: Iniciando la Integración de Squarespace con Genius Referrals

Para integrar el programa de Genius Referrals en tu tienda Squarespace, deberás insertar tres fragmentos de código específicos en páginas diferentes:

  1. Fragmento para instalar la plantilla del portal de promotores.
  2. Fragmento de código de seguimiento en la página de inicio para monitorizar referidos.
  3. Fragmento de código de conversión en la página de agradecimiento tras la compra.
Consulta la sección siguiente para obtener instrucciones detalladas y ejemplos para cada caso en tu tienda.

Paso 2: Selección del Fragmento de Código para Integración con Squarespace

Según las características de su tienda web debe seleccionar la opción de instalación del programa que mejor se adapte a sus necesidades: Código embebido, Ventana emergente o Burbuja flotante. Para consultar los detalles de cada uno de los scripts puede seguir la siguiente ruta en la plataforma de Genius Referrals: Configurar Programa > Integraciones > Fragmentos de Código > Instalación.

Para las opciones Ventana emergente y Burbuja Flotante se incluye una sección de configuración donde podrá personalizar algunos detalles como el estilo y la ubicación.
Opciones de instalación para integrar su programa de referidos con terceros.

Para generar el fragmento de código que necesitas:

  1. Haz clic en la opción deseada.
  2. Selecciona la página que deseas instalar.
  3. Copia el fragmento de código correspondiente.
  4. Sigue las instrucciones para instalarlo en tu tienda.
Este proceso te proporcionará el código necesario para integrar el Portal de Promotores en Squarespace.
Código embebido
Para instalar el programa de referidos en Squarespace con la opción de Código embebido utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "en",
     "grInstallMethod":"embeddedcode"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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 emergente
Para instalar el programa de referidos en Squarespace con la opción de Ventana emergente utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "en",
     "grInstallMethod":"modal"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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
Para instalar el programa de referidos en Squarespace con la opción de Burbuja flotante utilice el fragmento de código siguiente:
<!-- STARTING GENIUS REFERRALS CODE SNIPPET -->
<span class="gr-widget-design" id= "gr-genius-magpie-template-73">&nbsp;</span>
<script type="text/javascript">
!function(){
const grSetting={
     "grTemplateSlug": "your-advocate-portal",
     "grCustomerCurrencyCode": "USD",
     "grLanguage": "en",
     "grInstallMethod":"bubble"
},
e=window,t=document;e.addEventListener("DOMContentLoaded",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.6.1.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 -->

Paso 3: Instalación del Portal del Promotor en Squarespace

Sigue estos pasos para agregar la plantilla de Genius Referrals a tu tienda en Squarespace:

  1. Accede a tu Cuenta Squarespace e inicia sesión con tus credenciales.
  2. Crea una nueva página en Squarespace con diseño de página en blanco y nómbrala "Refiere y Gana".
  3. Copia el fragmento de código seleccionado en el paso anterior para el Portal del Promotor.
  4. Localiza la sección "Avanzado" dentro de la "Configuración de la página" para personalizar el código HTML de tu nueva página.
  5. Pega el fragmento de código seleccionado en el Paso 2.
  6. Guarda todos los cambios y carga la página "Refiere y Gana" para ver la plantilla.

Paso 4: Selección de los Scripts de Seguimiento y Conversión

  1. Ve a la sección de "Integraciones" en la plataforma de Genius Referrals.
  2. Navega a la subsección de "Fragmentos de Código".
  3. Localiza el apartado "Seguimiento de conversiones", haz clic en "Plataforma".
  4. Selecciona la plataforma "Squarespace" en el selector de plataformas.
  5. Establece el tiempo de expiración de las cookies, que es el tiempo durante el cual la cookie de seguimiento permanece activa en los navegadores para rastrear tus referidos (por ejemplo, 180 días).
  6. Haz clic en el botón Siguiente para generar el fragmento de código y sigue las instrucciones de instalación.

Paso 5: Prueba y Verificación

Una vez que complete la instalación, su programa de referidos debe estar en funcionamiento correctamente, sus clientes y visitantes podrán acceder al programa y recomendar sus servicios.

  1. Verificar Acceso al Programa: Asegúrate de que los clientes pueden acceder al programa de referidos.
  2. Comprobación de Referencias: Verifica que las referencias se crean exitosamente en Genius Referrals.
  3. Bonificaciones: Verifica que los promotores reciben las bonificaciones correspondientes una vez que las referencias completan el formulario.
Escenario: Referir Nuevos Prospectos a una Tienda de Squarespace

Supuestos:
  • Operas una tienda de Squarespace especializada en camisetas.
  • Tu tienda tiene un programa de referidos implementado a través de Genius Referrals.
  • Los clientes reciben una recompensa de $10 por cada referido calificado que resulte en una compra.
  • John Smith, uno de tus clientes leales, refiere a su amigo Matt a tu tienda.
  • Como resultado, John recibe un bono de $10 una vez que Matt completa una compra.
Flujo del escenario del Programa de Referidos.

Probar que John puede compartir sus productos

Para que John pueda referir productos, debe acceder a la página del Portal del Promotor y utilizar las herramientas de la pestaña "Compartir". John podrá usar todas las opciones disponibles para compartir su URL personal. En este escenario, John envía a Matt su enlace personal para que Matt pueda revisar los productos y convertirse en un cliente.

Permitir que los clientes refieran sus productos en su programa de referidos.
Probar que la referencia se ha creado con éxito

Después de que John haya compartido su enlace personal, Matt hará clic en él y aterrizará en tu sitio web. Una vez que Matt complete el formulario de contacto, se generará una nueva referencia en Genius Referrals. Para verificar si la referencia se ha creado correctamente, ve a la sección de Miembros, donde deberías ver a Matt en la lista.

Generando una nueva referencia.
Verificar que John recibe el bono

Ahora debemos verificar que el promotor, John, reciba su bono una vez que la referencia, Matt, complete el formulario de contacto. Después de que Matt envíe el formulario, John debería recibir un bono de $100. Para verificar si el bono fue otorgado al promotor, vaya a la sección de bonos. Debería ver la nueva bonificación de John en esta página.

Bonificación otorgada al promotor en el programa de referencia.
¿Fue útil esta página?
IDEOMA