Shopify – Juan Camilo Niño

En los proyectos Shopify, la prueba real llega después del lanzamiento: el cliente quiere una landing nueva el viernes y tú no estás. La forma en que construyes el tema decide si eso es una tarea de cinco minutos o una emergencia.

Construye secciones, no páginas

Cada bloque de un diseño debe ser una sección con su schema: ajustes que el cliente puede cambiar y bloques que puede reordenar. Una página pasa a ser una lista de secciones, y el cliente la compone en el editor del tema sin tocar código.

{% schema %}
{
  "name": "Feature row",
  "settings": [
    { "type": "text", "id": "heading", "label": "Heading" },
    { "type": "richtext", "id": "body", "label": "Text" }
  ],
  "blocks": [{ "type": "item", "name": "Item" }],
  "presets": [{ "name": "Feature row" }]
}
{% endschema %}

Pon los datos estructurados en metafields

Ingredientes, especificaciones, certificaciones: todo lo que se repite entre productos va en un metafield con una definición clara, no en un muro de texto en la descripción. La plantilla lee el campo y el cliente lo llena desde la página del producto.

Usa metaobjects para lo que no es un producto

Miembros del equipo, preguntas frecuentes, sedes, resultados de laboratorio. Los metaobjects le dan a ese contenido su propia estructura y su propia pantalla de administración. Los he usado en tiendas del sector biotecnología, donde los datos son detallados y deben ser consistentes en muchas páginas.

Mantén el tema aburrido

• Una sola convención de nombres para secciones y ajustes.
• Snippets pequeños para el marcado repetido.
• Nada de textos ni IDs escritos a mano en las plantillas.
• Shopify CLI y Git para cada cambio, nunca editar en vivo.

Mide, luego cambia

Las pruebas A/B resuelven discusiones de diseño con datos. Cambia una cosa, espera suficiente tráfico y quédate con la ganadora. Es más lento que confiar en el instinto y mucho más barato que equivocarse.

La meta es una tienda que siga funcionando, y mejorando, cuando el desarrollador no está en la sala.