Resumen de los bloques para personalizar la pantalla de pago con Checkout Blocks

Los bloques en la aplicación Checkout Blocks, creados con extensiones de la interfaz de usuario, te ayudan a personalizar la pantalla de pago. Para ello, se proporcionan bloques de aplicaciones que puedes arrastrar y soltar directamente en el editor de pantalla de pago y cuentas. Algunos tipos de bloque agregan elementos de personalización visual a la pantalla de pago, como banners de advertencia e información, o mensajes de la línea de artículo. Otros tipos de bloque agregan elementos interactivos a la pantalla de pago, como selectores de variante o cantidad para líneas de artículo, o casillas de verificación o campos de texto para que los clientes seleccionen o introduzcan información adicional.

Checkout Blocks puede admitir 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 a la vez. Puedes crear más de 30 bloques, pero solo se muestran los primeros 30 bloques activos en la pantalla de pago.

Los bloques que se muestran en la pantalla de pago dependen de las reglas de visualización que aplicaste al bloque, del orden de prioridad de los bloques y de si se está utilizando o no una identificación del bloque de aplicaciones para mostrar siempre un bloque en particular en una ubicación determinada.

En esta página

Bloques de aplicaciones disponibles en Checkout Blocks

Checkout Blocks admite varios tipos de bloques de aplicaciones. El tipo de bloque depende del tipo de contenido que desees agregar a la pantalla de pago, si quieres agregar reglas de visualización condicionales y a qué páginas deseas agregar el bloque.

Algunos bloques no se pueden agregar a determinadas páginas de pago debido a la función del propio bloque. Por ejemplo, un bloque de campos personalizados depende de que un cliente introduzca 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 las páginas posteriores a la compra, como la página de agradecimiento o de estado del pedido.

Tabla en la que se detallan los bloques de aplicaciones disponibles de Checkout Blocks, junto con las páginas de pago en las que se admiten y una descripción breve de cada uno de ellos.
Bloque de aplicaciones	Páginas admitidas	Descripción
Bloqueador de direcciones	Pantalla de pago	Bloquea el pago según las reglas de formato de dirección.
Campo personalizado	Pantalla de pago	Incluye campos personalizados en la pantalla de pago, como una casilla de verificación de aceptar términos o un campo de mensajería de regalo.
Contenido dinámico	Pantalla de pago Gracias Estado del pedido	Muestra contenido como texto, banners y botones según las reglas condicionales que configures. Este bloque está disponible para los comerciantes con un plan de Basic Shopify o superior.
Edición de línea de artículo	Pantalla de pago Gracias Estado del pedido	Permite que los clientes editen las líneas de artículo en el resumen del pedido en la pantalla de pago, como incluir un selector de variante o de cantidad. También actúa como un contenedor para el contenido de la línea de artículo.
Contenido de línea de artículo	Pantalla de pago Gracias Estado del pedido	Muestra la mensajería específica de la línea de artículo, como `Oferta final`.
Íconos de envío y pago	Pantalla de pago	Muestra los íconos para las formas de pago y los métodos de envío admitidos.
Contenido estático	Pantalla de pago Gracias Estado del pedido	A diferencia de los bloques de contenido dinámico, este contenido se muestra a todos los clientes y admite texto y banners. Este bloque está disponible para los comerciantes con un plan de Basic Shopify o superior.

Obtén más información sobre cómo crear bloques de aplicaciones.

Informes y estadísticas de bloques

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 aplicación Checkout Blocks. Estos informes y estadísticas hacen seguimiento de un recuento de cuántas veces se mostró el bloque en la pantalla de pago.

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

Para restablecer los informes y estadísticas del bloque, haz clic en ⋮ > Restablecer informes y estadísticas. Esta acción no puede deshacerse.

Reglas de visualización para bloques

Muchos tipos de bloques, como los de contenido dinámico y de campos personalizados, te permiten establecer condiciones que definen qué circunstancias deben cumplirse para que el bloque se muestre en la pantalla de pago. Puedes establecer varias reglas de visualización por bloque y también puedes definir si se deben cumplir todas las reglas o cualquiera de ellas 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 crean con los siguientes elementos en orden, si corresponde:

La categoría de regla, como Product type o Cart total.
El operador lógico, como Is o Is not, o Is greater than, Contains, o Ends in.
El parámetro que define el valor específico que desees, como Dresses o 50.00.

Por ejemplo, para mostrar un banner a los clientes con un nivel elevado de gasto a fin de solicitarles que creen una cuenta, puedes crear un bloque con las siguientes reglas de visualización:

Only show when: All rules pass
Cart total > Is greater than or equal to > USD > 100.00
Customer is logged in > False

Según este conjunto de reglas de visualización, el banner se muestra solo cuando el cliente gastó 100 USD o más y aún no inició sesión en una cuenta de cliente. El banner no se muestra cuando los clientes inician sesión y tampoco se muestra cuando no gastan hasta el límite de 100$.

Identificaciones de los bloques de aplicaciones

Algunos tipos de bloques, como campo personalizado o contenido dinámico, tienen la opción de especificar una identificación del bloque de aplicaciones. Estará seleccionada una identificación del bloque de aplicaciones 0 de forma predeterminada.

Una identificación del bloque de aplicaciones te permite agregar diferentes bloques del mismo tipo en distintas secciones de la pantalla de pago. Puedes pensar en el bloque de aplicaciones de pago en el 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" diferentes del bloque de aplicaciones en cada página de pago.

Ejemplo 1: usa diferentes identificaciones de bloques de aplicaciones a fin de especificar distintas ubicaciones para diferentes bloques del mismo tipo.

Deseas mostrar una casilla de verificación obligatoria en el área de contenido principal, pero con una nota de regalo opcional en la barra lateral. Ambos bloques usan el tipo de bloque de campos personalizados, por lo que puedes agregar el bloque de aplicaciones Campo personalizado dos veces en el editor de pantalla de pago y cuentas, y colocar cada bloque en el lugar donde desees que se muestren. Sin embargo, debes poder establecer qué bloque en particular va en cada ubicación.

La casilla de verificación obligatoria puede establecerse para que tenga la identificación del bloque de aplicaciones de 1 y la nota de regalo opcional puede establecerse para que tenga la identificación del bloque de aplicaciones de 2. En el editor de pantalla de pago y cuentas, puedes establecer el bloque de aplicaciones Campo personalizado en el área de contenido principal para que use la identificación del bloque de aplicaciones de 1 a fin de mostrar la casilla de verificación obligatoria y el bloque de aplicaciones Campo personalizado en la barra lateral para que use la identificación del bloque de aplicaciones de 2 a fin de mostrar la nota de regalo opcional.

Ejemplo 2: usa la misma identificación del bloque de aplicaciones a fin de especificar una sola ubicación para bloques del mismo tipo con diferentes reglas de visualización.

Ofreces tres descuentos de envío automáticos:

Un 10% de descuento en pedidos superiores a 25$
Un 25% de descuento en pedidos superiores a 50$
Envío gratis en pedidos superiores a 100$

Para alentar a los clientes a agregar más productos a su carrito antes de completar su pedido, deseas agregar un banner dinámico en la sección Método de envío de la pantalla de pago que solicite a los clientes que agreguen más productos a su carrito según el descuento de envío que estén más cerca de alcanzar.

Puedes configurar tres bloques de contenido dinámico que tengan la misma identificación del bloque de aplicaciones, como 6:

Tabla de tres bloques de contenido dinámico de ejemplo y sus reglas de visualización y contenido correspondientes.
Nombre del bloque	Regla de visualización	Contenido del banner
Nivel 1 de envío	Total del carrito > Es menor que > 25,00$	"Tu carrito califica para un 10% de descuento en el envío si gastas 25$ o más."
Nivel 2 de envío	Total del carrito > Es menor que > 50,00$	"Tu carrito califica para un 25% de descuento en el envío si gastas 50$ o más."
Nivel 3 de envío	Total del carrito > Es menor que > 100,00$	"Tu carrito califica para envío gratis si gastas 100$ o más."

Asegúrate de que el bloque Nivel 1 de envío tenga el orden de prioridad más alto y que el bloque Nivel 3 de envío tenga el orden de prioridad más bajo. En este caso, cuando un cliente gasta menos de 25$, aunque técnicamente se cumplieron las condiciones de visualización de los tres bloques, el bloque Nivel 1 se muestra con el mensaje más apropiado. Cuando un cliente gasta más de 25$ pero menos de 50$, el bloque Nivel 2 se muestra como la prioridad más alta, aunque técnicamente también se cumplieron las condiciones para el bloque Nivel 3.

Por último, en el editor de pantalla de pago y cuentas, puedes agregar un solo bloque de aplicaciones de contenido dinámico con una identificación del bloque de aplicaciones de 6 a la sección Tarifa de envío y el más apropiado de los tres bloques de contenido dinámico posibles que creaste se mostrará en ese espacio de "contenedor" durante el proceso de pago. Cuando un cliente gasta 100$ o más, no se muestra contenido dinámico en esa área de la pantalla de pago porque no se cumplieron las reglas de visualización para los bloques de contenido dinámico con una identificación del bloque de aplicaciones de 6.