WooCommerce – Ukryj wszystkie formy dostawy, jeżeli dostępna jest darmowa wysyłka

Jednym z największych problemów w e-commerce są porzucone koszyki i niska konwersja, która wynika często z niejasnego lub zbyt skomplikowanego procesu zakupu.

Oto pytanie, które otrzymałem w Wielkanoc przed północą:

W moim sklepie (…) prowadzę akcję, która za zakupy powyżej 100zł obniża koszty wysyłki, jednak mimo spełnienia warunków dalej wyświetla się domyślna i płatna wysyłka, a darmową trzeba wybrać klikając w odpowiednie miejsce. Chciałbym aby to było automatyczne lub aby znikała płatna przesyłka.

W odpowiedzi na nie dzisiaj przedstawię prosty sposób jak można uprościć kartę zamówienia, w przypadku kiedy korzystasz z darmowej dostawy, a zamówienie się na nią kwalifikuje.

Tak wygląda standardowo ekran zamówienia i wyboru formy dostawy zamówionych w sklepie produktów:

Nam zależy, aby w przypadku, gdy zamówienie może zostać zrealizowane z darmową wysyłką – Nie pokazywały się inne, płatne formy dostawy, a to zmniejsza ilość kroków i kliknięć jakie dzielą klienta od płatności i zatwierdzenia zamówienia i końcowo wpływa na wzrost konwersji.

A więc chcemy osiągnąć taki efekt:

Czyli brak wyboru opcji płatnych – wyświetlanie informacji o darmowej przesyłce leży w gestii motywu – czasami wyświetla się informacja, a czasami poprostu nic.

Poniżej znajduje się kod do wklejenia w functions.php (np. Motywu potomnego) lub wtyczkę funkcyjną.

https://gist.github.com/woogists/bd6938ccfdea0d03df5d060902561378#file-wc-hide-all-shipping-if-free-shipping-is-available-php

Link do kodu na GitHub