Cree campos personalizados en WooCommerce Checkout y páginas de productos

WooCommerce estándar no te permite crear campos personalizados sin escribir tu código. Sin embargo, hay situaciones en las que necesita el producto personalizado o los campos de pago para manejar un pedido de WooCommerce de manera efectiva. No te preocupes. 2 complementos gratuitos lo ayudarán a agregar campos personalizados en su tienda.

¡Sabes que puede ser necesario tener información específica sobre el producto o el pedido que WooCommerce no te da !

Obtenga más detalles de un pedido agregando un campo personalizado en WooCommerce. ¡Déjame mostrarte dos complementos gratuitos para hacerlo fácilmente!

Tabla de contenido

• ¿Qué son los campos personalizados en WooCommerce?
• Campos personalizados del producto WooCommerce
• Campos personalizados de WooCommerce Checkout

¿Qué son los campos personalizados en WooCommerce?

Puede considerar los campos personalizados como información adicional que describe, por ejemplo, un producto o un pedido. ¡Lo ayudarán a mostrar mejor los productos y obtener más detalles para procesar los pedidos de WooCommerce de manera efectiva!

Algunos ejemplos de campos personalizados

• casillas de verificación
• campos de texto
• botones de radio
• recolectores de fechas
• selectores de color
• etc.

Así es como se ven en el formulario de pedido:

Otro ejemplo, puede permitir que sus clientes carguen archivos en los pedidos o ingresen el número de IVA de la UE para fines contables. ¡También sería genial cambiar el tipo de campo de pago u ocultar algunos de ellos!

Agreguemos campos personalizados

Probablemente querrá crear dos tipos de campos personalizados en WooCommerce, por ejemplo:

• campos personalizados en la página de pago de WooCommerce para obtener más detalles sobre un pedido,
• y nuevos campos para personalizar la página de productos de WooCommerce para que los productos tengan más opciones.

Te mostraré los dos.

Campos personalizados del producto WooCommerce

En primer lugar, necesitará un complemento para eso. Echar un vistazo:

Descarguelo aqui:

Primero, eche un vistazo al conjunto ejemplar de nuevos campos personalizados en la página del producto que puede agregar con el complemento gratuito Flexible Product Fields for WooCommerce :

Como ves, puedes crear un asistente completo. Los clientes pueden personalizar sus computadoras de esta manera. Además, algunas de las opciones necesitan un cargo adicional. El complemento agrega el cargo adicional al precio total (disponible en PRO). Los clientes pueden hacer pedidos de sus computadoras personalizadas y pagarle el precio total por adelantado.

Volviendo a la mirada. Esta es la configuración básica. No usé ningún estilo CSS y usé un tema predeterminado de WooCommerce: Storefront. Por supuesto, puede personalizar el aspecto de los campos como desee. Hay una opción para este propósito en el complemento.

Campos de productos flexibles

En resumen, este complemento le permite crear complementos de productos. Puede agregar nuevos campos personalizados a los productos en su tienda WooCommerce. Ya has visto un ejemplo.

Los tipos de campos que puede agregar a sus productos WooCommerce

• Texto
• área de texto
• Número
• Correo electrónico
• URL
• Casilla de verificación múltiple
• radio con colores
• Tiempo
• Color
• Título
• Párrafo
• Imagen
• HTML
• Caja
• Boton de radio
• Seleccionar
• Selección múltiple
• radio con imagenes
• Titular
• Fecha (PRO)
• Carga de archivos (PRO)

¡Deberías consultar esa guía! Descubrirá que hay muchos casos de uso. Guiamos a los usuarios paso a paso a través de la configuración para implementar:

• Sistema de reservas sencillo,
• función de envoltorio de regalo,
• Asistente de dieta de catering,
• Asistente de computadora, etc.

Campos personalizados de WooCommerce Checkout

¡Ahora, déjame mostrarte cómo agregar campos personalizados al pedido de WooCommerce desde la página de pago!

Necesitarás este complemento:

Descarguelo aqui:

Veamos el ejemplo de una página de pago personalizada con el complemento gratuito Flexible Checkout Fields for WooCommerce:

¡El complemento le permite agregar, eliminar, reordenar y personalizar de manera efectiva la página de pago de WooCommerce!

Campos de pago flexibles

Entonces, en resumen, los campos de pago flexibles le permiten crear campos personalizados en el pago de WooCommerce→

Además, con este complemento, puede editar o reorganizar los campos de pago predeterminados de WooCommerce .

Por ejemplo, puede deshabilitar algunos campos de dirección de facturación para un pago más rápido.

Más de 80.000 tiendas en todo el mundo utilizan este complemento a diario.

Tipos de campos de pago en la versión gratuita

• Texto
• área de texto
• Número
• Correo electrónico
• Teléfono
• URL
• Caja
• Color
• Titular
• Párrafo
• Imagen
• HTML

Campos en la versión PRO

• Casilla de verificación múltiple
• Boton de radio
• Seleccionar (desplegable)
• Selección múltiple
• radio con imagenes
• Fecha
• radio con colores
• Tiempo
• Subir archivo

Descarga esta extensión gratuita de WooCommerce para personalizar tu página de pago.

Resumen

Agregue productos personalizados y campos de pago en WooCommerce

En este artículo, le mostré los complementos que puede usar para crear campos personalizados en WooCommerce.

Hay dos complementos que puede usar para crear campos personalizados en WooCommerce:

• Descargar campos de pago flexibles →
• Descargar campos de productos flexibles →

Ambos complementos están disponibles para descargar de forma gratuita. Sin embargo, la versión gratuita no es compatible con todas las funciones.

¡Háganos saber si tiene alguna pregunta sobre los complementos y la creación de campos personalizados!

Más sobre nuestros complementos