Widget de tienda online

Resumen

Coloca un planificador completo de azulejos y suelos en tu página de producto. El comprador distribuye su estancia, ve cada corte y la cantidad calculada va directa a tu carrito.

Scalarcut es una plataforma de planificación de azulejos y suelos. Una parte es un widget integrable que colocas en la página de producto, para que el comprador pueda distribuir su propia estancia antes de comprar.

Este es el recorrido que ven tus clientes. Alguien entra en un azulejo o suelo que le gusta. Donde normalmente escribiría las medidas de la habitación en una simple calculadora de área — y acabaría con una cifra redondeada aproximada —, abre el planificador en su lugar. Describe la pared o el suelo que va a cubrir, y el planificador genera una distribución de azulejos, con piezas enteras y cortes, todo en el sitio. El widget resta los huecos como puertas y ventanas, aplica Sliver Guard para marcar o evitar cortes por debajo de su umbral, y termina con la cantidad calculada para pedir, una lista de cortes y un Blueprint PDF imprimible.

Para ti, la integración es una etiqueta de script y un callback. El widget lee tu catálogo, no toca tus precios ni tu checkout, y cuando el comprador pulsa «Añadir al carrito», envía automáticamente los SKU y las cantidades resueltos — los azulejos totales a pedir y, si está activado, adhesivo, lechada e imprimación — directos al carrito de tu tienda. El widget calcula las cantidades a partir de la distribución, así que el comprador no escribe ninguna cantidad.

Es independiente de la plataforma. Como el widget es un iframe autocontenido sin dependencia de tu backend, funciona dondequiera que puedas insertar una etiqueta de script — WooCommerce, Shopify, Magento, BigCommerce, 1C-Bitrix, Shopware, JTL o una tienda personalizada o headless hecha con React, Vue o Laravel. El mismo fragmento funciona en todas.

Qué hace

  • Coloca toda la distribución. El widget dispone cada azulejo y cada corte sobre la superficie que describe el comprador, descontando puertas, ventanas y registros del área.
  • Sliver Guard. El planificador trata 50 mm como su umbral de fragilidad: un corte por debajo tiene alto riesgo de romperse durante la instalación. Cuando el widget ve uno, reancla la distribución al centro de la pared para no pedir al comprador un corte que quizá no sobreviva en obra.
  • Cut Recycling Engine. El sobrante de un corte se convierte en la pieza de partida del siguiente, lo que reduce el desperdicio y el número total de azulejos.
  • Construye la lista de materiales. Azulejos en piezas y cajas, adhesivo, lechada e imprimación — todo calculado a partir de la distribución real, no de una estimación plana por metro cuadrado.
  • Exporta un blueprint. Un PDF con tu marca, las medidas, el dibujo de la distribución y la lista completa de cortes.
  • Te entrega el carrito. Un callback devuelve los SKU y las cantidades resueltos, y tu tienda los añade a su propio carrito. Precio, stock y checkout siguen siendo totalmente tuyos.

El widget se ocupa de la distribución y el cálculo de cantidades; otras integraciones van por separado. Dos cosas quedan fuera del embed. La exportación Factory MBOM legible por máquina — el JSON/CSV para ERP y mesas de corte — es un producto Enterprise aparte, no parte del widget de Online Store. Y el widget no ejecuta renderizado de estancias con IA, así que nunca consume tu cuota de renderizado ni aumenta tus costes.

Cómo funciona, brevemente

El widget corre en un iframe en tu página de producto, servido desde su propio host y controlado por un pequeño SDK de JavaScript.

  1. Tu página carga el SDK y llama a ScalarcutTiling.mount(...) con tu clave de widget, tu catálogo y el SKU actual.
  2. El widget muestra tus productos y el comprador construye una distribución.
  3. Cuando pulsa «Añadir al carrito», el widget envía el resultado a tu página, y tú añades las líneas mediante tu propio carrito.

El planificador va embebido en tu tienda y el checkout permanece en tu tienda. El comprador no se registra en nada y nunca llega a un checkout con la marca de Scalarcut. El widget es totalmente autocontenido.

Para quién es

  • Tiendas de azulejos y suelos que quieren páginas de producto que digan al comprador cuánto necesita de verdad.
  • Fabricantes e importadores que publican un catálogo una vez y dan a cada distribuidor el mismo planificador.
  • Marketplaces y showrooms que quieren una experiencia de planificación coherente y con su marca en muchas tiendas.

Por dónde seguir

Empieza por el Inicio rápido para tener un widget en vivo en unos quince minutos. Luego lee Añade el widget a tu tienda para el tamaño y la ubicación, y la referencia del SDK para la API completa.

¿Integras en su lugar un ERP, MES o mesa de corte? Eso es otro producto — mira la documentación de Factory MBOM, que se mantiene separada de esta guía del widget.