Bloques de campos personalizados

Requisito del plan

Creating a custom field block está disponible solo para comerciantes con plan de Shopify Plus.

Puedes recopilar información adicional del cliente con el bloque de campos personalizados. Los campos personalizados pueden ser opcionales u obligatorios, por lo que puedes configurarlos para bloquear la pantalla de pago antes de que un cliente pueda continuar.

Checkout Blocks admite una variedad de tipos de entrada, incluyendo 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 de pedido, un atributo de pedido o una nota de pedido.

Hay varias plantillas disponibles que completan previamente el contenido y la configuración de un bloque de campos personalizados en función de algunos casos de uso común:

• Aceptar los términos: esta plantilla solicita que un cliente acepte los Términos del Servicio en los que se puede hacer clic y se pueden mostrar en una ventana emergente antes de realizar el pago. La casilla de verificación no se selecciona de forma predeterminada.
• Cumpleaños: esta plantilla ofrece a los clientes la opción de proporcionar su fecha de nacimiento durante el proceso de pago para fines de marketing.
• Mensaje de regalo: esta plantilla ofrece a los clientes la opción de incluir un mensaje escrito opcional cuando están realizando un pedido como regalo para otra persona.

Consejo

La plantilla Cumpleaños predeterminada no genera ni envía automáticamente un código de descuento para que los clientes lo usen en su cumpleaños. Tampoco aplica automáticamente los datos del metacampo del pedido a su perfil de cliente. Quizá quieras crear un código de descuento de cumpleaños y luego usar Shopify Flow para actualizar el perfil de un cliente con los datos del campo personalizado.

Tipos de datos admitidos

Los campos personalizados se guardan en el pedido del cliente como un metacampo de pedido, un atributo de nota de pedido o la propia nota de pedido. Considera usar metacampos de pedido cuando sea posible, ya que es la forma más sólida de almacenar y recuperar datos personalizados en los pedidos dentro de Shopify.

Checkout Blocks no admite agregar nuevos campos en los formularios existentes de la pantalla de pago, como la dirección de envío o la dirección de facturación. En su lugar, agrega un bloque de campos personalizados encima o debajo del formulario existente de la pantalla de pago.

Metacampos de pedido

Al guardar los campos personalizados en un metacampo de 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).

Consejo

Puedes crear definiciones de metacampos para mostrar campos personalizados específicos directamente en la página de detalles del pedido.

Atributos de pedido

Los atributos de pedido, también conocidos como atributos de nota o atributos de carrito, son incompatibles con las notas de entrega y los pedidos preliminares predeterminados de Shopify.

Si necesitas usar las notas de entrega o los pedidos preliminares, utiliza en su lugar los metacampos de pedido como el tipo de datos.

Notas de pedido

Al guardar los campos personalizados en las notas de pedido, cualquier contenido existente que el cliente agregue al campo de nota se reemplaza con el campo personalizado. Si eliges guardar los datos del campo personalizado como una nota de pedido, considera desactivar la opción de agregar una nota de pedido en el carrito del tema, si activaste esa configuración. Esto significa que los clientes no tienen que introducir el contenido de su nota dos veces.

Una ventaja de usar el tipo de notas de pedido es que muestra automáticamente las notas de pedido existentes introducidas en el carrito dentro de la pantalla de pago. Esto garantiza la uniformidad en todo el flujo del proceso de pago para casos de uso específicos, como notas de pedido o notas de entrega.

Las notas de pedido son incompatibles con los pedidos preliminares.

Tipos de entrada admitidos

Los bloques de campos personalizados 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 radio
• Entrada de texto

Crear un bloque de campos personalizados

Puedes crear y configurar un bloque de campos personalizados en la aplicación Checkout Blocks. Después de crearlo, debes agregarlo a la pantalla de pago.

Pasos:

1. En el panel de control de Shopify, ve a Canales de ventas > 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 desees usar. Si no deseas que ningún campo o configuración se complete previamente, selecciona Plantilla en blanco.
5. En la sección Nombre del bloque, introduce un nombre para el bloque. Este no se muestra a los clientes.
6. En la sección Identificación del bloque de aplicaciones, usa el menú desplegable para aplicar un número de identificación específico. Obtén más información sobre las identificaciones del bloque de aplicaciones.

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

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

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

   1. En el menú Guardar como, selecciona dónde guardarás los datos del campo personalizado. Obtén más información sobre los tipos de datos de los campos personalizados.
   2. En la sección Campos, haz clic en ⊕ Agregar campo personalizado y selecciona el tipo de campo personalizado que desees usar.
   3. Configura los detalles del campo personalizado, como las etiquetas, la clave, las opciones de elección y si 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, selecciona si deseas agregar "(opcional)" a la etiqueta del campo y si quieres 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, el contenedor y el divisor del bloque.

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

11. Haz clic en Guardar.

De forma predeterminada, el bloque se guarda como borrador. Cuando tengas todo listo para publicar el bloque, en la sección Estado, selecciona Activo desde el menú desplegable.

Agregar un bloque de campos personalizados a la pantalla de pago

Puedes agregar un bloque de campos personalizados existente a la pantalla de pago. Los bloques deben establecerse como activos para que se muestren en la pantalla de pago.

Pasos:

1. En el panel de control de Shopify, ve a Canales de ventas > Checkout Blocks.
2. Haz clic en Bloques.
3. Haz clic en el bloque de campos personalizados que desees agregar a la pantalla de pago.
4. Haz clic en Más acciones ⌄ > Agregar a pantalla de pago.
5. Opcional: En la sección Identificación de vista previa del bloque, haz clic en el ícono del portapapeles para copiar la identificación de vista previa única.
6. Selecciona la configuración de la pantalla de pago que desees y haz clic en Abrir editor.

7. En el editor de pantalla de pago y cuentas, agrega el bloque de campos personalizados a la pantalla de pago:

   1. Navega hasta la página de pago a la que desees agregar el bloque.
   2. Haz clic en ⊕ Agregar bloque de aplicaciones en la sección a la que desees agregar el bloque.
   3. Haz clic en la opción Campo personalizado de Checkout Blocks.
   4. Configura los detalles del bloque de pago y selecciona la identificación del bloque de aplicaciones correspondiente.
   5. Opcional: Utiliza el campo Identificación de vista previa del bloque (para fines de prueba) y la identificación de vista previa del bloque para obtener una vista previa de cómo se muestra el bloque en la pantalla de pago.
   6. Opcional: Arrastra y suelta el bloque dinámico para cambiar la ubicación en la página de pago donde desees que se muestre el bloque.

8. Haz clic en Guardar.