Las opciones condicionales de WooCommerce permiten mostrar un campo de personalización solo después de una elección pertinente del cliente. En una botella con grabado opcional, el campo de texto aparece al seleccionar «Añadir grabado». Quien compra la botella sin grabado puede continuar sin introducir texto.
En esta guía configurarás ese comportamiento con HookSpark Product Options & Add-Ons: una casilla opcional, un campo de texto dependiente y un suplemento claro de 5 USD por grabado. La condición sencilla del ejemplo está disponible en Free. Las condiciones múltiples combinadas con AND/OR pertenecen a Pro.
¿Qué son las opciones de producto condicionales de WooCommerce?
Una opción condicional es un campo de producto cuya visibilidad depende de una selección anterior. Por ejemplo, marcar Añadir grabado muestra Texto del grabado. Si no se marca la casilla, el campo de texto permanece oculto.
La condición controla el formulario de personalización de la página de producto. La selección de productos determina dónde se aplica el grupo; la lógica condicional determina qué campos ve el cliente dentro de él. Esta guía mantiene separados ambos ajustes.
Ejemplo: grabado opcional, pero texto obligatorio si se elige
El ejemplo es una botella simple con precio base de 20 USD. El grabado cuesta 5 USD por artículo. El cliente puede comprarla sin grabar o elegir el grabado e introducir hasta 20 caracteres. Son precios ilustrativos de catálogo; impuestos, cupones y envío dependen de los ajustes de tu tienda.
| Elección del cliente | Qué ve | Resultado esperado para una botella |
|---|---|---|
| Sin grabado | Solo la casilla; campo de texto oculto | Total de producto de 20 USD; no se exige texto de grabado |
| Grabado seleccionado, sin texto | Campo de grabado visible y obligatorio | El cliente debe introducir texto antes de añadir esta configuración |
| Grabado seleccionado y texto introducido | Campo de texto con MARCO | $20 + $5 = $25 |
La diferencia es importante: el grabado es opcional, pero su texto es obligatorio cuando se elige el servicio. Hacer obligatoria la casilla obligaría a todo el mundo a comprar el grabado.
Cómo configurar opciones condicionales con HookSpark
1. Crea un grupo para el producto adecuado
Abre el editor de Product Options en HookSpark y crea un grupo llamado Personalización de botella. Selecciona la botella en lugar de aplicar el grupo a todo el catálogo. Mantén los campos en el mismo grupo para que el dependiente pueda referirse a la elección anterior.
Si ya tienes un grupo de grabado, edítalo en lugar de crear otro que cobre el mismo servicio. La guía del campo de grabado explica con más detalle los límites de texto y los precios por artículo.
2. Añade primero la casilla opcional
Añade un campo de Casilla de verificación y utiliza Añadir grabado como Etiqueta del campo. Deja Required desactivado. Define Suplemento por artículo a 5. El importe utiliza la moneda de tu tienda; los ejemplos están en dólares.
Asignamos los 5 USD a la casilla porque representa la compra del servicio de grabado. No añadas otros 5 USD al campo de texto o cobrarías dos veces.
3. Añade el campo de texto dependiente
Añade un campo de Text debajo de la casilla y asígnale la etiqueta Texto del grabado, activa Required y define Máximo de caracteres a 20. Deja su suplemento en cero.
Abre Show this field when y selecciona el campo anterior Añadir grabado . Define Condición a Is equal to y Value to match a Checked.
El editor ofrece los campos anteriores como origen de las condiciones. Si «Añadir grabado» no aparece en la lista, comprueba su posición y confirma que ambos estén en el mismo grupo. La selección de productos decide dónde se aplica el grupo; la condición de campo decide cuándo aparece su entrada de texto.
4. Previsualiza, activa y prueba el producto guardado
Utiliza Preview this draft para probar los estados marcado y sin marcar. Activa después el grupo, guarda y abre la página real del producto. La vista previa ayuda a comprobar el grupo, pero no sustituye la prueba de la configuración guardada en la tienda y el carrito.
Sin grabado, la botella debe seguir costando 20 USD. Con grabado y texto válido, debe costar 25 USD. Para dos botellas con el mismo grabado seleccionado, la línea de producto es 2 × ($20 + $5) = $50. Este ejemplo cobra por artículo, no una sola vez por pedido.
¿Qué ocurre cuando el cliente cambia de opinión?
Supongamos que el cliente elige grabado, escribe MARCO y después desmarca «Añadir grabado». El plugin oculta el campo dependiente, desactiva su control y borra el texto. Como la casilla ya no está seleccionada, deja de aplicarse el suplemento de 5 USD.
Un campo obligatorio oculto no genera errores al comprar la botella sin grabar. El servidor también evalúa la condición: el texto enviado para un campo oculto se excluye de los valores de opciones. Ocultar un campo solo con CSS del tema no produciría este comportamiento.
Prueba también el regreso a la opción. Vuelve a seleccionar grabado después de desactivarlo: el campo debe estar vacío y exigir un texto válido. Explica este borrado si tu formulario contiene entradas largas que el cliente podría esperar conservar.
Otro uso: mostrar un mensaje solo con el envoltorio de regalo
El mismo patrón de Free sirve para un servicio de envoltorio de regalo. Coloca primero una casilla opcional Añadir envoltorio de regalo y, debajo, un campo Long text con la etiqueta Mensaje de regalo . En el área de texto, selecciona esa casilla en Show this field when y después Is equal to → Checked.
Deja el mensaje como opcional si se puede comprar el envoltorio sin una nota. La condición decide la visibilidad; Required decide si se exige una respuesta mientras el campo sea visible. Consulta la guía de la opción de envoltorio de regalo para configurar el servicio y su precio.
Ofrece solo grabados, envoltorios u otros servicios que tu negocio pueda prestar. El plugin recoge elecciones y aplica los suplementos configurados; no realiza el servicio físico ni genera una vista previa del grabado en la imagen del producto.
¿Cuándo necesitas la lógica condicional de Pro?
El ejemplo de la botella utiliza una regla y funciona con Free. Pro añade condiciones combinadas: un campo puede depender de que se cumplan todas las reglas de un conjunto (AND) o al menos una de ellas (OR). Por ejemplo, un mensaje de regalo podría depender de que se haya elegido envoltorio y de otra opción anterior concreta.
Empieza con una sola regla si resuelve la necesidad. Consulta la documentación de lógica condicional antes de combinar reglas, sobre todo si un campo anterior también puede ocultarse. No supongas que esta regla de campo admite cualquier condición basada en totales de carrito, direcciones de pago o campos ajenos.
¿Por qué mostrar los detalles solo después de la elección pertinente?
El artículo de Jakob Nielsen para Nielsen Norman Group Progressive Disclosure (3 de diciembre de 2006) describe cómo mostrar primero las decisiones principales y revelar las opciones secundarias cuando hacen falta. Aplicado a este formulario, sugiere mantener visible la elección del grabado y mostrar su campo de texto después de seleccionarlo.
Es nuestra aplicación del principio de usabilidad, no una prueba de que esta configuración aumente las ventas. Explica el servicio de pago y su precio antes de seleccionarlo y prueba el formulario con tus clientes.
Comprobaciones antes de utilizar el formulario en tu tienda
- Sin marcar: el texto está oculto y se puede añadir el producto sin grabado ni texto.
- Marcado, sin texto: la falta de texto impide añadir esa configuración.
- Marcado, texto válido: el texto elegido y un único suplemento de 5 USD por artículo aparecen correctamente en el carrito.
- Texto demasiado largo: se rechaza el texto que supere el límite configurado.
- Cambio de elección: desmarcar borra el texto y retira el suplemento; volver a marcar exige un texto nuevo.
- Cantidad de dos unidades: comprueba la línea de producto de 50 USD y después el tratamiento de impuestos y descuentos de tu tienda.
Haz estas pruebas en ordenador y móvil con tu tema. La guía utiliza un producto simple; comprueba por separado variaciones, otros grupos de opciones e integraciones si tu tienda los utiliza.
Preguntas frecuentes sobre opciones condicionales en WooCommerce
¿Puedo exigir un campo solo cuando se elige otra opción?
Sí. Marca el texto dependiente como Required y dale una condición de visibilidad. Será obligatorio cuando se muestre; quien compre sin grabado no tendrá que rellenarlo.
¿Puedo hacerlo con el plugin gratuito?
Sí. Product Options Free admite la condición sencilla de casilla a texto descrita aquí. Combinar varias reglas con AND/OR requiere Pro.
¿Un campo oculto sigue añadiendo un suplemento?
Un campo que no cumpla su condición de visibilidad se excluye del cálculo. En el ejemplo, el cargo está asignado a la casilla de grabado, por lo que desmarcarla también elimina el cargo.
¿Volverá el texto del cliente si selecciona de nuevo el grabado?
No. El formulario borra la entrada dependiente cuando se oculta. El cliente debe introducirla de nuevo al volver a seleccionar el grabado.
Da una función clara a cada campo de personalización
Empieza con una elección del cliente y muestra solo el detalle necesario para realizarla. Prueba el patrón de casilla y texto con HookSpark Product Options & Add-Ons y comprueba en tu tienda los recorridos sin personalización, personalizado y de cambio de elección.