WooCommerce Conditional Product Fields at Checkout

WooCommerce Conditional Product Fields at Checkout

¡El complemento Campos de productos condicionales al finalizar la compra de WooCommerce le permite mostrar campos de productos adicionales al finalizar la compra! Los campos pueden ser mostrado dinámicamente de acuerdo con reglas lógicas… ¡y todo hecho usando un bonito editor visual!

DEMOSTRACIÓN EN VIVO

https://www.codecanyondemo.work/wcpfc/wp-admin

(Cuenta de administrador de tienda)
usuario: demostración
pase: demostración

(cuenta de cliente)
usuario: demo2
pase: demostración

DOCUMENTACIÓN

Cómo actualizar automáticamente el complemento

Para recibir actualizaciones automáticas simplemente instale y configure el complemento de actualización de Envato: httpss://goo.gl/pkJS33. La guía oficial que explica cómo configurarlo se puede encontrar en el siguiente enlace: httpss://envato.com/market-plugin.

como funciona

El complemento a través de un editor visual permite la creación de campos de productos adicionales que se mostrarán en la página de pago. Cada campo puede tener el suyo reglas condicionales mediante el cual el complemento determina si debe mostrarse o no. Las reglas condicionales pueden tener en cuenta otros valores de campos condicionales o Campo de pago nativo de WooCommerce valores como:

  1. Campos de facturación
  2. Campos de envío
  3. Métodos de pago

Por último, pero no menos importante, cada campo se puede mostrar simplemente una vez por pedido, una vez por productoo una vez por cada cantidad del carrito de productos.

Ejemplos

Por ejemplo, puedes:

  1. Cree un campo que se mostrará solo si el país de facturación es Italia y el estado/provincia es Roma.
  2. Cree un campo que se mostrará solo si el método de pago es PayPal
  3. Después de crear un campo de texto llamado «campo1», puede crear un segundo campo que se mostrará solo si «campo1» contiene la frase «hola mundo», ¡y así sucesivamente!
  4. Después de crear un campo de fecha «campo1», puede crear un segundo campo que se mostrará solo si la fecha seleccionada para el «campo1» es mayor que el 25 de diciembre de 2018.

¡Etcétera!

Lógica condicional y visualización de campos dinámicos.

Cada campo puede tener varias reglas condicionales «y/o» que harán que el campo dinamicamente visible sólo si está satisfecho. Una regla condicional puede estar relacionada con otros valores de campo o con los campos nativos de pago y facturación de envío.

Nota: que en el caso de otros valores de campo personalizados, la regla lógica se puede crear solo para campos que tienen el mismo Política de visualización y Posición opciones.

Tipos de campo

El complemento permitirá al administrador de la tienda crear los siguientes tipos de campos:

  1. Texto
  2. área de texto
  3. Número
  4. Correo electrónico
  5. Seleccionar/Multiselección
  6. Fecha
  7. Tiempo
  8. País y estado
  9. HTML

Para cada campo, puede configurar sus propias opciones, como clases CSS para asignar al campo de entrada, texto de marcador de posición, mostrar en correos electrónicos, mostrar en la página de detalles del pedido, tamaño de fila, etc.
NOTA: Se mostrará el campo HTML SOLO en la página de pago. Se puede utilizar para organizar visualmente otros campos (por ejemplo, crear encabezados).

Visibilidad según productos/categorías

Se puede mostrar un campo solo para los productos o categorías seleccionados. Si no se selecciona ninguno, el complemento mostrará un campo para cada producto en el carrito. Al seleccionar una categoría, el complemento mostrará un campo para cada producto que coincida con las categorías seleccionadas.

Política de visualización

De forma predeterminada, el complemento mostrará un campo para cada producto coincidente. Sin embargo, puede seleccionar eligiendo entre las siguientes opciones:

  1. Por producto: el campo se mostrará solo una vez para productos coincidentes
  2. Cantidad por carrito: el campo se mostrará N veces para productos coincidentes, donde N es la cantidad del carrito
  3. Una vez: sólo una vez si al menos uno de los productos/categorías seleccionados coincide con los que se encuentran actualmente en el carrito.

Posición

Puede elegir dónde se mostrará el campo: después de los formularios de facturación o de envío.
Nota: En caso de selección del formulario de envío, el campo se mostrará solo si el Enviar a una dirección diferente La opción se ha marcado durante el proceso de pago. De lo contrario, WooCommerce no mostrará el formulario de envío y el campo será invisible.

Nota de campo de país y estado

Solo se pueden seleccionar los estados/provincias para los países de venta permitidos configurados en WooCommerce -> Configuración -> menú General.

Compatibilidad con WPML

Si se detecta WPML, el complemento mostrará automáticamente campos de entrada multilingües para etiquetas, marcadores de posición, etc. De esta manera, podrá ingresar textos diferentes para cada idioma.

Integración frontal

Los campos adicionales se integrarán perfectamente (en el caso del tipo de campo «único») o después (en el caso del tipo de campo «por producto» o «por cantidad de carrito») el formulario de Facturación/Envío si se cumplen las reglas condicionales asociadas (si las hay). Nota: en caso de selección del formulario de envío, el campo se mostrará sólo si el Enviar a una dirección diferente La opción se ha marcado durante el proceso de pago. De lo contrario, WooCommerce no mostrará el formulario de envío y el campo será invisible.

El complemento también mostrará algún mensaje de validación una vez realizado el pedido en caso de campos obligatorios, formato de correo electrónico incorrecto o si un valor numérico no está en el rango preseleccionado.

Integración de back-end

Los campos adicionales se integrarán perfectamente en la página de detalles del pedido según el tipo de campo. Los campos únicos se informan bajo los detalles de facturación/envío del cliente (según la posición del campo) y el tipo de campo Producto/Cantidad del carrito se informa bajo cada producto al que se refieren.

Nota sobre formularios de pago modificados

Si ha alterado de alguna manera los formularios de pago agregando/eliminando/personalizando campos usando un complemento de terceros, esto puede interferir con el complemento y provocar que no funcione correctamente. Asegúrese de utilizar la plantilla de pago predeterminada de WooCommerce ([woocommerce_checkout]).

CAPTURAS DE PANTALLA

Página del configurador de campos

Lógica de condición: página del configurador de campos

página de pago

Página de detalles del pedido

Correo electrónico de notificación

Página de detalles del pedido de administrador

= 6.6 - 01.09.24 =
* Minor improvements

= 6.5 - 06.10.24 =
* Fixed an issue due the in the order details page was displayed a warning about an undefined ID

= 6.4 - 09.10.24 =
* Added option to execute shortcode present in the HTML fields

= 6.3 - 09.07.24 =
* Libraries update

= 6.2 - 30.08.23 =
* Added a new option to disable the "place order button" fade in effect

= 6.1 - 28.07.23 =
* Added compatibility with HPOS

= 6.0 - 14.07.23 =
* Minor CSS improvement

= 5.9 - 28.08.22 =
* Bugfix

= 5.8 - 10.08.22 =
* Fixed an issue related to the Order datails page

= 5.7 - 14.07.22 =
* Fixed an issue that prevented the field to be properly displayed when "shipping/billing country" conditions were used

= 5.6 - 25.02.22 =
* Fixed an issue due to time fields were not properly displayed on the admin order details page

= 5.5 - 18.10.21 =
* Bugfix

= 5.4 - 11.10.21 =
* Bugfix

= 5.3 - 27.07.21 =
* Code Redesign

= 5.2 - 02.03.21 =
* Bugfix

= 5.1 - 29.12.20 =
* Fixed an issue when using date fields, when excluding just one day, the fields were not properly rendered

= 5.0 - 08.09.20 =
* Minor improvement

= 4.9 - 20.08.20 =
* Fixed an issue related to the delete process

= 4.8 - 19.08.20 =
* Minor bugfix

= 4.7 - 18.08.20 =
* Fixed an issue related to the logic condition configurator

= 4.6 - 06.05.20 =
* Fixed an issue related to WPML

= 4.5 - 04.05.20 =
* Minor bugfix

= 4.4 - 02.04.20 =
* Fixed an issue with date display format

= 4.3 - 09.03.20 =
* Added option to disable specific day of the week for date selector

= 4.2 - 19.02.20 =
* Bugfix related to the date and time fields

= 4.1 - 08.02.20 =
* Fixed an issue due to field headers being displayed after the shipping form even if they should not

= 4.0 - 04.01.20 =
* Fixed an issue related to the relative max date option

= 3.9 - 12.11.19 =
* Fixed an issue related to WordPress 5.3 that may prevent field to be properly displayed on checkout and on the configuration page

= 3.8 - 07.11.19 =
* Fixed an issue related to the min/max date selection option for Date field

= 3.7 - 04.11.19 =
* Fixed an issue related to WPML field label translation on the Order details page

= 3.6 - 01.11.19 =
* Removed "billing" and "shipping" prefixes for "one time" field type

= 3.5 - 21.08.19 =
* Fixed an issue related to the checkout validation process for required fields

= 3.4 - 10.08.19 =
* Fixed an issue the "one time" field type mandatory option was ignored

= 3.3 - 31.07.19 =
* Unique id is now displayed in the field configuration panel

= 3.2 - 28.07.19 =
* Minor bugfix

= 3.1 - 16.07.19 =
* Fixed an issue related to mandatory fields and blank character

= 3.0 - 11.07.19 =
* Product selector now shows only published products

= 2.9 - 09.07.19 =
* Improved datepicker: is now possible to choose the number of years to show in the year selector

= 2.8 - 08.07.19 =
* Datepicker widget css improvement

= 2.7 - 27.06.19 =
* Fixed an issue with the logic operator option and the Country/state selector

= 2.6 - 11.06.19 =
* Is now possible to multiple select products and categories. The selection box won't close at first selection

= 2.5 - 23.04.19 =
* HTML field type added

= 2.4 - 23.04.19 =
* Minor bugfix

= 2.3 - 19.04.19 =
* Minor bugfix

= 2.2 - 10.01.19 =
* Minor bugfix

= 2.1 - 08.12.18 =
* Fields displayed according to product quantity are now visually grouped

= 2.0 - 26.11.18 =
* Fixed an issue due to fields were not displayed on checkout forms

= 1.9 - 21.11.18 =
* Fixed an issue due to using a virtual product the plugin crashed at the checkout page (thanks to 17seconds)

= 1.8 - 21.11.18 =
* Fixed an issue due to for Select field, the placeholder value was not properly displayed on the configuration menu

= 1.7 - 12.11.18 =
* Fixed an issue due to required fields being highlighted even if a value was still not inserted

= 1.6 - 08.11.18 =
* Fixed an incompability with Admin columns pro

= 1.5 - 08.11.18 =
* Fixed an issue that may raise 500 server error

= 1.4 - 08.11.18 =
* Fixed an issue due to admin Order preview was not working

= 1.3 - 18.10.18 =
* Added "Payment methods" to logic options

= 1.2 - 05.10.18 =
* Added new activation system: now the plugin can be only activated in two domains and they cannot be unregistered

= 1.1 - 07.09.18 =
* Fixed an issue with select fields and logic rules

= 1.0 - 05.09.18 =
* First release

¡El complemento Campos de productos condicionales al finalizar la compra de WooCommerce le permite mostrar campos de productos adicionales al finalizar la compra! Los campos pueden ser mostrado dinámicamente de acuerdo con reglas lógicas… ¡y todo hecho usando un bonito editor visual!

DEMOSTRACIÓN EN VIVO

https://www.codecanyondemo.work/wcpfc/wp-admin

(Cuenta de administrador de tienda)
usuario: demostración
pase: demostración

(cuenta de cliente)
usuario: demo2
pase: demostración

DOCUMENTACIÓN

Cómo actualizar automáticamente el complemento

Para recibir actualizaciones automáticas simplemente instale y configure el complemento de actualización de Envato: httpss://goo.gl/pkJS33. La guía oficial que explica cómo configurarlo se puede encontrar en el siguiente enlace: httpss://envato.com/market-plugin.

como funciona

El complemento a través de un editor visual permite la creación de campos de productos adicionales que se mostrarán en la página de pago. Cada campo puede tener el suyo reglas condicionales mediante el cual el complemento determina si debe mostrarse o no. Las reglas condicionales pueden tener en cuenta otros valores de campos condicionales o Campo de pago nativo de WooCommerce valores como:

  1. Campos de facturación
  2. Campos de envío
  3. Métodos de pago

Por último, pero no menos importante, cada campo se puede mostrar simplemente una vez por pedido, una vez por productoo una vez por cada cantidad del carrito de productos.

Ejemplos

Por ejemplo, puedes:

  1. Cree un campo que se mostrará solo si el país de facturación es Italia y el estado/provincia es Roma.
  2. Cree un campo que se mostrará solo si el método de pago es PayPal
  3. Después de crear un campo de texto llamado «campo1», puede crear un segundo campo que se mostrará solo si «campo1» contiene la frase «hola mundo», ¡y así sucesivamente!
  4. Después de crear un campo de fecha «campo1», puede crear un segundo campo que se mostrará solo si la fecha seleccionada para el «campo1» es mayor que el 25 de diciembre de 2018.

¡Etcétera!

Lógica condicional y visualización de campos dinámicos.

Cada campo puede tener varias reglas condicionales «y/o» que harán que el campo dinamicamente visible sólo si está satisfecho. Una regla condicional puede estar relacionada con otros valores de campo o con los campos nativos de pago y facturación de envío.

Nota: que en el caso de otros valores de campo personalizados, la regla lógica se puede crear solo para campos que tienen el mismo Política de visualización y Posición opciones.

Tipos de campo

El complemento permitirá al administrador de la tienda crear los siguientes tipos de campos:

  1. Texto
  2. área de texto
  3. Número
  4. Correo electrónico
  5. Seleccionar/Multiselección
  6. Fecha
  7. Tiempo
  8. País y estado
  9. HTML

Para cada campo, puede configurar sus propias opciones, como clases CSS para asignar al campo de entrada, texto de marcador de posición, mostrar en correos electrónicos, mostrar en la página de detalles del pedido, tamaño de fila, etc.
NOTA: Se mostrará el campo HTML SOLO en la página de pago. Se puede utilizar para organizar visualmente otros campos (por ejemplo, crear encabezados).

Visibilidad según productos/categorías

Se puede mostrar un campo solo para los productos o categorías seleccionados. Si no se selecciona ninguno, el complemento mostrará un campo para cada producto en el carrito. Al seleccionar una categoría, el complemento mostrará un campo para cada producto que coincida con las categorías seleccionadas.

Política de visualización

De forma predeterminada, el complemento mostrará un campo para cada producto coincidente. Sin embargo, puede seleccionar eligiendo entre las siguientes opciones:

  1. Por producto: el campo se mostrará solo una vez para productos coincidentes
  2. Cantidad por carrito: el campo se mostrará N veces para productos coincidentes, donde N es la cantidad del carrito
  3. Una vez: sólo una vez si al menos uno de los productos/categorías seleccionados coincide con los que se encuentran actualmente en el carrito.

Posición

Puede elegir dónde se mostrará el campo: después de los formularios de facturación o de envío.
Nota: En caso de selección del formulario de envío, el campo se mostrará solo si el Enviar a una dirección diferente La opción se ha marcado durante el proceso de pago. De lo contrario, WooCommerce no mostrará el formulario de envío y el campo será invisible.

Nota de campo de país y estado

Solo se pueden seleccionar los estados/provincias para los países de venta permitidos configurados en WooCommerce -> Configuración -> menú General.

Compatibilidad con WPML

Si se detecta WPML, el complemento mostrará automáticamente campos de entrada multilingües para etiquetas, marcadores de posición, etc. De esta manera, podrá ingresar textos diferentes para cada idioma.

Integración frontal

Los campos adicionales se integrarán perfectamente (en el caso del tipo de campo «único») o después (en el caso del tipo de campo «por producto» o «por cantidad de carrito») el formulario de Facturación/Envío si se cumplen las reglas condicionales asociadas (si las hay). Nota: en caso de selección del formulario de envío, el campo se mostrará sólo si el Enviar a una dirección diferente La opción se ha marcado durante el proceso de pago. De lo contrario, WooCommerce no mostrará el formulario de envío y el campo será invisible.

El complemento también mostrará algún mensaje de validación una vez realizado el pedido en caso de campos obligatorios, formato de correo electrónico incorrecto o si un valor numérico no está en el rango preseleccionado.

Integración de back-end

Los campos adicionales se integrarán perfectamente en la página de detalles del pedido según el tipo de campo. Los campos únicos se informan bajo los detalles de facturación/envío del cliente (según la posición del campo) y el tipo de campo Producto/Cantidad del carrito se informa bajo cada producto al que se refieren.

Nota sobre formularios de pago modificados

Si ha alterado de alguna manera los formularios de pago agregando/eliminando/personalizando campos usando un complemento de terceros, esto puede interferir con el complemento y provocar que no funcione correctamente. Asegúrese de utilizar la plantilla de pago predeterminada de WooCommerce ([woocommerce_checkout]).

CAPTURAS DE PANTALLA

Página del configurador de campos

Lógica de condición: página del configurador de campos

página de pago

Página de detalles del pedido

Correo electrónico de notificación

Página de detalles del pedido de administrador

= 6.6 - 01.09.24 =
* Minor improvements

= 6.5 - 06.10.24 =
* Fixed an issue due the in the order details page was displayed a warning about an undefined ID

= 6.4 - 09.10.24 =
* Added option to execute shortcode present in the HTML fields

= 6.3 - 09.07.24 =
* Libraries update

= 6.2 - 30.08.23 =
* Added a new option to disable the "place order button" fade in effect

= 6.1 - 28.07.23 =
* Added compatibility with HPOS

= 6.0 - 14.07.23 =
* Minor CSS improvement

= 5.9 - 28.08.22 =
* Bugfix

= 5.8 - 10.08.22 =
* Fixed an issue related to the Order datails page

= 5.7 - 14.07.22 =
* Fixed an issue that prevented the field to be properly displayed when "shipping/billing country" conditions were used

= 5.6 - 25.02.22 =
* Fixed an issue due to time fields were not properly displayed on the admin order details page

= 5.5 - 18.10.21 =
* Bugfix

= 5.4 - 11.10.21 =
* Bugfix

= 5.3 - 27.07.21 =
* Code Redesign

= 5.2 - 02.03.21 =
* Bugfix

= 5.1 - 29.12.20 =
* Fixed an issue when using date fields, when excluding just one day, the fields were not properly rendered

= 5.0 - 08.09.20 =
* Minor improvement

= 4.9 - 20.08.20 =
* Fixed an issue related to the delete process

= 4.8 - 19.08.20 =
* Minor bugfix

= 4.7 - 18.08.20 =
* Fixed an issue related to the logic condition configurator

= 4.6 - 06.05.20 =
* Fixed an issue related to WPML

= 4.5 - 04.05.20 =
* Minor bugfix

= 4.4 - 02.04.20 =
* Fixed an issue with date display format

= 4.3 - 09.03.20 =
* Added option to disable specific day of the week for date selector

= 4.2 - 19.02.20 =
* Bugfix related to the date and time fields

= 4.1 - 08.02.20 =
* Fixed an issue due to field headers being displayed after the shipping form even if they should not

= 4.0 - 04.01.20 =
* Fixed an issue related to the relative max date option

= 3.9 - 12.11.19 =
* Fixed an issue related to WordPress 5.3 that may prevent field to be properly displayed on checkout and on the configuration page

= 3.8 - 07.11.19 =
* Fixed an issue related to the min/max date selection option for Date field

= 3.7 - 04.11.19 =
* Fixed an issue related to WPML field label translation on the Order details page

= 3.6 - 01.11.19 =
* Removed "billing" and "shipping" prefixes for "one time" field type

= 3.5 - 21.08.19 =
* Fixed an issue related to the checkout validation process for required fields

= 3.4 - 10.08.19 =
* Fixed an issue the "one time" field type mandatory option was ignored

= 3.3 - 31.07.19 =
* Unique id is now displayed in the field configuration panel

= 3.2 - 28.07.19 =
* Minor bugfix

= 3.1 - 16.07.19 =
* Fixed an issue related to mandatory fields and blank character

= 3.0 - 11.07.19 =
* Product selector now shows only published products

= 2.9 - 09.07.19 =
* Improved datepicker: is now possible to choose the number of years to show in the year selector

= 2.8 - 08.07.19 =
* Datepicker widget css improvement

= 2.7 - 27.06.19 =
* Fixed an issue with the logic operator option and the Country/state selector

= 2.6 - 11.06.19 =
* Is now possible to multiple select products and categories. The selection box won't close at first selection

= 2.5 - 23.04.19 =
* HTML field type added

= 2.4 - 23.04.19 =
* Minor bugfix

= 2.3 - 19.04.19 =
* Minor bugfix

= 2.2 - 10.01.19 =
* Minor bugfix

= 2.1 - 08.12.18 =
* Fields displayed according to product quantity are now visually grouped

= 2.0 - 26.11.18 =
* Fixed an issue due to fields were not displayed on checkout forms

= 1.9 - 21.11.18 =
* Fixed an issue due to using a virtual product the plugin crashed at the checkout page (thanks to 17seconds)

= 1.8 - 21.11.18 =
* Fixed an issue due to for Select field, the placeholder value was not properly displayed on the configuration menu

= 1.7 - 12.11.18 =
* Fixed an issue due to required fields being highlighted even if a value was still not inserted

= 1.6 - 08.11.18 =
* Fixed an incompability with Admin columns pro

= 1.5 - 08.11.18 =
* Fixed an issue that may raise 500 server error

= 1.4 - 08.11.18 =
* Fixed an issue due to admin Order preview was not working

= 1.3 - 18.10.18 =
* Added "Payment methods" to logic options

= 1.2 - 05.10.18 =
* Added new activation system: now the plugin can be only activated in two domains and they cannot be unregistered

= 1.1 - 07.09.18 =
* Fixed an issue with select fields and logic rules

= 1.0 - 05.09.18 =
* First release

$

  • Calidad verificada por Envato
  • Actualizaciones futuras
  • Incluido:6 meses de soporte
  • Este es un pago seguro SSL. Credit Card Certificate

¡Accede a todas las descargas de envato por $16.50!

¡Obtén acceso instantáneo a tas las descargas exclusivas! 😎 Con una suscripción mensual de solo $16.50/USD. ¡No te pierdas esta oportunidad! Regístrate ahora y comienza a descargar todo lo que necesitas para llevar tu proyecto al siguiente nivel. 💪