A continuación de incluimos 5 códigos útiles para personalizar tu tienda online, modificando parámetros de la apariencia o del funcionamiento. Todos han sido probados con las versiones más recientes de WordPress y Woocommerce sin producir ningún error.
Realizar seguimiento de conversiones de Facebook
Si queremos realizar campañas en Facebook cuyo objetivo sea la «Conversión», además de introducir el pixel necesario para seguir de la actividad de nuestro sitio web, es necesario configurar también el seguimiento de conversiones para poder medirlas correctamente y optimizar nuestras campañas.
El siguiente código permite realizar un seguimiento de cada compra que se realiza, incluyendo el importe total y la moneda Euro (EUR):
/*
* REALIZAR SEGUIMIENTO DE CONVERSIONES DE FACEBOOK
*/
function woo_facebook_pixel_tracking( $order_id ) {
$order = new WC_Order( $order_id );
$order_total = $order->get_total();
?>
<script>fbq(‘track’, ‘Purchase’, {‘value’:'<?php echo $order_total ?>’,’currency’:’EUR’});</script>
<?php
}
add_action( ‘woocommerce_thankyou’, ‘woo_facebook_pixel_tracking’ );
Redirigir a la página de «Finalizar Compra» tras añadir un producto
Si vendemos un único producto en nuestra web o productos que suelen comprarse individualmente, como es nuestro caso, dirigir al cliente a la página de carrito puede ser innecesario ya que le obligamos a realizar más pasos durante la compra con la consiguiente pérdida de tiempo y la posibilidad de perderlo.
Si no requerimos de este paso, podemos saltarlo introduciendo el siguiente código:
/*
* REDIRIGIR A FINALIZAR COMPRA TRAS AÑADIR PRODUCTO
*/
function woo_redirect_to_checkout() {
global $woocommerce;
$checkout_url = $woocommerce->cart->get_checkout_url();
return $checkout_url;
}
add_filter (‘add_to_cart_redirect’, ‘woo_redirect_to_checkout’);
Deshabilitar campos del formulario de pago
En ocasiones hacemos perder un tiempo valioso a nuestros clientes completando campos del formulario de finalización de la compra que no son necesarios, en nuestro caso por ejemplo, hemos quitado campos como el segundo campo de dirección o el de país ya que no los necesitamos.
Con el siguiente código puedes deshabilitar los campos que desees del formulario, únicamente deja en el código aquellos que quieras quitar:
/*
* DESHABILITAR CAMPOS DEL FORMULARIO DE PAGO
*/
function woo_custom_override_checkout_fields( $fields ) {
unset ($fields[‘billing’][‘billing_first_name’]); // Eliminar el campo Nombre
unset ($fields[‘billing’][‘billing_last_name’]); // Eliminar el campo Apellidos
unset ($fields[‘billing’][‘billing_company’]); // Eliminar el campo Empresa
unset ($fields[‘billing’][‘billing_address_1’]); // Eliminar el campo Dirección 1
unset ($fields[‘billing’][‘billing_address_2’]); // Eliminar el campo Dirección 2
unset ($fields[‘billing’][‘billing_postcode’]); // Eliminar el campo Código Postal
unset ($fields[‘billing’][‘billing_state’]); // Eliminar el campo Provincia
unset ($fields[‘billing’][‘billing_country’]); // Eliminar el campo País
unset ($fields[‘billing’][‘billing_email’]); // Eliminar el campo Correo Electrónico
unset ($fields[‘billing’][‘billing_phone’]); // Eliminar el campo Teléfono
return $fields;
}
add_filter( ‘woocommerce_checkout_fields’ , ‘woo_custom_override_checkout_fields’ );
Deshabilitar pestañas de la ficha de producto
Por defecto, todas las fichas de producto en Woocommerce suelen mostrar tres pestañas con la descripción del producto, las valoraciones de usuarios o información adicional, si nos queremos deshacer de una de ellas o de todas, utiliza el siguiente código personalizando qué pestañas quieres eliminar:
/*
* DESHABILITAR PESTAÑAS DE LA FICHA DE PRODUCTO
*/
function woo_remove_product_tab($tabs) {
unset( $tabs[‘description’] ); // Eliminar la pestaña de Descripción
unset( $tabs[‘reviews’] ); // Eliminar la pestaña de Valoraciones
unset( $tabs[‘additional_information’] ); // Eliminar la pestaña de Información Adicional
return $tabs;
}
add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tab’, 98);
Habilitar cantidad mínima de pedido
Con el objetivo de lograr la rentabilidad de nuestro ecommerce, en muchos casos puede ser necesario que el usuario deba realizar un pedido mínimo de X euros.
Con el siguiente código estableceremos el importe mínimo de compra e informaremos al usuario de dicha situación en la página del «Carrito» para que continue comprando:
/*
* HABILITAR CANTIDAD MÍNIMA DE PEDIDO
*/
function woo_minimum_order_amount() {
$minimum = 10; //Establecer importe mínimo de compra
if ( WC()->cart->total < $minimum ) {
if( is_cart() ) {
wc_print_notice(
sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar
wc_price( $minimum ),
wc_price( WC()->cart->total )
), ‘error’
);
} else {
wc_add_notice(
sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar
wc_price( $minimum ),
wc_price( WC()->cart->total )
), ‘error’
);
}
}
}
add_action( ‘woocommerce_checkout_process’, ‘woo_minimum_order_amount’ );
add_action( ‘woocommerce_before_cart’ , ‘woo_minimum_order_amount’ );
Con estos cinco fragmentos ya podemos empezar a mejorar las prestaciones de nuestro Woocommerce, sin depender siempre de los plugins.
Espero sirvan de utilidad y sigas avanzando en tu proyecto.