Insertar Mensaje de Pedido Mínimo para Envíos Gratis en Woocommerce
Cada vez más, los usuarios, nos hemos mal acostumbrados (también me incluyo) a tener los envíos gratis. Cuando vemos una web que cobra envíos, maldecimos, – vaya, este cobra envíos -. La modita del A a la Z está haciendo que los comercios minoritarios tomen medidas.
Podemos hacer unos ajustes para cerrar más ventas, una de ellas es poder dejar gratis los gastos de envío a partir de una cantidad.
¿Sabes configurar los envíos gratuitos en woocommerce a partir de un importe? ¿No? echa un vistazo a este post de configurar envío gratis woocommerce.
¿Qué hacer para incrementar las ventas y ahorrar al cliente los gastos de envío?
Podemos incluir los gastos de envío gratuitos a partir de un importe, 30, 40, 50 €. Eso ya a gusto del consumidor.
Hasta aquí perfecto, pero ahora tenemos que avisar al cliente. ¿Cómo?
- Podemos poner un mensaje permanente en la cabecera de la web. Pero esto puede ser muy invasivo, a mi no me gusta. Prefiero los métodos que te doy en los puntos 2 y 3.
- Incluir un mensaje en la página de finalizar compra en el que diga… Te recuerdo que si haces un pedido de (30€), los gastos de envío te salen GRATIS. Añade algún producto más y ¡ahórrate los portes!
- Incluir un mensaje justo encima del botón de finalizar compra donde indique, Te quedan xx€ para tener los gastos de envío gratis, incluye un producto más y ¡ahórrate los portes!
- Incluir un mensaje en la página de carrito en el que aparezca. Consigue envío Gratis si pides xx€ más.
Voy a explicar los puntos 2, 3 y 4
¡Al Ataque!
Insertar Mensaje de Pedido Mínimo para Envíos Gratis en la página de Finalizar Compra
Vamos a hacer lo que puedes ver en la siguiente imagen.
Para ello como siempre vamos a insertar el siguiente código. ¿Donde? en el archivo functions.php o en el plugin Code Snippets.
// Muestra un mensaje de envío GRATIS en el carrito cuando el cliente aún no ha alcanzado el importe Mínimo
if ( in_array( 'woocommerce/woocommerce.php', get_option( 'active_plugins' ) ) ){
add_action( 'woocommerce_before_cart', 'inserta_mensaje_para_envios_gratis_ddwp' );
function inserta_mensaje_para_envios_gratis_ddwp(){
$min_amount = 30; // Escribe aquí el importe mínimo para conseguir el envío GRATIS
$upsell_message = '<p class="PULSE" style="font-size: 25px; line-height: 30px; text-align:center;"><b>Hey! Te recuerdo que si haces un pedido de {{min_amount}}, los gastos de envío te salen GRATIS. Añade algún producto más y ¡ahórrate los portes!</b></p>';
if ( !is_cart() ) {
return;
}
$cart_total = WC()->cart->subtotal;
$currency = get_woocommerce_currency();
$upsell_message = str_replace( '{{min_amount}}' , $min_amount.$currency, $upsell_message );
$remaining_amount = $min_amount - $cart_total;
$remaining_amount .= $currency;
$upsell_message = str_replace( '{{remaining_amount}}' , $remaining_amount, $upsell_message );
if ( !empty( $min_amount ) && ( $min_amount > $cart_total ) ) {
wc_clear_notices();
// Muestra el mensaje
wc_add_notice( $upsell_message, 'notice' );
}
}
}
Si no te gusta el mensaje que hay, puedes modificarlo en la línea 9 del código después de <b>, te recuerdo que {{min_amount}} debe estar para que parezca el importe que hayas configurado como ¡envío gratis a partir de xx€! en los ajustes de envío de woocommerce.
¡Te dejo otro método super chulo!
Insertar Mensaje de Importe Restante para Envíos Gratis en la página de Finalizar Compra antes del Botón de Pagar
Como se puede ver, se muestra la parte restante hasta el total marcado.
En esta opción al igual que el código anterior, se debe insertar en el en el archivo functions.php o en el plugin Code Snippets.
add_action( 'woocommerce_review_order_before_submit', 'resta_para_envios_gratis_ddwp' );
function resta_para_envios_gratis_ddwp() {
$threshold = 30; // Escribe aquí el importe mínimo para conseguir el envío GRATIS
$current = WC()->cart->total;
if ( $current < $threshold ) {
wc_print_notice( '¡Consigue el envío gratis si pides ' . wc_price( $threshold - $current ) . ' más!', 'notice' );
}
}
Puedes mejorar la visibilidad de esta parte haciendo pequeños cambios de CSS, por ejemplo, puedes cambiar el color del fondo para que destaque. ¿Quieres saber como hacerlo? Pídemelo!.
Insertar mensaje de «Envíos Gratis» con botón de seguir comprando.
Esté método es muy parecido al del punto 1 pero con una gran variable, incluye un botón en el que incita al usuario a seguir comprando. Aquí no muestra el importe para pedidos gratis, sino que aparece una resta para el total de los envíos gratis. Es una mezcla del método 2 y 3 nombrado en este post.
Para esta opción al igual que los códigos anteriores, se debe insertar en el en el archivo functions.php o en el plugin Code Snippets.
add_action( 'woocommerce_before_cart', 'envios_gratis_importe_minimo_boton_ddwp' );
function envios_gratis_importe_minimo_boton_ddwp() {
$min_amount = 50; //Cambia este importe por el tengas configurado para envíos Gratis.
$current = WC()->cart->subtotal;
if ( $current < $min_amount ) {
$added_text = '¡Hey! ¡Consigue el envío GRATIS si pides ' . wc_price( $min_amount - $current ) . ' más! ';
$return_to = wc_get_page_permalink( 'shop' );
$notice = sprintf( '<a href="%s" class="button wc-forward">%s</a> %s', esc_url( $return_to ), 'Continuar Comprando', $added_text );
wc_print_notice( $notice, 'notice' );
}
}
Se puede usar un código u otro o los dos al mismo tiempo. Esto está genial!!.
Recuerda: No sirve de nada todo lo que he explicado si en los métodos de envío –> zonas de envío –> envío gratuito no has configurado correctamente que serán envíos gratuitos todo pedido que sobrepase los 30€ de importe (esto en mi ejemplo).
Espero que disfrutes tanto como yo creando y ayudando a las tiendas online.
Si te ha servido, deja tu comentario y si no, también.
YouTube