Hablando sobre la optimización de UX, el pago de WooCommerce es donde debe enfocar la mayor parte de su tiempo. Abandono del carrito de compras Es un gran problema: piense en los cargos ocultos, la falta de métodos de pago, los errores de pago y, también, demasiados campos de pago para completar manualmente.
Hoy veremos cómo convertir un Campo de texto de verificación en un menú desplegable Seleccionar. ¿Por qué no dejar que los clientes elijan una lista en lugar de escribir? ¡Disfrutar!
Php Snippet: Convierta el campo «Dirección 2» en un desplegable Seleccionar @ WooCommerce Checkout
Por supuesto, puedes elegir cualquier campo de pago. En este caso he usado «dirección_2» pero También puede aplicar lo mismo a la «ciudad» (para que pueda seleccionar la ciudad de facturación/envío desde una lista)etcétera.
/** * @snippet Turn Text Field Into Select - WooCommerce Checkout * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @testedwith WooCommerce 6 * @community https://businessbloomer.com/club/ */ */ add_filter( 'woocommerce_default_address_fields' , 'bbloomer_address_field_dropdown' ); function bbloomer_address_field_dropdown( $address_fields ) { $location_array = array( 'Location 1' => 'Location 1', 'Location 2' => 'Location 2', 'Location 3' => 'Location 3', 'Location 4' => 'Location 4', ); $address_fields['address_2']['label'] = 'Location'; // RENAME LABEL $address_fields['address_2']['type'] = 'select'; // SWITCH TO SELECT $address_fields['address_2']['options'] = $location_array; // SET OPTIONS return $address_fields; }
