InfoEnvíoFecha de entrega real
Respeta el horario de corte (p. ej. 14:00) y los días laborables de la tienda. Salta fines de semana y festivos nacionales españoles, más los que el comercio añada.
App Shopify embebida · En producción
Cálculo de envíos en tiempo real para Shopify
Conecta los Shipping Profiles de Shopify con widgets en el storefront: el cliente ve la fecha de entrega real y el coste exacto antes del checkout, respetando horarios de corte, festivos nacionales y zonas configurables.
Desplegada para regalograbado.com · por Pablo González Pérez
Funciones
Qué hace el sistema
Coste de envío exacto
Lee las tarifas reales de los Shipping Profiles de Shopify vía Admin GraphQL. Sin valores fijados a mano ni desfases entre lo que ve el cliente y lo que paga en el checkout.
Envío gratis inteligente
Detecta si el producto, el carrito o la suma de ambos cruza el umbral de envío gratis. Cuatro casos distintos, cada uno con su mensaje específico.
Cambio de zona sin recargar
El cliente cambia país y código postal en el sitio. Las fechas y los precios se recalculan al instante sin perder el estado de navegación.
Multidioma automático
ES · EN · FR · PT detectados desde el locale de Shopify. Las etiquetas de la interfaz se traducen sin que el comercio configure nada en Shopify Languages.
Recálculo en el carrito
Cuando el cliente cambia cantidades en el cart drawer (AJAX), el widget se actualiza solo, sin recargar la página.
Lógica de negocio
Casos de envío gratis
La lógica distingue cuatro escenarios para no prometer al cliente un envío gratis que el checkout no cumpliría.
Caso A
Por debajo del umbral. Producto + carrito no llegan a envío gratis. Se muestra el coste real con CTA "Te faltan X € para conseguir el envío GRATIS".
Caso B
Desbloqueo por suma. El producto solo no llega al umbral, pero sumado al carrito sí. Mensaje "¡Con este producto tu pedido tendrá envío GRATIS!".
Caso C
Carrito ya cubierto. El carrito por sí solo cruza el umbral, sin necesidad del producto actual. Mensaje "Tu pedido ya tiene envío GRATIS garantizado".
Caso D
Producto auto-suficiente. El producto por sí solo cubre el umbral. Mensaje "Este producto incluye envío GRATIS".
Construido con
Stack técnico
React Router v7TypeScriptPrisma + SQLiteFly.ioDocker multi-stageShopify App ExtensionsPolaris Web ComponentsApp Proxy + HMACVitest (36 tests)GitHub Actions audit