Quién: Mariusz Szatkowski, ingeniero de commerce con entregas exigentes en WooCommerce y Shopify, con integraciones documentadas y métricas que resisten auditorías técnicas y financieras.
Qué: Temas Liquid, Storefront API headless con Hydrogen y rutas tipo Remix cuando encajan, extensiones de checkout conformes a políticas, conectores ERP y logística, y rescates de tiendas donde las apps compiten por el mismo tiempo de hilo principal.
Dónde: Remoto desde Gdynia para marcas en España, UE y operadores que venden a turismo internacional con promesas de entrega realistas y fiscalidad coherente entre checkout y ERP.
Inversión:
- Reconstrucción de tema o migración OS2: presupuesto individual
- Headless o Hydrogen: presupuesto individual
- Capa de integración ERP/OMS: presupuesto individual
- Intervención de rendimiento o soporte continuo: presupuesto individual
- Sesión de descubrimiento: sin coste para alcances cualificados
Desarrollador Shopify alineado con operaciones, fiscalidad y móvil real
Shopify acorta el camino entre idea y checkout alojado, pero no sustituye un modelo de catálogo, impuestos y logística claro. Un desarrollador Shopify senior evita que Liquid se convierta en pegamento de snippets, que los webhooks dupliquen pedidos en el ERP y que el marketing añada scripts que destruyen la interactividad en el móvil de quien llega desde redes sociales.
En España el comercio electrónico compite con marketplaces y con cadenas que combinan tienda física y online en mismos festivos comerciales. Shopify funciona cuando finanzas y operaciones ven los mismos precios, IVA y plazos que el cliente. Si necesitas capa editorial fuerte, enlazamos WordPress de forma consciente, nunca duplicando verdad de producto en dos bases sin proceso de sincronización.
Dónde la plataforma destaca y qué dibujamos al inicio
La fuerza de Shopify es la coherencia entre producto, precio, envío y pago. La debilidad aparece cuando el negocio intenta replicar toda la lógica de un ERP on-premise dentro de archivos de tema. Empezamos por mercados, transportistas, políticas de devolución y necesidades de facturación. Shopify Markets solo ayuda si contabilidad y logística firman los mismos datos que el checkout muestra.
Pagos y hábitos locales
Tarjetas, Bizum donde aplique vía partners, y métodos diferidos según riesgo son decisiones de negocio, no solo toggles. Evitamos acumular apps de pago que compiten por el mismo checkout. Para ventas transfronterizas en la UE, los textos sobre derechos de desistencia y plazos deben coincidir con lo que el ERP usa para abonos y rectificativas, especialmente si trabajáis con software de factura electrónica sujeto a normativa naciónal consultada con vuestro asesor.
Inventario de scripts de marketing
Los equipos de growth instalan pixels, A/B tests y widgets de reseñas en cascada. Cada capa suma JavaScript y listeners que compiten por el tiempo del hilo principal. Hacemos inventario con propietario claro: equipo, objetivo, cadencia de revisión e impacto medido en INP antes y después.
Funciones de un desarrollador Shopify en equipos mixtos
No es solo «instalar un tema bonito». Trabajos frecuentes:
- Metacampos y metaobjetos para fichas técnicas, compatibilidades y etiquetado sectorial (textil, alimentación, cosmética).
- Secciones OS2 que merchandising ajusta sin romper el LCP de páginas de colección alimentadas por campañas de pago.
- GraphQL Storefront resiliente a picos cuando el tráfico salta tras televisión o influencers.
- Admin API y fulfillment para múltiples almacenes peninsulares o islas con reglas de SLA distintas.
- Auditoría de apps para eliminar solapamiento entre upsell, reseñas y programas de puntos.
- Observabilidad con colas visibles cuando los webhooks fallan antes de que el cliente vea roturas de stock.
Liquid y Online Store 2.0
La migración a Online Store 2.0 libera secciones JSON, pero exige reorganizar contenidos viejos atados a plantillas legacy. Ejecutamos migraciones como refactor: snippets duplicados se fusionan, las imágenes ganan proporciones estables para reducir CLS y el carrito drawer conserva caminos de teclado para accesibilidad.
Ejemplos de código para revisión
Patrones típicos de producción: ajustes de sección OS2 editables con seguridad, lectura GraphQL acotada para rejillas de colección y worker de webhook tolerante a entregas duplicadas.
Esquema de sección (Online Store 2.0)
{% schema %}
{
"name": "Featured collection",
"tag": "section",
"class": "section-featured-collection",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "range",
"id": "products_to_show",
"min": 2,
"max": 12,
"step": 1,
"default": 4,
"label": "Products to show"
}
],
"presets": [{ "name": "Featured collection" }]
}
{% endschema %}
Consulta Storefront API con páginación por cursor
Variables: handle (colección), first (tamaño de página), after (cursor).
query CollectionProducts($handle: String!, $first: Int!, $after: String) {
collection(handle: $handle) {
id
title
products(first: $first, after: $after) {
pageInfo {
hasNextPage
endCursor
}
edges {
cursor
node {
id
handle
title
}
}
}
}
}
Consumidor de webhook idempotente (boceto)
Shopify puede repetir webhooks; deduplica por X-Shopify-Webhook-Id antes de la cola ERP.
// Pseudocódigo: worker estilo Node con caché de deduplicación breve
async function handleOrderCreate(payload, headers) {
const webhookId = headers["x-shopify-webhook-id"];
const orderId = payload?.id?.toString();
if (!webhookId || !orderId) return { status: 400 };
const dedupeKey = `orders/create:${webhookId}`;
if (await cache.has(dedupeKey)) {
return { status: 200, body: "duplicate ignored" };
}
await enqueueErpExport(orderId);
await cache.set(dedupeKey, "1", { ttlSeconds: 86400 });
return { status: 200 };
}
Bucle Liquid acotado para la rejilla de producto
Un limit fijo y anchos explícitos en image_url evitan bucles caros y descargas de imagen excesivas en móviles.
{% assign cap = section.settings.products_to_show | default: 8 %}
{% assign collection = section.settings.collection %}
<ul class="product-grid" role="list">
{% for product in collection.products limit: cap %}
<li>
<a href="{{ product.url }}">
{{
product.featured_image
| image_url: width: 640
| image_tag: loading: 'lazy', widths: '320,640,960'
}}
</a>
</li>
{% endfor %}
</ul>
Storefront API: añadir líneas al carrito (boceto de mutación)
Si el modelo de amenaza lo exige, ejecuta mutaciones desde ruta de servidor, worker de cola o acción Remix en Hydrogen para no exponer el token de Storefront en bundles opacos del navegador.
mutation cartLinesAdd($cartId: ID!, $lines: [CartLineInput!]!) {
cartLinesAdd(cartId: $cartId, lines: $lines) {
cart {
id
totalQuantity
}
userErrors {
field
message
}
}
}
Variables de ejemplo:
{
"cartId": "gid://shopify/Cart/YOUR_CART_ID",
"lines": [
{
"merchandiseId": "gid://shopify/ProductVariant/YOUR_VARIANT_ID",
"quantity": 1
}
]
}
Headless con Storefront API, Hydrogen, Remix y Oxygen
La Storefront API entrega catálogo y carrito vía GraphQL para un frontend que renderice rejillas, mutaciones y flujos del comprador sin Liquid en la capa de tienda. Hydrogen agrupa patrones React para streaming, estado del carrito y carga de datos alineados con URLs comerciales; las convenciones se acercan a Remix, lo que ayuda a equipos que esperan loaders, actions y límites de error explícitos.
Oxygen es el alojamiento de Shopify para Hydrogen y reduce pegamento manual en edge por cada release. Eso no vuelve Hydrogen obligatorio: equipos maduros de Next.js o Astro suelen llamar a Storefront API directamente y cambian boilerplate oficial por sistemas de diseño existentes.
GraphQL que aguanta picos
Diseñamos operaciones con páginación por cursor para colecciones grandes, manejo defensivo de errores cuando fallos temporales coinciden con tráfico alto y líneas de carrito que mantienen promociones y selling plans legibles para soporte. El contexto de cuenta y login se alinea con vuestro programa de privacidad, no como fetch improvisado.
Cuándo Hydrogen, cuándo Liquid
Hydrogen encaja con cultura React, componentes compartidos entre canales y despliegue documentado. Liquid-first sigue fuerte cuando el merchandising vive en el editor de temas y la ganancia medible viene de consolidar apps o refactorizar Liquid.
Headless no es «rápido por defecto». Medimos LCP comparable en URLs de colección, peso de bundle y coste operativo de previsualización para equipos no técnicos. Si el tema Liquid mejora con menos apps, no empujamos headless por moda.
Checkout, Functions y límites saludables
El checkout protegido es un beneficio de seguridad y PCI. Implementamos reglas con Functions y extensiones UI soportadas. Evitamos prometer JavaScript libre que la política de Shopify ya no cubre.
Webhooks, colas y ERP
Los pedidos y el inventario necesitan endpoints idempotentes. Colas con DLQ y alertas evitan que una incidencia temporal del ERP se convierta en divergencia silenciosa hasta el siguiente inventario físico. Para operaciones que mezclan tienda física y online, los ajustes de stock requieren disciplina horaria para no chocar con picos de caja.
Rendimiento y Core Web Vitals
La CDN ayuda, pero el tema y las etiquetas determinan INP y CLS. Establecemos presupuestos por plantilla, diferimos JS no crítico y tratamos la tipografía para no provocar saltos cuando llegan fuentes variables. No vendemos aumentos porcentuales inventados de conversión; entregamos antes y después con el mismo perfil de prueba.
Mercados, B2B y Plus
Shopify Plus tiene sentido cuando existen empresas cliente, listas de precios y aprobaciones internas reales. Configuramos roles y flujos para no duplicar trabajo entre CRM manual y Admin.
Migración y SEO
Mapas 301, metacampos y datos estructurados necesitan consistencia. Monitorizamos Search Console tras el arranque y corregimos roturas antes de que afecten a ingresos orgánicos.
AEO y coherencia factual
Los asistentes citan tiendas cuando políticas y especificaciones son iguales en HTML, JSON-LD y FAQs internas. Evitamos páginas «para IA» sin respaldo operativo.
Servicios que entregamos
- Temas OS2, auditorías Liquid y rendimiento
- Frontends headless con Storefront API
- Reglas de checkout dentro de la política
- Integraciones ERP/3PL con observabilidad
- Suscripciones y catálogos complejos
- Migraciones con SEO y calidad de datos
Escenarios ibéricos

Retail con estacionalidad y canales múltiples
Marcas de moda y hogar necesitan colecciones rápidas sin roturas de stock entre almacén y tienda. Co-diseñamos secciones promocionales con métricas de INP y sincronizaciones que no dependan de hojas de cálculo en vísperas de rebajas.
Qué optimizamos frente a lo que no garantizamos
Optimizamos arquitectura, integraciones e instrumentación. No garantizamos saltos de ingresos; dependen de tráfico, márgenes y posicionamiento de marca.

Tarjetas de escenarios
Gourmet y turismo
Metacampos legales, lotes y cadena de frío con transportistas peninsulares e isleños.
Textos de checkout alineados con logística real
Mobiliario y plazos de fabricación
Lead times, confirmaciones de medidas e integración con producción.
Menos errores entre pago y orden de fabricación
Distribución B2B
Plus con empresas, listas y exportaciones para contabilidad.
Conciliación mensual más simple
Stack técnico
The Autonomous Future: UCP Agent Mesh
Experience the next generation of decentralized commerce protocols through a high-fidelity tactile interface.
Los agentes de IA operan de forma autónoma sin intermediarios, con latencia inferior a 1 ms.
Cada sitio WordPress se convierte en un nodo de la red comercial global UCP.
Liquidaciones automáticas y depósito en garantía - sin trabajo manual y sin acceso no autorizado.
Casos de uso reales
El agente de IA elige la pasarela de pago más económica por transacción, en tiempo real.
La IA negocia precios y plazos de entrega con mayoristas según el stock en tiempo real.
Vende artículos, cursos o PDF por fracciones de céntimo - sin suscripción.
Fondos retenidos en contrato inteligente - liberados al confirmar la entrega el comprador.
Precios actualizados cada minuto según demanda, competencia y costes en vivo.
El contrato inteligente paga la comisión en milisegundos tras la compra confirmada.
Nodo UCP v4.0
Vitalidad del núcleo
Sincronización de malla
> Inicializando UCP Mesh...
> Conectando a la malla global de agentes [OK]
> Verificando Smart Contract v2.1... [VERIFICADO]
> Escuchando eventos de comercio...
> Transacción entrante: TX-828-A1-Z [PROCESANDO]
_
Controles del protocolo
"El Protocolo de Comercio Universal permite que los agentes de IA realicen transacciones de forma autónoma, reduciendo la fricción en la economía global."
CI para temas, secretos fuera de Liquid y documentación que vuestro IT interno puede mantener.
Mapa de integraciones
Pagos
Shopify Payments cuando esté disponible, métodos locales y carteras admitidas por vuestra configuración.
Logística
SEUR, MRW, GLS, Correos o APIs custom para almacén propio.
ERP
Admin API, colas, reconciliación de inventario diaria u horaria.
Analytics
GA4 y variantes server-side cuando consentimiento y política interna permiten.
Marketing
Klaviyo y similares con control del volumen de webhooks.
Contenido
CMS headless o WordPress sin duplicar producto como fuente paralela.
Expectativas transparentes
Respeto por la plataforma
Construimos dentro de superficies soportadas para upgrades previsibles.
Métricas honestas
Informes antes y después sin porcentajes mágicos de conversión.
Seguridad operativa
Tokens con menor privilegio posible y rotación cuando cambian equipos.
Mismo especialista de punta a punta
Quien escribe el plan de integración también revisa GraphQL y webhooks.
Siguiente paso
Enviad URL de la tienda, lista de integraciones y ventanas de tráfico elevado. Devolvemos roadmap con riesgos e hitos, no solo horas sueltas.
Última actualización: 3 de mayo de 2026


