Custom Liquid en Shopify: cuándo usarlo para rendimiento y flexibilidad

Qué es realmente Custom Liquid

Liquid es el lenguaje de plantillas de los temas Shopify. El bloque Custom Liquid permite insertar markup y lógica Liquid en un punto configurable del tema, mientras que para componentes reutilizables o más complejos prefiero crear secciones y snippets dedicados.

Es útil para modificaciones puntuales y mantenibles sin añadir una app, pero no debería convertirse en un contenedor indiscriminado de grandes cantidades de CSS, JavaScript y lógica duplicada.

Por qué no utilizo page builders como base

Mi elección operativa es trabajar con Online Store 2.0 y las capacidades nativas del tema. Esto reduce dependencias y permite controlar directamente HTML, Liquid, CSS y JavaScript. No significa que todos los page builders sean automáticamente lentos ni que un bloque Custom Liquid sea automáticamente rápido.

Un script mal escrito, una imagen enorme o un loop Liquid ineficiente pueden empeorar una página incluso sin page builder. La verificación correcta sigue siendo medir el resultado en la tienda real.

Cuándo creo una sección

Si el merchant necesita editar textos, imágenes, espacios o configuraciones desde el Theme Editor, creo una sección con schema y settings explícitos. Custom Liquid es más adecuado para intervenciones acotadas que no necesitan una interfaz editorial compleja.

Las reglas de rendimiento que importan

Shopify recomienda minimizar JavaScript innecesario, renderizar contenido esencial con Liquid y HTML, evitar loops profundamente anidados, usar correctamente imágenes responsive y servir assets desde el CDN de Shopify. Estas decisiones influyen más en las métricas que la etiqueta “custom”.

No prometo un LCP específico antes de probar. Mido LCP, INP, CLS e indicadores diagnósticos para entender si la causa está en Liquid, imágenes, CSS, JavaScript o código de apps.

Checkout: Liquid no evita los límites de la plataforma

El código del tema no modifica libremente el checkout. Shopify ofrece distintas tecnologías oficiales según el punto de extensión y el plan. Algunas extensiones UI en las fases de información, envío y pago no están disponibles en Basic, Shopify y Advanced; otras superficies tienen una disponibilidad más amplia. Shopify Functions está disponible en planes estándar para muchos casos backend, pero cada API concreta debe verificarse.

Por eso no uso Custom Liquid como workaround para funciones B2B o pricing que deben aplicarse de forma transaccional. Mostrar un precio distinto en frontend sin modificar correctamente la lógica comercial crea una incoherencia, no una solución.

Cuándo sirven Shopify Functions

Las Functions ejecutan lógica backend en puntos compatibles de Shopify, por ejemplo descuentos, validaciones y personalizaciones de entrega o pago. No son un sustituto universal de las apps y su disponibilidad debe comprobarse por API y plan.

Custom Liquid y GEO

El renderizado server-side de Liquid hace que el contenido esté disponible en el HTML inicial, algo útil para accesibilidad y comprensión. No inserto texto oculto, keyword stuffing ni instrucciones dirigidas a crawlers. El contenido sobre marca, servicios y productos debe ser visible y coherente también para las personas.

Del mismo modo, archivos adicionales o datos estructurados no pueden obligar a un asistente de IA a citar un sitio. Mi trabajo GEO se concentra en señales controlables: crawlability, entidades, estructura semántica, datos y contenidos.

La regla que utilizo

Parto de la solución más sencilla: settings del tema si bastan, sección nativa cuando hace falta configurabilidad, Custom Liquid para intervenciones pequeñas, secciones/snippets dedicados para componentes reutilizables, Metaobjects para datos estructurados y Functions o apps cuando el requisito es backend o integrativo.

Para los aspectos técnicos consulto las best practices de Shopify para temas y las tecnologías de extensión del checkout.

Actualizado el 3 de septiembre de 2026.