Jak dodać produkt bezpośrednio do koszyka w Woocommerce

Ten wpis napisałam z potrzeby. Swojej i klientek, z którymi współpracuję.

Często, przeglądając sobie różne landingi, zauważam, że przyciski zamiast od razu do kupna produktu i koszyka prowadzą najpierw do strony produktu. Tworząc własne landingi, zmagałam się z tym samym problemem.

Po co kierować klienta do strony produktu, gdzie przeczyta jeszcze raz o tym samym i.. być może się rozmyśli i “ucieknie”. Lepiej skrócić mu tę ścieżkę zakupu, prowadząc go od razu do zawartości koszyka i płatności. Dodatkowo w ten sposób nie duplikujesz contentu na stronie (landingu i stronie produktu -> generalnie Google nie lubi duplikacji treści na stronach).

Badania pokazują, że im krótsza ścieżka zakupowa i mniej kroków, przeładowań stron, tym większa konwersja na stronie.

Domyślam się, że część z Was w tym momencie zacznie przeglądać repozytorium WordPressa w poszukiwaniu odpowiedniej wtyczki. A rozwiązanie jest banalnie proste do wdrożenia. Wystarczy tylko zapisać sobie kilka rzeczy: ID produktu, do którego kierujemy klienta, oraz schemat wyglądu linka, który prowadzi nas od razu do koszyka.

Warto też ustawić w ustawieniach WooCommerce przekierowanie do koszyka po dodaniu produktu – zauważyłam, że sporo ludzi nie ogarnia sytuacji, kiedy po dodaniu czegoś do koszyka, zostaje nadal na tej samej stronie.

Pamiętaj przy tym jednak, że jeśli wdrożyłaś rozwiązanie, o którym pisałam poprzednim razem, czyli wtyczkę Quick Woocommerce Cross Sell, nie musisz nic zmieniać.

Dzięki niej możemy łatwo podpiąć linki pod odpowiednie przyciski czy teksty i ułatwić zakup naszych produktów. Możemy to ustawić zarówno dla pojedynczego produktu, produktu z wariantami (określonego wariantu), jak i produktu grupowego.

W przypadku prostego produktu adres URL, który doda nam go do koszyka i od razu do niego nas przekieruje, będzie wyglądał mniej więcej tak:

W tym przykładzie X oznacza numer produktu w naszym sklepie, czyli jego ID. Identyfikator z łatwością znajdziesz po przejściu do listy produktów (Produkty > Wszystkie produkty) i najechaniu na żądany produkt. Pokaże się identyfikator.

Jeśli chcesz dodać ilość produktu, co również jest możliwe, wystarczy dodać jeszcze jeden element do adresu URL:

Jeżeli mamy produkt z wariantami to sytuacja wygląda bardzo podobnie, ale po znaku = podajemy ID naszego wariantu, które znajdziemy w tym miejscu:

Gdy taki link zostanie umieszczony, a klient zdecyduje się kupić produkt z tego miejsca, czyli domyślnie dodać do koszyka, produkt jest dodawany do koszyka, ale klient pozostaje na tej samej stronie. Jeśli chcesz, aby klient automatycznie przechodził na stronę “Twój koszyk”, po prostu dodaj element koszyka do linku.

Wszystko jasne! Oto cała tajemnica adresów URL, dzięki którym można łatwo dodać produkt do koszyka! Wdrożenie takich linków pod przyciskami na Twoich landing pages umożliwi Twoim klientom od razu dodanie wybranego produktu do koszyka bez potrzeby przeglądania strony produktu.