Añadir Campos Personalizados al Formulario de Pago en Woocommerce

30 Oct 2013

Muchos de Nosotros en nuestros desarrollos de Programación o Diseño web, hemos tenido que hacer un Carrito de Compras, unos usarán Prestashop, Ecommerce, pero yo por Manejo y Funcionalidad me quedo con WOOCOMMERCE, Este excelente Plugin de WordPress nos adapta nuestra plantilla o tema a un excelente Carrito de Compras con infinidad de utilidades. (Los limites los pones tu como desarrollador)

Después de durar una semana buscando como personalizar los campos que trae por Defecto Woocommerce, Cómo First Name, Address, Email etc, me encontré con estas excelentes páginas donde nos dan unas funciones que añadimos a nuestro tema y como por arte de magia nuestro problema esta resuelto.

 woocommerce

Antes de darles los nombres quiero mostrarles mi ejemplo y como lo pude solucionar:

Quería Personalizar los Nombres de “Dirección” y “Ciudad”. Lo he resuelto de la siguiente manera.

Me fui a  functions.php de mi tema y agregué las siguientes Lineas.

add_filter( ‘woocommerce_checkout_fields’ , ‘custom_override_checkout_fields’ );
function custom_override_checkout_fields( $fields ) {
$fields[‘billing’][‘billing_address_1’][‘placeholder’] = ‘Escribe tuDirección’;
$fields[‘billing’][‘billing_address_1’][‘label’] = ‘Escribe tu Dirección’;
return $fields;
}
add_filter( ‘woocommerce_checkout_fields’ , ‘custom_override_checkout_campo12’ );
function custom_override_checkout_campo12( $campo12 ) {
$campo12[‘billing’][‘billing_city’][‘placeholder’] = ‘Tu Ciudad’;
$campo12[‘billing’][‘billing_city’][‘label’] = ‘Tu Ciudad’;
return $campo12;
}

 

Resulta que Woocommerce maneja unas variables específicas para cada campo personalizado.

  • billing
    • billing_first_name
    • billing_last_name
    • billing_company
    • billing_address_1
    • billing_address_2
    • billing_city
    • billing_postcode
    • billing_country
    • billing_state
    • billing_email
    • billing_phone
  • shipping
    • shipping_first_name
    • shipping_last_name
    • shipping_company
    • shipping_address_1
    • shipping_address_2
    • shipping_city
    • shipping_postcode
    • shipping_country
    • shipping_state
  • account
    • account_username
    • account_password
    • account_password-2
  • order
    • order_comments

 

Para los que no gustan mucho de modificar el código de sus temas por miedo, existe un plugin muy útil pero un poco limitado por ser la versión de no pago, su nombre es WooCommerce Checkout Manager , aunque no lo recomiendo mucho por que puede ponerles un poco lenta la carga de la página web.

Y como lo prometido es deuda les dejo las páginas que aunque están en Ingles me sacaron del gran apuro que tenía y espero que también los ayude a ustedes.

Añadir Campos Personalizados a Woocommerce

Funciones y Filtros para Cambiar campos y personalizarlos

 

Cualquier duda no duden en comentar!

 

Share

Diseño Páginas Web

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (No Ratings Yet)
Cargando…