Saltar al contenido

Extensiones de checkout de Shopify: ventas adicionales y más

El checkout es la página más valiosa de tu tienda y, durante años, la más difícil de cambiar. Las extensiones de UI del checkout son la respuesta de Shopify: bloques creados por apps que encajan en el checkout y en las páginas posteriores. Esto es lo que pueden hacer y cómo conseguir una.

BlogSuperficies de Shopify3 min de lectura
Abstract illustration of a shopping cart with puzzle-piece blocks slotting into it, representing Shopify checkout UI extensions

Qué es una extensión de UI del checkout

Una extensión de UI del checkout es un bloque, aportado por una app, que Shopify muestra dentro del checkout. Se construye con los propios componentes de interfaz de Shopify, así que hereda la marca de tu checkout y sigue siendo rápida y segura, y la colocas en el editor del checkout igual que un bloque de tema.

Las extensiones sustituyen el método antiguo de editar directamente las plantillas del checkout. Shopify ha ido llevando a todas las tiendas a este modelo, llamado checkout extensibility, junto con Shopify Functions para lógica como los descuentos.

Dónde pueden aparecer

Hay dos grupos de ubicaciones, y la diferencia importa por los planes:

  • Dentro del checkout: los pasos de información, envío y pago. Aquí las extensiones están disponibles para tiendas con Shopify Plus.
  • Después del checkout: la página de agradecimiento y la página de estado del pedido. Aquí las extensiones están disponibles en todos los planes.

Así que si no tienes Plus, las páginas de agradecimiento y de estado del pedido son donde una extensión de checkout puede trabajar para ti. Las reglas de planes de Shopify cambian de vez en cuando, así que consulta la documentación actual de checkout extensibility para tu plan antes de construir.

Los bloques de checkout que más se crean

  • Ventas adicionales tras la compra en la página de agradecimiento: un producto complementario ofrecido cuando la intención es máxima.
  • Confianza y tranquilidad: política de devoluciones, plazo de entrega, sellos de pago seguro.
  • Notas de entrega y mensajes de regalo que se guardan en el pedido.
  • Ayudas en el estado del pedido: instrucciones de cuidado, guías de uso o un enlace de soporte según lo comprado.
  • Encuestas: un «¿cómo nos conociste?» de una pregunta en la página de agradecimiento.
  • Fidelización: puntos ganados en este pedido o una invitación a crear una cuenta.

Cómo crear una sin programador

En AppFly, elige Un bloque en el checkout en el desplegable bajo la caja del prompt —o di simplemente «en la página de agradecimiento»— y descríbelo:

«Un bloque en la página de agradecimiento que muestre una guía de cuidado según la categoría del producto que el cliente acaba de comprar, con un enlace a nuestra página de soporte».

El agente escribe la extensión con los componentes de checkout de Shopify, la registra y la instala en tu tienda. Después la colocas en el editor del checkout, la pruebas con un pedido de prueba e iteras por chat. La versión paso a paso está en cómo crear una app de Shopify sin programar.

Reglas que conviene conocer antes de empezar

  • Las extensiones funcionan en un entorno aislado. No pueden inyectar scripts arbitrarios ni cambiar el estilo del checkout libremente; usan los componentes de Shopify. Eso mantiene el checkout rápido y seguro.
  • Mantenlas ligeras. Un mensaje claro funciona mejor que tres compitiendo en el momento de pagar.
  • La lógica va en Functions. Si lo que quieres es cambiar un precio —un descuento, una regla de envío—, eso es una función de descuento u otra Shopify Function, no un bloque de interfaz. AppFly también crea reglas de descuento.

Preguntas frecuentes

¿Puedo personalizar el checkout de Shopify sin Shopify Plus?

Sí, en las páginas de agradecimiento y de estado del pedido, donde las extensiones de UI del checkout están disponibles en todos los planes. Las extensiones en los pasos de información, envío y pago son una función de Shopify Plus.

¿Qué diferencia hay entre una extensión de UI del checkout y una Shopify Function?

Una extensión de UI añade algo que el cliente ve, como un bloque de contenido o un campo de formulario. Una Shopify Function cambia la lógica que ejecuta Shopify, como el cálculo de un descuento.

¿Cómo añado una venta adicional a la página de agradecimiento de Shopify?

Usa una app que ofrezca una extensión de checkout para la página de agradecimiento y coloca el bloque en el editor del checkout. Con AppFly puedes describir la venta adicional y obtener la extensión creada para tu tienda.