© Copyright 2021 magicseo.

Posicionamiento SEO basado en Inteligencia Artificial

¿QUIERES MÁS INFORMACIÓN?

Ingresa tu email para recibir más información de forma ¡totalmente anónima! No lo guardaremos en ninguna base de datos.

     

    Como modificar los campos que se muestran en el formulario de Woocommerce

     

    En el siguientes artículo te explicamos cómo puedes eliminar los campos que no quieras mostrar durante el proceso de compra y cómo agregar nuevos campos a tu página web, Gracias al Checkout Field Editor de WooCommerce.

    Hablaremos de la forma de compra de todas las tiendas en línea desarrolladas bajo WordPress CMS usando Woocommerce por defecto. Muchas veces, estos formularios requieren más información de la que necesitamos para que nuestros clientes puedan completar el proceso de compra del producto.

    Woocommerce es un plug-in de uso internacional, por lo que está configurado para adaptarse a cualquier país o región donde esté instalado. El formulario de pago puede contener algunos campos de información innecesarios, que pueden convencer a los clientes que finalmente no compren en nuestra tienda online.

    Gracias al Checkout Field Editor de WooCommerce, podemos personalizar los campos que queramos mostrar y los que no, los campos necesarios para realizar el proceso de compra y los que no son necesarios. Si queremos que cumplan con ciertos requisitos, podemos configurar alguna verificación. Hay muchas posibilidades, gracias por a complemento gratuito.

    Como añadir el DNI en Woocommerce

    Con Checkout Field Editor for WooCommerce podemos  añadir un campo donde poder guardar la identificación del usuario, puesto que en España es un campo necesario para realizar las compras.

    Para agregar el campo DNI, solo necesitamos buscar el menú de método de pago creado en Woocommerce al instalar el plugin. En la nueva ventana, verá que nos mostrará un formulario con los campos actuales del formulario. En la parte superior, tendremos un botón azul para agregar un nuevo campo. Antes de pulsar este botón, tenemos que saber dónde queremos que solicite la información: en el campo de facturación o en el campo de envío.

    El siguientes paso es seleccionar el tipo de campo, en este caso de texto, darle un nombre y etiqueta para poder identificar el campo, y luego decidiremos si el campo es requerido, si está activado, entre otras opciones que queremos mostrar después de que el cliente complete la compra.

    De esta forma, podremos crear fácilmente un nuevo campopara introducir la información del DNI del usuarrio en nuestra tienda online en muy poco tiempo. La parte positiva es la facilidad para crear el campo y la negativa que hay que instalar el plugin y éste consumirá recursos del servidor y puede reducir la velocidad de la red.

    Como añadir el DNI mediante código

    Si no quieres sobrecargar la página web con plugins hay otra forma más sencilla: añadir este campo sin tener que instalar ningún plugin.

    Para hacer esto, debes agregar el siguiente código  dentro del fichero functions.php de nuestro tema activo:

    /*

    * AÑADIR CAMPO NIF/CIF EN EL FORMULARIO DE PAGO

    */

    function woo_custom_field_checkout($checkout) {

    echo ‘<div id=»additional_checkout_field»>’;

    woocommerce_form_field(‘nif’, array( // Identificador del campo

    ‘type’          => ‘text’,

    ‘class’         => array(‘my-field-class form-row-wide’),

    ‘required’      => true,            // ¿El campo es obligatorio ‘true’ o ‘false’?

    ‘label’       => __(‘NIF / CIF’),   // Nombre del campo

    ‘placeholder’   => __(‘Ej: 12345678X’), // Texto de apoyo que se muestra dentro del campo

    ), $checkout->get_value( ‘nif’ ));    // Identificador del campo

    echo ‘</div>’;

    }

    add_action( ‘woocommerce_after_checkout_billing_form’, ‘woo_custom_field_checkout’ );

    /*

    * INCLUYE NIF/CIF EN LOS DETALLES DEL PEDIDO CON EL NUEVO CAMPO

    */

    function woo_custom_field_checkout_update_order($order_id) {

    if ( ! empty( $_POST[‘nif’] ) ) {

    update_post_meta( $order_id, ‘NIF’, sanitize_text_field( $_POST[‘nif’] ) );

    }

    }

    add_action( ‘woocommerce_checkout_update_order_meta’, ‘woo_custom_field_checkout_update_order’ );

    /*

    * MUESTRA EL VALOR DEL CAMPO NIF/CIF LA PÁGINA DE MODIFICACIÓN DEL PEDIDO

    */

    function woo_custom_field_checkout_edit_order($order){

    echo ‘<p><strong>’.__(‘NIF’).’:</strong> ‘ . get_post_meta( $order->id, ‘NIF’, true ) . ‘</p>’;

    }

    add_action( ‘woocommerce_admin_order_data_after_billing_address’, ‘woo_custom_field_checkout_edit_order’, 10, 1 );

    /*

    * INCLUYE EL CAMPO NIF/CIF EN EL CORREO ELECTRÓNICO DE AVISO A TU CLIENTE

    */

    function woo_custom_field_checkout_email($keys) {

    $keys[] = ‘NIF’;

    return $keys;

    }

    add_filter(‘woocommerce_email_order_meta_keys’, ‘woo_custom_field_checkout_email’);

    Debes tener en cuenta que si actualizas el tema en cualquier momento en el futuro, toda esta programación desaparecerá. Te recomendamos que crees un subtema antes de realizar cualquier operación, para no perder información.

    Funciones del código:

    • Crea un nuevo campo en el formulario de pago en nuestro sitio web donde el usuario puede insertar el ID en este campo justo antes de realizar una compra.
    • Obliga al usuario a completar este campo y también tiene un texto de muestra asociado para ayudar a sus clientes a completar este campo.
    • Mostrará DNI en el correo electrónico enviado para confirmar el pedido, de modo que podamos modificar este campo cuando modifiquemos el pedido en el administrador web.