Descripción general de los bloques para personalizar el pago con Checkout Blocks

Los bloques de la aplicación Checkout Blocks, creados con extensiones de la UI, te ayudan a personalizar el pago con bloques que puedes arrastrar y soltar directamente en el checkout and accounts editor. Algunos tipos de bloques agregan elementos de personalización visual al pago, como banners informativos o de advertencia o mensajes en las líneas de artículo. Otros tipos agregan elementos interactivos al pago, como selectores de variantes o de cantidad para líneas de artículo, o casillas de verificación o campos de texto para que los clientes seleccionen o ingresen información adicional.

Checkout Blocks admite hasta 30 bloques activos por tipo de bloque. Puedes tener hasta 30 campos personalizados, 30 bloques de contenido dinámico u otros tipos de bloques activos a la vez. Puedes crear más de 30 bloques, pero solo los primeros 30 bloques activos se muestran en el pago.

Los bloques que se muestran en el pago dependen de las display rules que aplicaste al bloque, del order in which blocks are prioritized y de si se usa o no un block ID para mostrar siempre un bloque en una ubicación específica.

Bloques disponibles en Checkout Blocks

Checkout Blocks admite varios tipos de bloques. El tipo de bloque depende del tipo de contenido que quieres agregar al pago, de si quieres aplicar reglas de visualización condicionales y de en qué páginas quieres agregar el bloque.

Algunos bloques no se pueden agregar a ciertas páginas de pago debido a la función del propio bloque. Por ejemplo, un bloque de campo personalizado depende de que el cliente ingrese información adicional, como agregar una nota personalizada o marcar una casilla. Esta información debe capturarse antes de completar el pedido, por lo que el campo personalizado no se puede agregar a páginas posventa, como la de agradecimiento o la página de estado del pedido.

Tabla que enumera los bloques disponibles en Checkout Blocks, junto con las páginas de pago en las que son compatibles y una breve descripción de cada bloque.
BloquePáginas compatiblesDescripción
Bloqueador de direcciones
  • Pago
Bloquea el pago según reglas de formato de dirección.
Campo personalizado
  • Pago
Incluye campos personalizados en el pago, como una casilla de aceptación de términos o un campo para mensaje de regalo.
Contenido dinámico
  • Pago
  • Página de agradecimiento
  • Página de estado del pedido
Muestra contenido como texto, banners y botones en función de las reglas condicionales que establezcas.

Este bloque está disponible para los comerciantes en el plan Basic Shopify o uno superior, y solo se puede colocar en las páginas de agradecimiento y de estado del pedido. La ubicación en las páginas de pago requiere Shopify Plus.
Edición de línea de artículo
  • Pago
  • Página de agradecimiento
  • Página de estado del pedido
Permite que los clientes editen las líneas de artículo en el resumen del pedido en el pago, como incluir una variante o un selector de cantidad. También actúa como contenedor para contenido de la línea de artículo.
Contenido de la línea de artículo
  • Pago
  • Página de agradecimiento
  • Página de estado del pedido
Muestra mensajes específicos de la línea de artículo, como Venta final.
Íconos de envío y pago
  • Pago
Muestra íconos de las formas de envío y pago compatibles.
Contenido estático
  • Pago
  • Página de agradecimiento
  • Página de estado del pedido
A diferencia de los bloques de contenido dinámico, este contenido se muestra a todos los clientes y es compatible con texto y banners.

Este bloque está disponible para los comerciantes en el plan Basic Shopify o uno superior, y solo se puede colocar en las páginas de agradecimiento y de estado del pedido. La ubicación en las páginas de pago requiere Shopify Plus.

Más información sobre cómo crear bloques.

Informes y estadísticas del bloque

Cada bloque activo tiene informes y estadísticas de Vistas que se muestran en la parte superior de la página de detalles del bloque en la app Checkout Blocks. Estos informes y estadísticas hacen seguimiento de cuántas veces se mostró el bloque en el pago.

De forma predeterminada, el bloque muestra informes y estadísticas de Hoy, pero puedes hacer clic en el menú desplegable de fecha y usar el selector de fecha para revisar informes y estadísticas de días específicos o rangos de fechas.

Para restablecer los informes y estadísticas del bloque, haz clic en Menú vertical > Restablecer informes y estadísticas. Esta acción no se puede deshacer.

Reglas de visualización para bloques

Muchos tipos de bloque, como los de contenido dinámico y los de campo personalizado, te permiten definir condiciones que determinan en qué circunstancias se debe mostrar tu bloque en el pago. Puedes establecer varias reglas de visualización por bloque y también definir si deben cumplirse todas las reglas o si basta con que se cumpla cualquiera para mostrar el bloque.

La sintaxis de las reglas de visualización varía según el tipo de bloque que estés creando, pero en general las reglas se componen, cuando corresponde, de los siguientes elementos en este orden:

  1. La categoría de la regla, como Tipo de producto o Total del carrito.
  2. El operador lógico, como Es o No es, o Es mayor que, Contiene o Termina en.
  3. El parámetro que define el valor específico que deseas, como Vestidos o 50,00.

Por ejemplo, para mostrar un banner a clientes de alto gasto y pedirles que creen una cuenta, puedes configurar un bloque con las siguientes reglas de visualización:

  • Mostrar solo cuando: Todas las reglas se cumplen
  • Total del carrito > Es mayor o igual que > USD > 100,00
  • Cliente ha iniciado sesión > Falso

Con este conjunto de reglas de visualización, el banner se muestra solo cuando el cliente ha gastado 100,00 USD o más y no ha iniciado sesión en su cuenta de cliente. El banner no se muestra cuando los clientes están con sesión iniciada y tampoco se muestra cuando el gasto no alcanza el umbral de 100,00 USD.

IDs de bloque

Algunos tipos de bloque, como campo personalizado o contenido dinámico, permiten especificar un ID de bloque. De forma predeterminada, se selecciona el ID de bloque 0.

Un ID de bloque te permite agregar distintos bloques del mismo tipo en diferentes secciones del pago. Puedes pensar en el bloque de pago del editor como un marcador de posición, que puede cargar varios bloques posibles según las reglas de visualización que configures dentro del bloque. Puedes agregar hasta 10 "marcadores de posición" de bloque en cada página de pago.

Ejemplo 1: Usa diferentes IDs de bloque para especificar distintas ubicaciones para diferentes bloques del mismo tipo.

Quieres mostrar una casilla obligatoria en el área principal de contenido y una nota de regalo opcional en la barra lateral. Ambos bloques usan el tipo de bloque campo personalizado, por lo que puedes agregar el bloque Campo personalizado dos veces en los editores de pago y de cuentas y colocarlos donde quieras que se muestren. Sin embargo, necesitas poder definir qué bloque va en cada ubicación.

Puedes asignar a la casilla obligatoria el ID de bloque 1 y a la nota de regalo opcional el ID de bloque 2. En los editores de pago y de cuentas, luego puedes configurar que el bloque Campo personalizado del área principal de contenido use el ID de bloque 1 para mostrar la casilla obligatoria y que el bloque Campo personalizado de la barra lateral use el ID de bloque 2 para mostrar la nota de regalo opcional.

Ejemplo 2: usa el mismo ID de bloque para especificar una única ubicación para bloques del mismo tipo con reglas de visualización diferentes.

Ofreces 3 descuentos automáticos en el envío:

  • un 10 % de descuento en pedidos superiores a 25 USD
  • un 25 % de descuento en pedidos superiores a 50 USD
  • envío gratis en pedidos superiores a 100 USD

Para incentivar que agreguen más al carrito antes de completar el pedido, quieres agregar un banner dinámico en la sección Método de envío del pago que les sugiera agregar más al carrito según el descuento de envío del que estén más cerca.

Puedes configurar 3 bloques de contenido dinámico que usen el mismo ID de bloque, por ejemplo, 6:

Tabla con tres bloques de contenido dinámico de ejemplo y sus reglas de visualización y contenido aplicables.
Nombre del bloqueRegla de visualizaciónContenido del banner
Nivel de envío 1Total del carrito > Es menor que > 25,00 USD"Obtienes un 10 % de descuento en el envío si gastas 25 USD o más"
Nivel de envío 2Total del carrito > Es menor que > 50,00 USD"Obtienes un 25 % de descuento en el envío si gastas 50 USD o más"
Nivel de envío 3Total del carrito > Es menor que > 100,00 USD"Obtienes envío gratis si gastas 100 USD o más"

Asegúrate de que el bloque Nivel de envío 1 tenga la sort priority más alta y que el bloque Nivel de envío 3 tenga la sort priority más baja. En este caso, cuando una persona gasta menos de 25 USD, aunque técnicamente se cumplan las condiciones de visualización de los 3 bloques, se muestra el bloque de Nivel de envío 1 con el mensaje más adecuado. Cuando se gastan más de 25 USD pero menos de 50 USD, el bloque de Nivel de envío 2 se muestra con mayor prioridad, aunque técnicamente también se cumplan las condiciones del bloque de Nivel de envío 3.

Por último, en el editor de pago y cuentas, puedes agregar un único bloque de contenido dinámico con un ID de bloque de 6 a la sección Tarifa de envío, y durante el pago se mostrará en ese 'contenedor' el más adecuado de los 3 bloques de contenido dinámico que creaste. Cuando una persona gasta 100 USD o más, no se muestra contenido dinámico en esa área del pago porque no se cumplen reglas de visualización para bloques de contenido dinámico con un ID de bloque de 6.