Glass Capture

Antes de empezar

Qué incluye y qué necesitas

glass-capture/
├── sections/
│   └── glass-capture.liquid   ← la sección (un único archivo)
├── GUIA-INSTALACION.md        ← esta guía
└── guia-instalacion.html      ← la misma guía en formato web

1. 01

   Paso 1: Subir la sección

   2 min

   1. En el admin de Shopify ve a Tienda online → Temas.
   2. En tu tema pulsa ⋯ → Editar código.
   3. En la carpeta sections pulsa Añadir una nueva sección.
   4. Ponle de nombre glass-capture y elige Liquid.
   5. Borra todo lo que trae el archivo, pega el contenido de sections/glass-capture.liquid y pulsa Guardar.

   Si trabajas con Shopify CLI, copia glass-capture.liquid dentro de la carpeta sections/ de tu tema y ejecuta shopify theme push.

2. 02

   Paso 2: Añadirla a tu tienda

   1 min

   1. Abre Tienda online → Temas → Personalizar.
   2. Elige dónde quieres que aparezca:
      • En toda la tienda (recomendado para el popup): en la barra lateral, dentro de Pie de página, pulsa Añadir sección y elige Glass Capture.
      • Solo en una página: abre esa plantilla (por ejemplo, la de inicio) y añade la sección allí.
   3. Elige el punto de partida: Blur, Liquid, Smoke, Black, White o Inline (formato sección normal, sin popup).
   4. Pulsa Guardar.

   En el editor, el popup se queda abierto para que puedas editarlo. Si molesta, desactiva Mantener abierto en el editor y solo se abrirá al seleccionar la sección.

3. 03

   Paso 3: Crear el código de descuento

   2 min

   1. Ve a Descuentos → Crear descuento y elige el descuento sobre el pedido (en inglés, Amount off order).
   2. Método: Código de descuento. Escribe el código, por ejemplo BIENVENIDA10.
   3. Valor: 10 %, o lo que quieras ofrecer.
   4. En Límites de uso marca Limitar a un uso por cliente.
   5. Guarda.
   6. En la sección, dentro de Tras suscribirse → Código de descuento, escribe exactamente el mismo código.

   Con Mostrar el código en pantalla el cliente ve el código nada más suscribirse y puede copiarlo. Con Aplicar el código automáticamente al carrito se aplica solo en el checkout, sin que tenga que escribirlo.

4. 04

   Paso 4: Enviar el descuento por email de forma automática

   3 min

   La sección guarda al cliente como suscriptor de email. Shopify puede enviarle un email de bienvenida con el código en cuanto se suscribe:

   1. Ve a Marketing → Automatizaciones → Crear automatización.
   2. Elige la plantilla de bienvenida a nuevos suscriptores con descuento. Se activa cuando un cliente se suscribe al email marketing.
   3. Edita el email y añade el descuento que creaste en el Paso 3 (tiene que existir antes).
   4. Revisa el asunto y el texto, y pulsa Activar.

   A tener en cuenta

   • Si tienes activada la doble confirmación (double opt-in), el cliente recibirá primero un email para confirmar la suscripción. El descuento llegará después de que confirme.
   • Un cliente que ya estaba suscrito no vuelve a disparar la bienvenida.
   • Ten una sola automatización de bienvenida activa para no enviar el código dos veces.
5. 05

   Paso 5: Probarlo

   1 min

   Abre tu tienda en una ventana de incógnito, suscríbete con un email tuyo y comprueba que el cliente aparece en Clientes y que te llega el email. El navegador recuerda si ya lo cerraste o te suscribiste; por eso conviene el modo incógnito.

Personalizar

Todo se edita desde el editor de temas

Programación

Cuándo y a quién se muestra

Datos

Dónde quedan los datos

Opcional

Klaviyo, webhook y analítica

document.addEventListener('glass-capture:subscribed', (e) => {
  console.log('Nueva suscripción', e.detail.campaign);
});

RGPD

Privacidad

Ayuda

Solución de problemas

FAQ

Preguntas frecuentes