Brakująca kwota do darmowej wysyłki w WooCommerce

Pod jednym z artykułów tutaj na blogu zapytano o to czy mogę dodać wpis na temat tego, w jaki sposób można w koszyku dodać belkę z informacją, że do darmowej dostawy brakuje X złotych. No i voilà mamy to!

Po co informacja w koszyku, że brakująca kwota do darmowej wysyłki to X? No wiecie – ludzie lubią mieć rzeczy za free więc taka informacja może ich zmotywować do tego by coś jeszcze u Was kupić, bo dzięki temu zaoszczędzą X złotych na wysyłce. Nie jest to dużo roboty, a ja ma zwiększyć sprzedaż to czemu by tego nie zrobić?

To jak lecimy? Poniżej zamieszczam 3 kroki, które pozwolą Wam na dodanie belki w koszyku WooCommerce z informacją o tym jaka kwota brakuje do darmowej dostawy. Do dzieła!

Krok 1

Wejdź w WooCommerce – Ustawienia i w zakładce Wysyłka ustaw metodę wysyłki DARMOWA DOSTAWA. Edytuj ją i wybierz Minimalna wartość zamówienia a w polu niżej wpisz kwotę od której ma być darmowa wysyłka.

Krok 2

Wejdź na swój serwer do folderu Twojego motywu potomnego i tam w pliku functions.php wstaw poniższy kod.

add_action( 'woocommerce_before_cart', 'syl_free_shipping_cart_notice' );
  
function syl_free_shipping_cart_notice() {
  
   $min_amount = 170; //tutaj kwota od jakiej ma być za darmo
   
   $current = WC()->cart->subtotal;
  
   if ( $current < $min_amount ) {
      $added_text = 'Do darmowej wysyłki brakuje Ci  ' . wc_price( $min_amount - $current ) . ' '; //tutaj podajemy tekst, który ma być na belce
      $return_to = wc_get_page_permalink( 'shop' ); 
      $notice = sprintf( '<a href="%s" class="button wc-forward">%s</a> %s', esc_url( $return_to ), 'Kontynuuj zakupy', $added_text ); //tutaj tekst na przycisku
      wc_print_notice( $notice, 'notice' );
   }
  
}

Krok 3

Wejdź w kokpicie WordPress w Wygląd – Dostosuj – Własny CSS i wpisz tam przykładowo to co w poniższej ramce by odkleić kwotę od informacji oraz ją pogrubić:

.woocommerce-info .woocommerce-Price-amount { margin-left: 5px; font-weight: bold; }

No i gotowe! Ciesz się belką z informacją o brakującej kwocie do darmowej wysyłki w koszyku WooCommerce.

Poniżej możesz całą akcję zobaczyć w formie wideo 🙂 A jeśli chcesz więcej takich tipów to zapraszam do dołączenia do Przystani Specek.