Debo de reconocer que el tema de los cupones no me gusta nada en las tiendas online, pero se que es necesario para compensaciones, promociones, etc. Pero la verdad es que en WooCommerce se avisa mucho de estos, tanto en la página de carrito como en la de finalizar compra.
Por lo que para optimizar nuestra tienda online, vamos a ver cómo quitar estos avisos con código para no sobrecargar nuestra web con algo que no mostramos y la explicación por qué es necesario quitarlo y en qué nos beneficia.
Índice
Eliminar la notificación de cupones en WooCommerce
Lo primero que tenemos que hacer si no aceptamos cupones en general es desde WooCommerce > Ajustes > General desactivar el checkbox de cupones.
De querer seguir usando los cupones pero hay clientes y mantener el campo oculto podemos…
Quitar el aviso en el checkout o página de finalizar compra
Por defecto sale este aviso:
Añadiendo el siguiente código al functions.php de nuestra plantilla o a nuestro plugin de funcionalidades como explico aquí:
add_filter( 'woocommerce_coupons_enabled', 'dl_quitar_aviso_cupon_checkout' );
function dl_quitar_aviso_cupon_checkout( $enabled ) {
if (is_checkout() ) {
$enabled = false;
}
return $enabled;
}Se nos queda el siguiente resultado:
Como puedes ver mucho más limpio. Además de acortar la página de finalizar compra, para aumentar unas milésimas más la conversión.
Quitar el aviso en la página de carrito
Se muestra debajo del total de productos en el carrito de la siguiente forma:
Añadimos el siguiente código como hemos hecho antes:
add_filter( 'woocommerce_coupons_enabled', 'dl_quitar_aviso_cupon_carrito' );
function dl_quitar_aviso_cupon_carrito( $enabled ) {
if ( is_cart() ) {
$enabled = false;
}
return $enabled;
}
Este no recomiendo quitarlo si usas cupones en tu tienda, ya que no molesta y en algún sitio tendrán que ponerlos… A no ser que no des ninguno, en este caso si te recomiendo quitarlo.
Beneficios de usar este Snippet
El problema del aviso de cupones es que cuando el cliente los ve y no tiene uno sale a buscarlo por fuera, y esto se puede ver en varias consultas de marcas en búsquedas de Google.
Por lo tanto al ocultarlo no se paraliza el proceso de compra, beneficiando también que el proceso sea más corto y con menos avisos en el proceso.
Pero Diegol, entonces si doy un cupón ¿Cómo lo pueden poner en la compra? Muy sencillo, ofreciendo el cupón mediante url como explico en este tutorial o bien si no sabéis cómo configurarlos aquí.
Cualquier duda como siempre en comentarios o en contacto!
hola muchas gracias por la info, y como puedo hacr para cambiar el texto del botón y texto de aplicar cupon en el carrito? Tambien busco la manera de dejar activa la caja de cupon en el checkout pero sin tener que hacer click para que se desplegue la caja. Muchas gracias por la info!
Hola Melina,
Añade este código a tu functions.php o tu plugin code snippets para dejarlo siempre abierta la ventana de cupones:
add_action( 'wp_footer', 'woocommerce_show_coupon', 99 );
function woocommerce_show_coupon() {
echo '
';
}
Te dejo aquí el fragmento de código que deberás añadir y editar con el texto que necesitas para los campos del aviso de cupón(dejo los campos que deberás de rellenar):
// Cambiar el texto antes del botónfunction woocommerce_cambiar_mensaje_cupon_checkout() {
return 'Pon aquí el texto antes del texto del enlace' . ' ' . __( 'Aquí el texto del enlace', 'woocommerce' ) . '';
}
add_filter( 'woocommerce_checkout_coupon_message', 'woocommerce_cambiar_mensaje_cupon_checkout' );
// Cambiar el texto del botón
function woocommerce_cambiar_texto_boton_cupon_checkout( $translated_text, $text, $text_domain ) {
// bail if not modifying frontend woocommerce text
if ( is_admin() || 'woocommerce' !== $text_domain ) {
return $translated_text;
}
if ( 'Coupon code' === $text ) {
$translated_text = 'Texto del botón que quieres';
} elseif ( 'Apply Coupon' === $text ) {
$translated_text = 'Texto del botón de aplicar cupón';
}
return $translated_text;
}
add_filter( 'gettext', 'woocommerce_cambiar_texto_boton_cupon_checkout', 10, 3 );
Cualquier duda ya sabes!
Un saludo!
Hola Diegol!!
Tus tutoriales son «oro molío»!!
He logrado añadir el campo del dni en el checkout, y ahora estoy intentando eliminar el cupón de la página del checkout, pero no logro que funcione. Hay alguna forma alternativa de quitarlo?
Muchísimas gracias!!
Un saludo!!
Hola Gema,
Muchas gracias por el piropo. Este tutorial es para el carrito y página del checkout que no van con los bloques de Gutemberg o no es un theme que está muy personalizado.
De todas formas si los quieres eliminar por completo vete a los ajustes de WooCommerce, en WooCommerce > Ajustes > General > Activar cupones. Descativa esa casilla y guarda y se te desactivarán.
Espero que te sirva,
Un saludo!