Publicación por plataforma
Guardas un dato en el panel de tu tienda y quieres que aparezca en la ficha. Esta ruta explica cómo llega de uno a otra en Shopify y en BigCommerce, con una rama para cada plataforma. Al acabarla sabrás qué recibe un rastreador en la primera respuesta, dónde guarda cada plataforma un dato que su modelo estándar no tiene y qué hace falta para que el tema o la app lo escriban en la página, y por qué un valor puede perderse cuando otro sistema escribe el mismo campo. Con eso puedes pedir a quien toque tu tienda que te enseñe el dato en la página pública, no solo en el panel.
Primero lo que es igual en cualquier plataforma, después una rama por plataforma y al final lo que vuelve a valer para las dos. Un dato guardado en el panel solo llega a la página si el tema, una app o el frontend lo escriben en ella, y eso se hace distinto en Shopify y en BigCommerce. Por eso la ruta tiene cuatro tramos y tú lees tres: el primero, el último y la rama de tu plataforma.
- Pasos 1 a 3 · Cómo llega una página a quien la lee (las dos plataformas). Con el SSR, el contenido viaja en la primera respuesta HTML; con el renderizado de JavaScript, lo monta el navegador después, y no todos los bots lo esperan. El headless commerce es la otra forma de montar una tienda, con el frontend separado del backend.
- Pasos 4 a 8 · Rama Shopify. Liquid es el lenguaje de plantillas de los temas. Los metafields guardan datos que el modelo estándar no tiene, y el metaobjeto los agrupa en un registro que se reutiliza. El app embed es la forma en que una app añade código sin tocar el tema, y Shopify Catalog es por donde tus productos llegan a los canales de IA.
- Pasos 9 a 12 · Rama BigCommerce. Stencil es el motor de temas. Los custom fields son pares de nombre y valor en el producto, y el widget solo aparece donde el tema declara una región para él. Catalyst es el frontend headless que sustituye a Stencil.
- Pasos 13 a 16 · Cuando otro sistema toca tus datos (las dos plataformas). Una API de catálogo deja que otras aplicaciones lean y escriban tus productos, y un webhook avisa cuando algo cambia. Si dos sistemas escriben el mismo campo hay sobrescritura de campos, y el versionado de contenido es lo que permite saber qué se publicó y volver atrás.
Si tu tienda es de Shopify, lee los pasos 1 a 8 y 13 a 16. Para seguir un dato por esa rama, de punta a punta, está la guía del metafield a la página publicada.
Si tu tienda es de BigCommerce, lee los pasos 1 a 3 y 9 a 16. Para lo mismo en esa plataforma, la guía del widget a la página publicada.
Cuando el dato ya está en la página, la ruta de medición y verificación enseña a comprobarlo.
Empieza aquí
Si partes de cero, lee primero el SSR y, después, el término de tu plataforma: metafields si vendes en Shopify, custom fields si vendes en BigCommerce. Después, vuelve a la ruta completa por donde te hayas quedado.
SSR (renderizado del lado del servidor)
Qué llega en la primera respuesta HTML y por qué no todos los bots ven lo que monta JavaScript.
Metafields de Shopify
Campos extra en un producto, un pedido o un cliente; el tema decide si se muestran.
Custom fields de BigCommerce
Pares de nombre y valor en un producto; el tema decide dónde aparecen en la ficha.
La ruta, paso a paso
-
Renderizado del lado del servidor
El renderizado del lado del servidor (SSR, server-side rendering) es la técnica por la que el servidor construye el HTML completo de una página antes de enviarlo, de modo que el navegador o un rastreador reciben el contenido ya escrito en la primera respuesta.
-
Renderizado de JavaScript
El renderizado de JavaScript es el paso en el que un navegador o un rastreador ejecuta los scripts de una página para obtener su contenido final, el que ve una persona en pantalla.
-
Headless commerce
El headless commerce es una arquitectura de tienda online en la que el frontend, la parte que ve el comprador, está separado del backend de comercio, que guarda el catálogo, el carrito, los pagos y los pedidos.
-
Liquid
Liquid es el lenguaje de plantillas de código abierto que creó Shopify y con el que se escriben los temas de sus tiendas.
-
Metafields
Los metafields de Shopify son campos personalizados que se añaden a un recurso de la tienda, como un producto, un pedido o un cliente, para guardar datos que el modelo estándar no tiene, como unas instrucciones de cuidado o una guía de tallas.
-
Metaobjeto de Shopify
Un metaobjeto de Shopify es un tipo de registro personalizado, con varios campos, que el comercio o una aplicación define para guardar datos estructurados que no pertenecen a ningún recurso estándar de la tienda, como una guía de tallas o el perfil de un diseñador.
-
App embed de Shopify
Un app embed de Shopify es un bloque de la extensión de tema de una app que Shopify inserta antes del cierre de las etiquetas head o body, sin editar el código del tema.
-
Shopify Catalog
Shopify Catalog es la base de datos de productos de Shopify para canales de IA: reúne los productos de las tiendas que cumplen sus requisitos, los estructura y los distribuye a asistentes como ChatGPT o Microsoft Copilot, y los expone a los agentes de IA mediante una API de búsqueda.
-
Stencil
Stencil es el motor de temas de BigCommerce: el sistema con el que se construyen y personalizan las tiendas que aloja la propia plataforma, con plantillas Handlebars, estilos en Sass y JavaScript.
-
Custom fields
Los custom fields de BigCommerce son pares de nombre y valor que se añaden a un producto para mostrar datos que no tienen un campo propio, como el ISBN de un libro, el tejido de una camisa o la añada de un vino.
-
Widget de BigCommerce
Un widget de BigCommerce es una unidad de contenido en HTML, CSS y JavaScript, construida sobre una plantilla Handlebars, que se crea con la Widgets API y se coloca en una región de un tema Stencil.
-
Catalyst
Catalyst es el framework de storefront headless de BigCommerce: una aplicación de código abierto, construida sobre Next.js y los componentes de servidor de React, que pide el catálogo a la GraphQL Storefront API y compone con él las páginas de la tienda.
-
API de catálogo
Una API de catálogo es la interfaz de programación con la que una plataforma de comercio electrónico deja que otras aplicaciones lean, creen y modifiquen sus productos, categorías y variantes sin pasar por el panel.
-
Webhook
Un webhook es una notificación HTTP que una plataforma envía automáticamente a la dirección de otra aplicación cuando ocurre un evento concreto, como la creación de un pedido o el cambio de un producto.
-
Sobrescritura de campos
La sobrescritura de campos es lo que ocurre cuando un sistema escribe un valor en un campo de producto, como el título, la descripción o un metafield, encima del que había guardado otro sistema o una persona, y el valor anterior se pierde sin aviso.
-
Versionado de contenido
El versionado de contenido es la práctica de guardar cada versión de un texto o de un dato publicado con su fecha, su autor y lo que cambió, para poder compararlas, saber qué se publicó en cada momento y volver a una anterior.
Haz que los bots entiendan tu catálogo
Clione completa cada ficha de producto con lo que los bots leen mejor: el grafo JSON-LD con sus datos estructurados, la meta description y las preguntas frecuentes. Tú revisas y pulsas Push; después comprobamos tu tienda en vivo para que todo siga publicado.