¿Qué es la extensibilidad del checkout de Shopify?
La extensibilidad del checkout es el modelo de apps y extensiones de Shopify para personalizar el checkout, la página de agradecimiento y las páginas de estado del pedido, en sustitución de la plantilla de tema checkout.liquid y de Additional Scripts.
En lugar de editar una plantilla Liquid que renderizaba el checkout, comercios y apps añaden extensiones —extensiones de UI del checkout, Shopify Functions y extensiones de web pixel— que Shopify aloja y mantiene compatibles con las actualizaciones. El código de tracking que antes se ejecutaba dentro de checkout.liquid o Additional Scripts corresponde ahora a Customer Events, que es la forma soportada de leer eventos de checkout y post-compra.
- personalización del checkout
- extensiones de UI del checkoutShopify Functionsextensiones de web pixel
- tracking del checkout
- Customer Events
Daniil Maximkin Publicado Revisado
- En la práctica
¿Qué sustituyó a checkout.liquid y Additional Scripts?
Shopify retiró checkout.liquid y Additional Scripts y trasladó la personalización del checkout a las extensiones: extensiones de UI del checkout, Shopify Functions, extensiones de web pixel y extensiones de pagos. Shopify aloja esas extensiones y las mantiene compatibles con las actualizaciones, y el mismo cambio retiró las etiquetas script de las páginas de agradecimiento y de estado del pedido.
El cambio es estructural. checkout.liquid renderizaba el checkout como una superficie del tema, así que el código del comercio colocado ahí se ejecutaba en el contexto del tema. Las extensiones se ejecutan en sandboxes controlados por Shopify y se instalan y actualizan mediante apps o el editor del checkout, no editando el código del tema.
- En la práctica
¿Dónde vive ahora el tracking del checkout?
El tracking del checkout y de la post-compra funciona a través de Customer Events. Un web pixel se suscribe a los eventos estándar que publica Shopify, como checkout_started, los pasos de información del checkout y checkout_completed, y los reenvía a la analítica o a las plataformas publicitarias.
Un script del tema que dispare un evento purchase ya no puede leer la página de checkout: la fuente soportada es el flujo de eventos que Shopify expone a los pixels, configurado en Customer Events.
- En la práctica
¿Por qué los scripts del tema no ven el checkout ni la página de agradecimiento?
Shopify renderiza Checkout, agradecimiento y estado del pedido como superficies propias, y el código del tema no está presente ahí. Un script del storefront no tiene DOM del checkout que leer, y el dataLayer en el que escribe no es la página en la que está el cliente cuando se completa el pedido.
Un pixel tampoco puede extraer datos de la página: los web pixels se ejecutan sin acceso al DOM y los pixels personalizados no pueden alcanzar el frame superior, así que el payload del evento es la fuente de los datos del pedido.
- No confundir con
La extensibilidad del checkout no es una sustitución de scripts con una migración uno a uno. Añadir una etiqueta script al tema no inyecta código en el checkout, y el tracking que vivía en Additional Scripts hay que reconstruirlo como pixel o trasladarlo al servidor.
Un pixel personalizado tampoco es Additional Scripts con otro nombre: se ejecuta en el sandbox de Shopify bajo las reglas de consentimiento de Shopify y recibe eventos, en lugar de ejecutarse dentro de la página de checkout.
- Dónde comprobarlo
¿Cómo compruebo qué queda por migrar?
En el admin de Shopify, revisa las personalizaciones del checkout y la lista de Customer events, y usa el informe de Shopify que mapea las personalizaciones actuales al modelo de extensiones, que muestra qué sigue dependiendo de un mecanismo retirado.
Después confírmalo desde el lado del destino: haz un pedido de prueba y comprueba si el evento purchase llega con los valores que esperas. La conciliación de pedidos es la prueba práctica de que una migración mantuvo el tracking de compras.
