WooCommerce es el plugin de ecommerce más utilizado en WordPress y podemos hacer muchísimas cosas con este fantástico plugin; pero no solo eso, sino que también pone a nuestra disposición un buen número de hooks para personalizarlo al máximo. Con los hooks de WooCommerce podremos hacer modificaciones en las plantillas de WooCommerce, o en nuestras propias plantillas. Además, también podemos realizar modificaciones a través de plugins y snippets valiéndonos de una gran cantidad de hooks que tiene WooCommerce. ¡Anímate! Empieza a utilizar estos hooks y sácale todo el partido a WooCommerce.

1. WooCommerce Hooks
Personalización a
base de bien
Óscar Abad Folgueira

2. Óscar Abad Folgueira
@oabadfol
@ohyeahdev
Desarrollador WordPress en Oh! Yeah Dev
dinapyme.com
oscarabadfolgueira.com

3. ¿QUÉ ES
WOOCOMMERCE?
#WCZGZ
Plugin de ecommerce más utilizado en WordPress

4. #WCZGZ
¿POR QUÉ ELEGIR
WOOCOMMERCE?
- Fácil de instalar y configurar.
- Fácil de gestionar.
- Una buena cantidad de plugins y temas.
- Bien desarrollado.
- Montones de Hooks.
- Sobreescritura de ficheros en nuestro theme.
- Gran comunidad.
- Etc...

5. #WCZGZ
HOOKS
Sitios o lugares en las diferentes páginas en los
cuales podemos realizar modificaciones: Añadir,
quitar, modificar…
WooCommerce dispone de un buen número de
hooks que podemos utilizar para realizar
personalizaciones de manera sencilla.
ACTIONS & FILTERS

6. #WCZGZ
WOOCOMMERCE HOOKS
https://docs.woocommerce.com/wc-apidocs/hook-docs.html

7. #WCZGZ
RECURSOS
INTERESANTES
WooCommerce Visual Hook Guide Series
https://businessbloomer.com/category/woocommerce-tips/visual-hook-series/
Plugin: Woo Visual Hook Guide
https://es.wordpress.org/plugins/woo-visual-hook-guide/

8. #WCZGZ
WOOCOMMERCE
VISUAL HOOK GUIDE

9. #WCZGZ
WOO VISUAL HOOK GUIDE

10. #WCZGZ
PÁGINAS
● Carrito.
● Finalizar compra.
● Mi cuenta.
● Producto.
● Archivo, categorías, tienda
● Emails………...

11. #WCZGZ
UN HOOK
woocommerce_before_add_to_cart_button

12. #WCZGZ
CÓMO USARLOS
add_action( 'hook', 'función', prioridad, args );
add_action( 'woocommerce_before_add_to_cart_button', 'ohyd_suplica' );

13. #WCZGZ
EJEMPLO
add_action( 'hook', 'función', prioridad, args );
add_action( 'woocommerce_before_add_to_cart_button', 'ohyd_suplica' );
add_action( 'woocommerce_before_add_to_cart_button', 'ohyd_suplica' );
function ohyd_suplica() {
echo '<h1 class="suplicar">COMPRA, PLEASE!!</h1>';
}
}

14. #WCZGZ
RESULTADO
ANTES DESPUÉS

15. #WCZGZ
OTRO EJEMPLO
Cambiar el texto de “Añadir al carrito” (single)
Hook: woocommerce_product_single_add_to_cart_text
add_filter( 'woocommerce_product_single_add_to_cart_text',
'ohyd_texto_aniadir_carrito_single' );
function ohyd_texto_aniadir_carrito_single() {
echo '¡COMPRA YA!';
}
}

16. #WCZGZ
OTRO RESULTADO
ANTES DESPUÉS

17. #WCZGZ
FINALIZAR COMPRA
CHECKOUT
Detalles de facturación
Billing details
[‘billing’]

18. #WCZGZ
[‘BILLING’][ ] - CAMPOS
● Nombre [‘billing’][‘billing_first_name’]
● Apellidos [‘billing’][‘billing_last_name’]
● Nombre empresa [‘billing’][‘billing_company’]
● País [‘billing’][‘billing_country’]
● Dirección 1 [‘billing’][‘billing_address_1’]
● Dirección 2 [‘billing’][‘billing_address_2’]
● Código postal [‘billing’][‘billing_postcode’]
● Localidad / Ciudad [‘billing’][‘billing_city’]
● Provincia [‘billing’][‘billing_state’]
● Teléfono [‘billing’][‘billing_phone’]
● Correo electrónico [‘billing’][‘billing_email’]

19. #WCZGZ
[‘BILLING’] - PROPIEDADES
[‘billing’][‘campo’][‘propiedad’]
● [‘type’] Tipo del campo (text, textarea, password o select).
● [‘label’] Texto de la etiqueta del campo.
● [‘placeholder’] Texto dentro del campo (input).
● [‘class’] Clase para el input
● [‘required’] Campo obligatorio (true - false)
● [‘clear’] Clear fix (true - false).
● [‘label_class’] Clase para la etiqueta.
● [‘options’] Array de opciones para los select.

20. #WCZGZ
[‘BILLING’] - EJEMPLOS
[‘billing’][‘campo’][‘propiedad’]
[‘billing’][‘billing_first_name’][‘label’] = ‘Su nombre’;
[‘billing’][‘billing_postcode’][‘placeholder’] = ‘CP’;
[‘billing’][‘billing_company’][‘required’] = true;
[‘billing’][‘billing_city’][‘type’] = ‘select’;

21. #WCZGZ
[‘BILLING’] - CÓDIGO
add_filter( 'woocommerce_checkout_fields' , 'ohyd_custom_checkout_billing' );
function ohyd_custom_checkout_billing( $fields ) {
$fields['billing']['billing_first_name']['label'] = 'Su nombre';
$fields['billing']['billing_postcode']['placeholder'] = 'CP';
$fields['billing']['billing_company']['required'] = true;
$fields['billing']['billing_city']['type'] = 'select';
$fields['billing']['billing_city']['options'] = array(
'Amurrio' => 'Amurrio',
'Zaragoza' => 'Zaragoza',
);
return $fields;
}

22. #WCZGZ
[‘BILLING’] - RESULTADO

23. Oh! Yeah
¡Muchas gracias!