Bloques de campo personalizado

Con el bloque Campo personalizado puedes recopilar información adicional del cliente. Los campos personalizados pueden ser opcionales u obligatorios, así que puedes configurarlos para bloquear el pago antes de que el cliente continúe.

Checkout Blocks admite varios tipos de entrada, incluidos texto sin formato, menús desplegables, casillas de verificación y un selector de fecha. Los datos del campo personalizado se pueden guardar como un metacampo del pedido, un atributo del pedido o una nota del pedido.

Hay varias plantillas disponibles que precargan el contenido y la configuración de un bloque de campo personalizado según casos de uso comunes:

• Aceptar los términos: Esta plantilla exige que el cliente acepte los Términos del Servicio, que se puede abrir en una ventana emergente antes de pagar. La casilla de verificación no está seleccionada de forma predeterminada.
• Cumpleaños: Esta plantilla les da a los clientes la opción de proporcionar su fecha de nacimiento durante el pago con fines de marketing.
• Mensaje de regalo: Esta plantilla ofrece a los clientes la opción de incluir un mensaje escrito opcional cuando hacen un pedido como regalo para otra persona.

Tipos de datos compatibles

Los campos personalizados se guardan en el pedido del cliente como un order metafield, order note attribute o la order note en sí. Considera usar metacampos del pedido cuando sea posible, ya que son la forma más sólida de almacenar y recuperar datos personalizados en pedidos dentro de Shopify.

Checkout Blocks no admite adding new fields into existing checkout forms, como la dirección de envío o la dirección de facturación. En su lugar, agrega un bloque de campo personalizado encima o debajo del formulario de pago existente.

Metacampos del pedido

Al guardar campos personalizados en un metafield del pedido, el espacio de nombres que usa es checkoutblocks y la clave se define cuando agregas un campo personalizado al bloque (por ejemplo, agree_to_terms).

Atributos del pedido

Los atributos del pedido, también conocidos como note attributes o cart attributes, no son compatibles con las packing slips predeterminadas de Shopify ni con los draft orders.

Si necesitas usar packing slips o draft orders, usa order metafields como tipo de datos.

Notas del pedido

Si guardas campos personalizados como notas del pedido, cualquier contenido existente que el cliente agregue al campo de nota se reemplaza con tu campo personalizado. Si eliges guardar los datos del campo personalizado como una nota del pedido, considera desactivar en el tema la opción de agregar una nota del pedido en el carrito, si activaste esa configuración. Así evitas que los clientes tengan que ingresar su nota dos veces.

Un beneficio de usar el tipo notas del pedido es que muestra automáticamente en el pago las notas del pedido existentes que se ingresaron en el carrito. Esto asegura coherencia en todo el flujo de pago para casos de uso específicos, como notas del pedido o notas de entrega.

Las notas del pedido no son compatibles con los draft orders.

Tipos de entrada compatibles

Los bloques de campo personalizado admiten los siguientes tipos de campos:

• Casilla de verificación
• Selector de fecha y hora
• Fecha de nacimiento
• Lista desplegable
• Campo de teléfono
• Botones de opción
• Campo de texto

Crear un bloque de campo personalizado

Puedes crear y configurar un bloque de campo personalizado en la aplicación Checkout Blocks. Después de crear el bloque, debes add the block to the checkout.

Pasos:

1. Desde 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 Campo personalizado.

4. Selecciona la plantilla para el campo que quieres usar. Si no quieres que se precarguen campos ni configuraciones, selecciona Plantilla en blanco.

5. En la sección Nombre del bloque, ingresa un nombre para el bloque. No se mostrará a los clientes.

6. En la sección ID del bloque, usa el menú desplegable para aplicar un número de ID específico. Más información sobre block IDs.

7. En la sección Reglas de visualización, configura las display rules del bloque:

   • Para mostrar el bloque a todos los clientes, deja la sección Reglas de visualización vacía.
   • Para crear una regla de visualización, haz clic en ⊕ Agregar regla de visualización y luego configura la regla. Agrega tantas reglas de visualización como necesites.

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

   1. En el menú Guardar como, selecciona dónde guardar los datos del campo personalizado. Más información sobre custom field data types.
   2. En la sección Campos, haz clic en ⊕ Agregar campo personalizado y luego selecciona el type of custom field que quieres usar.
   3. Configura los detalles del campo personalizado, como las etiquetas del campo, la clave del campo, las opciones y si el campo es obligatorio. Haz clic en Listo.
   4. Opcional: En la sección Encabezado de la sección, agrega un título y un subtítulo al campo personalizado.
   5. Opcional: En la sección Configuración, elige si agregar "(opcional)" a la etiqueta del campo y si mostrar todos los campos.

9. Opcional: En la sección Estilos, haz clic en Personalizar diseño para personalizar los estilos de los márgenes, del contenedor y del separador del bloque.

10. 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.

11. Haz clic en Guardar.

El bloque se guarda como Borrador de forma predeterminada. Cuando quieras publicarlo, en la sección Estado, selecciona Activo en el menú desplegable.

Agregar un bloque de campo personalizado al pago

Puedes agregar un bloque de campo personalizado existente al pago. Los bloques deben estar en estado Activo para mostrarse en el pago.

Pasos:

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

2. Haz clic en Bloques.

3. Haz clic en el bloque de campo personalizado que quieres agregar al pago.

4. Haz clic en Más acciones ⌄ > Agregar al pago.

5. Opcional: En la sección ID de vista previa del bloque, haz clic en el ícono de portapapeles para copiar el ID de vista previa único del bloque.

6. Selecciona la configuración de pago que prefieras y haz clic en Abrir editor.

7. En el editor de pago y cuentas, agrega el bloque de campo personalizado al pago:

   1. Ve a la página de pago donde quieres agregar el bloque.
   2. Haz clic en ⊕ Agregar bloque en la sección donde quieres agregar el bloque.
   3. Haz clic en la opción Campo personalizado de Checkout Blocks.
   4. Configura la información del bloque de pago y selecciona el ID de bloque correspondiente.
   5. Opcional: Usa el campo ID de vista previa del bloque (solo para pruebas) junto con el ID de vista previa para preview cómo se muestra el bloque en el pago.
   6. Opcional: Arrastra y suelta el bloque dinámico para cambiar la ubicación en la página de pago donde quieres que se muestre.

8. Haz clic en Guardar.