Añadir al carrito de tu tienda (Shopify…)

¿Tu configurador está integrado en una página de tu tienda en línea? El botón pasa a «Añadir al carrito» y la pulsera se envía a tu página.

Si tu configurador está integrado en una página de tu tienda en línea (Shopify, WooCommerce, Wix…), tu clienta puede poner su pulsera directamente en tu carrito y pagar en tu web, en lugar de enviar una solicitud por email.

Activar

  1. En Tienda → Pedidos, marca Añadir la pulsera al carrito de mi tienda.
  2. Indica la dirección de tu web, por ejemplo https://www.mi-tienda.com (con o sin www, las dos valen).
  3. Guarda y pide a tu desarrollador que añada el pequeño script de abajo a la página que contiene el configurador.

En tu página, el botón de pedido pasa a Añadir al carrito. En otros sitios (enlace directo al configurador, otra web), se mantiene el pedido por email.

La pulsera solo se envía a la dirección de tu web, nunca a otra.

Lo que recibe tu página

Al hacer clic, el configurador envía un mensaje a tu página (postMessage):

  • total, currency: el precio total y la moneda;
  • wrist_cm, bead_mm, real_length_cm: contorno de muñeca deseado, tamaño de las cuentas (una lista, por ejemplo [8, 10], si los tamaños están mezclados), longitud real;
  • beads y elements: la lista, con name, qty y unit_price (y length_mm para los elementos, size_mm para cada piedra: una línea por piedra y tamaño);
  • order_text: la composición en texto, lista para una nota de pedido;
  • design_url: el enlace que vuelve a abrir exactamente esta pulsera.

Para tu desarrollador (ejemplo Shopify)

window.addEventListener('message', async (e) => {
  if (e.origin !== 'https://lochness-paris.com') return;   // solo el configurador
  const d = e.data;
  if (!d || d.source !== 'lochness' || d.type !== 'bracelet:order') return;
  await fetch('/cart/add.js', {
    method: 'POST', headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ items: [{
      id: TU_VARIANTE_PULSERA, quantity: 1,
      properties: { 'Composición': d.order_text, 'Ver la pulsera': d.design_url }
    }] })
  });
  window.location.href = '/cart';
});
No te fíes del total a ciegas: recalcúlalo con tus propios precios (qty × tu precio de cada piedra) o revisa el pedido antes del envío.

La forma de fijar el precio en el carrito depende de tu tienda (un producto por precio, una app de precios a medida…): lo decide tu desarrollador.

Ver también: Recibir los pedidos, Poner el configurador en tu web.

Actualizado el 27 octubre 2026