¿Te gustaría agregar un campo de envío personalizado en WooCommerce? Tal vez Los campos de dirección de envío no se muestran correctamente en el formulario de pago de WooCommerce? O te gustaría intercambiar los campos de dirección de facturación y envío en la página de pago de WooCommerce?
rn
Pago de WooCommerce: campos de facturación y envío
rn
rn
rn
Sus clientes deben proporcionar sus datos de facturación al realizar un pedido. También existe la opción de establecer una dirección de envío diferente. Un cliente sólo necesita marque una casilla de verificación en la página de pago.
rn
rnrn
Funciona muy bien por defecto. En la mayoría de los casos, no es necesario cambiar esa página. ¡Supongo que estás aquí porque necesitas algo más 🙂!
rn
🎉 Entonces, tú PODER personalice la página de pago de la forma que desee:
rn
- rn
- establecer algunos campos como no obligatorios
- deshabilitar cualquier campo (por ejemplo, para productos digitales)
- cambiar el orden de los campos (por ejemplo, intercambiar los campos de dirección de facturación y envío)
- y agregue sus campos personalizados adicionales.
rn
rn
rn
rn
rn
Flexible Checkout Fields
rn
rn
Flexible Checkout Fields te permite añadir, editar, eliminar o reordenar los campos que aparecen en la página de finalizar compra. Agregue precios a los campos y use lógica condicional. Se trata de conversiones y una mejor experiencia de usuario.
rn
rn
rn
rn
rn
rn
rn
rn
Primero, ve al WooCommerce → Campos de pago menú. Aquí puede alternar entre ellos usando las pestañas en la parte superior de la pantalla (Facturación y Envío):
rn
rnrn
👉🏼Como ves, puedes utilizar fácilmente el Agregar nuevo campo o Editar sección opciones. Tienes opciones como:
rn
- rn
- Habilitar campo
- Campo requerido
- Etiqueta
- Validación
rn
rn
rn
rn
rn
👉🏼Hay muchas más funciones en Apariencia, pantalla encendiday Avanzado pestañas. Puedes comprobarlos tú mismo. Si quieres leer más sobre ellos, continúa con este artículo.
rn
Configuración de campos de pago
rn
Veamos las opciones de configuración.
rn
1. Campos obligatorios
rn
Algunos campos en las secciones Dirección de envío y facturación son obligatorios. Puedes cambiar eso fácilmente. Mirar:
rn
rnrn
Como puedes ver, estos campos son opcional. También puede crear nuevos campos personalizados y configurarlos según sea necesario:
rn
rnrn
👉🏼¿Cómo? Simplemente marque o desmarque el Campo requerido opción:
rn
rnrn
2. Validación
rn
Puede utilizar la validación predeterminada de WooCommerce o una personalizada.
rn
La validación es muy útil:
rn
rn
👉🏼Si desea agregar validación a las secciones de dirección de envío y facturación, utilice nuestra Guía de validación de pago de WooCommerce →
rn
3. Pantalla encendida
rn
👉🏼Puedes configurar dónde mostrar un campo allí. De forma predeterminada, el complemento muestra el campo en todas las ubicaciones:
rn
- rn
- Página de agradecimiento
- Página Mi cuenta – sección de dirección
- Página Mi cuenta – sección de pedidos
- en correos electrónicos
rn
rn
rn
rn
rn
Tú puedes cambiarlo.
rn
4. Apariencia
rn
Cambie la apariencia de sus campos de las secciones de envío y facturación de WooCommerce.
rn
👉🏼Configura tu clase personalizada para un campo:
rn
rnrn
👉🏼De esta manera puedes cambiar cualquier campo de este:
rn
rnrn
En esto (o lo que quieras):
rn
rnrn
5. Lógica condicional
rn
Puede implementar lógica condicional en las secciones de direcciones de envío y facturación.
rn
rn
Entonces, ¿cuál es un ejemplo de campos condicionales en WooCommerce? Taka una mirada:
rn
rnrn
Un cliente necesita marcar quiero una factura caja. Después de esta acción, aparecen nuevos campos.
rn
👉🏼Hay muchos escenarios donde puedes usar lógica condicional. Puede configurar lógica condicional para campos…
rn
rnrn
…los productos/categoría…
rn
rnrn
…o método de envío seleccionado.
rn
rnrn
Como ves, tienes que ir a la Avanzado pestaña. Allí encontrarás todas las opciones.
rn
Aprender más acerca de Campos condicionales de pago de WooCommerce →
rn
6. Otras configuraciones
rn
El complemento Campos de pago flexibles le permite agregar campos personalizados a otras secciones como:
rn
- rn
- pedidos
- Detalles del cliente
- Formulario de Registro
rn
rn
rn
rn
rn
rn