Personalizaciones comunes del pago con Checkout Blocks

Con Checkout Blocks puedes personalizar la pantalla de pago de muchas formas. En esta página encontrarás guías breves para algunas personalizaciones comunes del pago con Checkout Blocks.

Crear niveles de descuento de envío según el valor del carrito

Si quieres crear niveles de descuento de envío, como "50 % de descuento en el envío para pedidos de más de 50 USD" y "envío gratis para pedidos de más de 100 USD", puedes crear varios descuentos de envío automáticos basados en la regla Subtotal del carrito. En los pagos que cumplan los criterios de varios descuentos, se aplica el descuento de envío más alto.

Pasos:

1. En el panel de control de Shopify, ve a Aplicaciones > Checkout Blocks.

2. Haz clic en Descuentos > Agregar descuento > Descuento en el envío.

3. En la sección Descuento en el envío, selecciona Descuento automático y agrega el mensaje del descuento (por ejemplo: 50 % de descuento en el envío en pedidos de 50 USD o más).

4. En la sección Configuración del descuento, crea tu conjunto de reglas personalizado:

   1. En el menú desplegable Valor del descuento, selecciona Porcentaje y agrega 50 %.
   2. En la Reglas del descuento sección, configura tu conjunto de reglas:
      1. Haz clic en ⊕ Agregar regla.
      2. Configura la regla como Subtotal del carrito > Es mayor o igual que > 50,00.

5. Opcional: puedes configurar las siguientes opciones:

   • Opciones de entrega, para especificar a qué opciones de entrega quieres que se aplique el descuento. Al seleccionar opciones específicas, puedes elegir aplicarlo por título, precio o tipo de entrega.
   • Combinaciones, para permitir que los clientes combinen el código de descuento con descuentos de producto o de pedido.
   • Fechas activas, para especificar cuándo comienza el descuento y si vence.

6. En la sección Resumen, revisa los detalles del descuento para confirmar que quedó configurado correctamente.

7. Haz clic en Guardar.

8. En el panel de control de Shopify, vuelve a Aplicaciones > Checkout Blocks.

9. Haz clic en Descuentos > Agregar descuento > Descuento en el envío.

10. En la sección Descuento en el envío, selecciona Descuento automático y agrega el mensaje del descuento (por ejemplo: Envío gratis en pedidos de 100 USD o más).

11. En la sección Configuración del descuento, crea tu conjunto de reglas personalizado:

    1. En el menú desplegable Valor del descuento, selecciona Envío gratis.
    2. En la Reglas del descuento sección, configura tu conjunto de reglas:
       1. Haz clic en ⊕ Agregar regla.
       2. Configura la regla como Subtotal del carrito > Es mayor o igual que > 100,00.

12. Opcional: puedes configurar las siguientes opciones:

    • Opciones de entrega, para especificar a qué opciones de entrega quieres que se aplique el descuento. Al seleccionar opciones específicas, puedes elegir aplicarlo por título, precio o tipo de entrega.
    • Combinaciones, para permitir que los clientes combinen el código de descuento con descuentos de producto o de pedido.
    • Fechas activas, para especificar cuándo comienza el descuento y si vence.

13. En la sección Resumen, revisa los detalles del descuento para confirmar que quedó configurado correctamente.

14. Haz clic en Guardar.

Cambiar el texto de "OR" debajo de las opciones de pago acelerado

Puedes mover un bloque de íconos de envío y pago para que se muestre debajo de la línea divisoria ---- OR ---- que aparece bajo las opciones de pago acelerado, y luego cambiar el texto "OR" por cualquier texto personalizado que prefieras, como "Tipos de pago aceptados" o "Empresas de transporte compatibles".

Pasos:

1. Crea y configura un shipping & payments icons block en el editor de pago y cuentas.
2. Arrastra y suelta el bloque Íconos de envío y pago para que se muestre debajo de la sección Billeteras.
3. En el panel de control de Shopify, ve a Tienda online > Temas.
4. En el tema activo, haz clic en ... > Editar contenido predeterminado del tema.
5. Usa la barra de búsqueda para buscar el término alternative.
6. En el banner de método de pago alternativo del pago, cambia el campo Or para incluir tu texto personalizado.
7. Haz clic en Guardar.

Mostrar un mensaje debajo de métodos de envío específicos

Puedes usar el bloque de contenido dinámico para mostrar un mensaje debajo de métodos de envío específicos durante el pago.

Por ejemplo, si ofreces las tarifas de envío Standard, Express e International Express, quizá quieras mostrar un mensaje breve debajo de la opción de envío "International" para aclarar que los cargos por aduana y aranceles no están incluidos en el precio de envío mostrado.

Pasos:

1. En el panel de control de Shopify, ve a Aplicaciones > Checkout Blocks.

2. Haz clic en Bloques y luego en Crear bloque.

3. Haz clic en Contenido dinámico.

4. En la sección Nombre del bloque, escribe un nombre para el bloque. Esto no se muestra a los clientes.

5. En la sección ID del bloque, define el ID como Dynamic o asigna un número de ID específico. Más información sobre block IDs.

6. En la sección Reglas de visualización, configura las reglas de visualización del bloque para que solo se muestre cuando se incluya el método de envío específico. En este ejemplo, la regla se configuró para mostrarse debajo de International Express:

   1. Haz clic en ⊕ Agregar regla de visualización.
   2. En el cuadro de diálogo Seleccionar una regla, selecciona Título del método de envío.
   3. Configura la regla como Contiene > Internacional.

7. En la sección Contenido, agrega y personaliza el contenido del bloque:

   1. En la sección Elementos de contenido, haz clic en ⊕ Agregar elemento de contenido y luego selecciona Texto.
   2. En el cuadro de diálogo del elemento de contenido, agrega un mensaje breve, como Pueden aplicarse impuestos y aranceles adicionales., y luego haz clic en Listo.

8. Opcional: En la sección Publicación, haz clic en el ícono de lápiz para seleccionar los mercados y las páginas de pago donde quieres que se muestre el bloque.

9. Haz clic en Guardar y luego establece el estado del bloque como Activo.

10. En el editor de pago y cuentas, en la sección Tarifa de envío del pago, add the dynamic block.

11. Haz clic en Guardar.

Incluye un campo personalizado en la nota de entrega del pedido

Checkout Blocks permite que la tienda recopile datos de clientes con un custom fields block y guarde esos datos en un metacampo de pedido.

Pasos:

1. En Checkout Blocks, crea y configura un custom field block. Asegúrate de que el bloque esté configurado para guardar como un Order metafield.
2. En el panel de control de Shopify, ve a Configuración > Shipping and delivery.
3. En la sección Documentos, haz clic en Plantilla de boleta de empaque.
4. En el lugar de la plantilla donde quieras mostrar el valor del campo personalizado, agrega la siguiente línea de código y reemplaza key por la clave de tu campo personalizado:

{{ order.metafields.checkoutblocks.key }}

5. Opcional: Si quieres mostrar el valor del campo personalizado de forma condicional, puedes encerrar el contenido en una instrucción if/else de Liquid según las condiciones que necesites.
6. Haz clic en Guardar.

Puedes usar varias claves de campos personalizados en la plantilla de la nota de entrega. Por ejemplo, este código mostraría el número de orden de compra de un pedido (metacampo que usa po como clave) solo cuando el cliente haya aceptado los términos del pedido (metacampo que usa agree_to_terms como clave):

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Agrega al perfil del cliente un campo personalizado de un pedido

Puedes sincronizar los datos de pedido capturados con custom field blocks mediante la app Shopify Flow.

Puedes download an example .flow file para agregar un valor de metacampo birth_date a un perfil de cliente. Personaliza los valores de esta plantilla para que coincidan con las claves de campos personalizados que quieras agregar.

Pasos:

1. En Checkout Blocks, crea y configura un custom field block. Asegúrate de que el bloque esté configurado para guardar como un Order metafield.
2. En Shopify Flow, configura un flujo de trabajo personalizado para que se ejecute cuando se realice un pedido:
   1. Haz clic en Crear flujo de trabajo > Seleccionar un activador.
   2. Selecciona Shopify > Pedido creado.
   3. En el activador, haz clic en Luego ⊕ > Condición.
   4. Haz clic en Agregar una variable y luego selecciona Pedido > metacampos > clave.
   5. En el campo Clave, agrega la clave del campo personalizado que quieres agregar al perfil del cliente, por ejemplo, birth_date.
   6. En la condición, haz clic en Luego ⊕ > Acción.
   7. Haz clic en Shopify > Actualizar metacampo de cliente.
3. En la Actualizar metacampo de cliente sección, ingresa la siguiente información:
   1. Espacio de nombres del metacampo: El metacampo que quieres agregar, por ejemplo, personal_info.
   2. Clave: La clave del metacampo, por ejemplo, dob.
   3. Tipo: El tipo de valor que quieres incluir, por ejemplo, Fecha.
   4. Valor:

{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Cuando el flujo esté listo, haz clic en Activar flujo de trabajo para activarlo.