Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak łatwo dodać przesuwany koszyk boczny w WooCommerce

Czy chcesz dodać przesuwany koszyk boczny w WooCommerce?

Dzięki temu kupujący mogą zobaczyć swój koszyk z dowolnej strony twojego sklepu internetowego. Klienci mogą następnie dodawać produkty do koszyka, usuwać produkty i dodawać kupony bez konieczności przechodzenia na osobną stronę koszyka.

W tym artykule pokażemy, jak łatwo dodać przesuwany koszyk w WooCommerce.

How to add a sliding side cart in WooCommerce

Dlaczego warto dodać przesuwny koszyk boczny w WooCommerce?

Przesuwany koszyk boczny to panel, który pojawia się, gdy klient dodaje przedmiot do swojego koszyka.

Klienci mogą również otworzyć koszyk w dowolnym momencie, klikając ikonkę koszyka. Dzięki temu mogą sprawdzić swój koszyk bez konieczności przechodzenia na osobną stronę koszyka WooCommerce.

An example of a sliding cart in WooCommerce

W zależności od konfiguracji koszyka, kupujący mogą również dodawać i usuwać produkty, a także stosować kupony bezpośrednio z przesuwanego panelu.

Możesz nawet dodać przyciski wzywające do działania, takie jak odnośnik do strony kasy WooCommerce.

Przesuwane koszyki mogą poprawić wrażenia klientów, usuwając tarcia z procesu zakupów i pomagając kupującym śledzić, ile zapłacą przy kasie. Może to zmniejszyć wskaźnik porzuceń koszyka.

Mając to na uwadze, zobaczmy, jak dodać przesuwany koszyk boczny w WooCommerce. Wystarczy skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody.

Film instruktażowy

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Metoda 1. Jak dodać przesuwany koszyk boczny w WooCommerce za pomocą darmowej wtyczki?

Najszybszym i najłatwiejszym sposobem na utworzenie wysuwanego koszyka bocznego jest użycie Cart For WooCommerce By FunnelKit. Ta darmowa wtyczka umożliwia dodanie ikonki koszyka do twojego sklepu internetowego.

Kupujący mogą kliknąć przycisk, aby otworzyć wysuwany koszyk boczny.

An example of a sliding side cart in WooCommerce

Możesz zmienić kolory koszyka, obramowania, przyciski, wiadomości i nie tylko.

Istnieje mnóstwo opcji, dzięki czemu można stworzyć koszyk, który idealnie pasuje do każdego motywu WordPress.

A WooCommerce sliding side cart

Możesz wyświetlić przycisk koszyka na całej witrynie, ograniczyć go tylko do stron WooCommerce lub dodać przycisk do określonych stron i wpisów za pomocą krótkiego kodu.

Jak skonfigurować wtyczkę Cart For WooCommerce?

Najpierw musisz zainstalować i włączyć wtyczkę FunnelKit Cart for WooCommerce. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu przejdź do FunnelKit ” Koszyk. Zobaczysz podgląd przesuwanego koszyka po prawej stronie ekranu.

Previewing the FunnelKit cart

Teraz możesz dostosować koszyk do swoich potrzeb.

Na początek możesz zdecydować, czy ikonka koszyka ma być wyświetlana na całej twojej witrynie internetowej, czy tylko na stronach WooCommerce.

Jeśli wybierzesz opcję „Cała witryna internetowa”, kupujący będą mogli otworzyć przesuwany koszyk z dowolnej strony, więc jest to dobry wybór dla marketów i sklepów internetowych.

Adding a cart icon to your WordPress website

Twoja witryna może jednak zawierać wiele treści niezwiązanych z e-handlem. Na przykład, możesz prowadzić popularnego bloga WordPress, ale używać WooCommerce do sprzedaży towarów swoim fanom.

Wyświetlanie przycisku koszyka na każdym wpisie na blogu może stać się irytujące. W takim przypadku możesz zaznaczyć przycisk opcji „Strony WooCommerce”.

Adding a cart icon to your WooCommerce pages

Inną opcją jest „Brak”, która całkowicie ukrywa ikonkę koszyka.

Jeśli wybierzesz opcję „Brak”, możesz dodać ikonkę do dowolnej strony, wpisu lub obszaru gotowego na widżet za pomocą krótkiego kodu. Możesz również dodać ikonkę do twojego menu nawigacyjnego.

Pokażemy, jak to zrobić w dalszej części wpisu, ale możesz wybrać opcję „Brak”, jeśli planujesz dodać ikonkę koszyka ręcznie.

Po podjęciu tej decyzji wybierz „Bottom Left” lub „Bottom Right” w zależności od tego, gdzie chcesz wyświetlić przycisk koszyka. W tym miejscu pomocne może być sprawdzenie, jak przycisk będzie wyglądał w twoim sklepie internetowym, wybierając opcję „Podgląd na stronie”.

Previewing the FunnelKit sliding cart

Domyślnie wtyczka wyświetla „Review Your Cart” na górze wysuwanego koszyka bocznego.

Możesz go zastąpić twoim własnym komunikatem, wpisując go w polu „Nagłówek koszyka”.

Adding a heading to your online store's cart

Jeśli nie chcesz wyświetlać nagłówka, pozostaw to pole puste.

Domyślnie FunnelKit wyświetla ikonkę koszyka, zanim kupujący doda do niego jakiekolwiek produkty.

Jeśli wolisz, możesz ukryć ikonkę, dopóki odwiedzający nie zacznie dodawać produktów. Wystarczy kliknąć przełącznik „Ukryj ikonkę koszyka”, aby zmieniła kolor na niebieski.

Hiding the WooCommerce cart

To wszystko, czego potrzebujesz, aby stworzyć podstawowy przesuwany koszyk boczny, ale istnieją ustawienia, które mogą zapewnić jeszcze większą sprzedaż. Mając to na uwadze, przyjrzyjmy się bardziej zaawansowanym funkcjom FunnelKit.

Akceptuj kupony w przesuwanym koszyku bocznym WooCommerce

Kupony to świetny sposób na zwiększenie sprzedaży i budowanie lojalności klientów.

Jeśli utworzyłeś inteligentne kupony WooCommerce za pomocą wtyczki Advanced Coupons, kupujący mogą wpisać je bezpośrednio na stronie przesuwanego koszyka.

Adding coupon codes to a sliding side cart in WooCommerce

Gdy klient kliknie „Zastosuj”, przesuwany koszyk pokaże, ile zaoszczędził.

Pokazując klientom zniżkę od razu, można zmniejszyć liczbę porzuceń koszyka i zachęcić ich do dodania do niego większej liczby produktów.

How to accept coupon codes in a sliding side cart

Kody te można tworzyć za pomocą wbudowanej funkcji kuponów WooCommerce lub za pomocą wtyczki kodów kuponów.

Aby dodać pole kuponu, kliknij przełącznik „Włącz pole kuponu”, który zmieni kolor z szarego (wyłączone) na niebieski (włączone).

Accepting coupons on your online store

Następnie można przełączać się między układami „Zminimalizowany” i „Rozszerzony”.

Wystarczy zaznaczyć odpowiednie pole obok opcji „Wyświetl”.

Choosing different layouts for the sliding cart page

Zminimalizowana zajmuje mniej miejsca, więc mniej rozprasza, ale kupujący będą musieli rozwinąć sekcję kuponów, zanim będą mogli wpisać jakiegokolwiek rodzaju kody.

Na poniższym obrazku widać zminimalizowany układ.

An example of a minimized layout for coupon codes and discounts

Po wybraniu układu można zmienić tekst używany przez FunnelKit jako nagłówek pola kuponu, tekst zastępczy rabatu i tekst przycisku.

Dostosuj podsumowanie koszyka do własnych potrzeb

Podsumowanie koszyka pokazuje klientom, ile będzie kosztował ich zakup. Pomaga to zmniejszyć liczbę porzuceń koszyka, ponieważ nie ma przykrych niespodzianek przy kasie.

Customizing the WooCommerce cart summary

Z tego powodu zalecamy pozostawienie włączonego przełącznika „Pokaż sumę częściową”.

Jeśli jednak chcesz uprościć koszyk boczny, możesz kliknąć, aby wyłączyć przełącznik „Pokaż sumę częściową”.

Showing the subtotal on your eCommerce cart page

Możesz także pokazać wszelkie oszczędności, do których klient się zakwalifikował, w tym rabaty z wszelkich kuponów, które zastosował.

W ten sposób można wykorzystać FOMO do zwiększenia konwersji, zwłaszcza jeśli oszczędności są wrażliwe na czas. Na przykład, możesz zaplanować kupony w WooCommerce, aby klienci mogli z nich korzystać tylko przez ograniczony czas.

Showing savings and discounts on your e-Commerce site

Jeśli wolisz usuwać te informacje z przesuwanego koszyka bocznego, możesz wyłączyć przełącznik „Wyświetlaj oszczędności”.

Możesz również zastąpić „Saving Text” i „Shipping Text” twoimi własnymi, dostosowanymi wiadomościami.

Customizing the message on a sliding side cart screen

Dostosuj wezwanie do działania w koszyku WooCommerce

Przesuwany koszyk boczny ma domyślny przycisk kasy, ale możesz dostosować ten przycisk wezwania do działania, aby uzyskać więcej konwersji. Na początek można dodać ikonkę kasy za pomocą przełącznika „Włącz ikonkę przycisku”.

FunnelKit's checkout settings

Może to być szczególnie przydatne w przypadku tworzenia wielojęzycznej witryny WordPress.

Możesz również dodać cenę koszyka do przycisku kasy za pomocą przełącznika „Włącz cenę koszyka”.

Customizing the WooCommerce checkout button

Pomoże to kupującym śledzić, ile będzie kosztował koszyk, zwłaszcza jeśli usuwasz sumę częściową z sekcji podsumowania koszyka.

Domyślnie FunnelKit dodaje odnośnik „Kontynuuj zakupy” na dole wysuwanego koszyka bocznego. Możesz zastąpić ten tekst twoim własnym komunikatem, wpisując go w polu „Continue Shopping Text”.

Customizing the 'Continue shopping' text

Następnie wybierz, czy odnośnik ten ma po prostu zamknąć boczny panel koszyka, czy też przekierować kupującego na twoją stronę sklepu WooCommerce.

Większość kupujących będzie oczekiwać wyjścia z przesuwanego koszyka, dlatego zalecamy wybranie przycisku „Zamknij koszyk boczny”.

Closing the sliding side cart in WooCommerce

Jeśli wybierzesz opcję „Przekieruj do sklepu”, możesz zmienić tekst „Kontynuuj zakupy”, aby było jasne, co się stanie, gdy klienci klikną odnośnik.

Utwórz własny ekran pustego koszyka

Możliwe jest ukrycie przycisku koszyka, dopóki kupujący nie doda co najmniej jednej pozycji do koszyka, postępując zgodnie z procesem opisanym powyżej. Jeśli jednak przycisk nie zostanie ukryty, klienci mogą czasami zobaczyć pusty ekran koszyka.

The 'Empty Cart' screen

Tytuł, opis i tekst przycisku można zmienić za pomocą ustawień w sekcji „Pusty koszyk”. Zazwyczaj chcesz zachęcić klientów do rozpoczęcia zakupów. Na przykład, możesz mówić o rzeczach, które oferujesz, takich jak bezpłatna wysyłka lub gwarancja zwrotu pieniędzy.

Możesz nawet dać kupującemu kod kuponu, taki jak zniżka na zakup jednego produktu w cenie jednego gratis.

Adding a CTA to the 'empty cart' screen

Można również wybrać, czy kliknięcie przycisku „Kup teraz” przeniesie klienta na stronę sklepu WooCommerce, czy po prostu zamknie panel boczny.

Zalecamy wybranie opcji „Przekieruj do sklepu”, ponieważ ułatwi to kupującym dodawanie produktów do koszyka.

Enabling 'redirect to shop' in the FunnelKit WordPress plugin

Dodaj ikonkę koszyka w dowolnym miejscu na twojej witrynie

Jeśli chcesz mieć większą kontrolę nad miejscem wyświetlania ikonki koszyka, możesz dodać ją do dowolnej strony, wpisu lub obszaru gotowego na widżet za pomocą krótkiego kodu. Możesz również dodać ją do menu twojej witryny.

Jest to świetny wybór, jeśli w ustawieniach „Widoczności ikonki” wybrano opcję „Brak” w procesie opisanym powyżej.

FunnelKit's 'icon visibility' settings

Jeśli wybrałeś „Strony WooCommerce”, to jest również sposób na dodanie ikonki koszyka do innych ważnych obszarów twojej witryny. Na przykład możesz dodać ikonkę do własnej strony głównej lub formularza kontaktowego.

Aby rozpocząć, wybierz „Menu koszyka”, a następnie kliknij przełącznik „Włącz menu koszyka”.

Enabling the cart icon on WordPress

Możesz teraz zmienić wygląd ikonki, wybierając jeden z szablonów ikonek i decydując, czy liczba produktów i suma koszyka mają być wyświetlane jako fragment ikonki. Informacje te mogą pomóc odwiedzającym śledzić ich koszyki.

Można również zmienić rozmiar ikonki i rozmiar tekstu. W miarę wprowadzania zmian mały podgląd będzie aktualizowany automatycznie, dzięki czemu można wypróbować różne ustawienia, aby zobaczyć, co wygląda najlepiej.

How to create a custom cart icon for WordPress

Kiedy będziesz zadowolony z wyglądu ikonki bocznego koszyka, kliknij przycisk „Zapisz”.

Możesz teraz dodać ikonkę do dowolnej strony, wpisu lub obszaru gotowego na widżet, używając kodu obok „Osadzaj krótki kod”.

How to add a cart icon using shortcode

Więcej informacji na temat umieszczania krótkiego kodu można znaleźć w naszym przewodniku na temat dodawania krótkiego kodu w WordPress.

Inną opcją jest dodanie ikonki do menu nawigacyjnego twojej witryny. W ten sposób wysuwany boczny koszyk będzie zawsze w zasięgu ręki, nie odwracając uwagi od głównej treści strony.

How to add a cart icon to a navigation menu

Aby to zrobić, otwórz menu rozwijane „Dodaj do menu” i wybierz menu, którego chcesz użyć.

Następnie kliknij przycisk „Zapisz”.

Adding a cart icon to the WordPress menu

Teraz, jeśli przejdziesz na swoją witrynę internetową WordPress, zobaczysz ikonkę koszyka w menu nawigacyjnym.

Dodaj swoje własne kolory i markę

Możesz zmienić kolory wysuwanego bocznego koszyka, aby lepiej pasowały do twojego motywu WooCommerce lub brandingu. Aby zmienić kolor tekstu, kolor przycisku, kolor odnośnika i inne, kliknij „Stylizacja”.

Adding your own branding to a WooCommerce cart

Aby zmienić dowolny z domyślnych kolorów, wystarczy go kliknąć. Spowoduje to otwarcie wyskakującego okienka, w którym można wypróbować różne kolory.

Na przykład na poniższym obrazku dostosowujemy obramowanie.

How to add custom colors to a WooCommerce store

Innym rodzajem opcji jest wpisanie kodu szesnastkowego w polu „Hex”. Jest to idealne rozwiązanie, jeśli masz już na myśli konkretny odcień.

Jeśli nie wiesz, jakiego kodu szesnastkowego użyć, pomocna może okazać się witryna HTML Color Codes. Tutaj można zapoznać się z różnymi kolorami, a następnie uzyskać kod, który można po prostu wkleić do wtyczki FunnelKit.

Jeśli nadal nie masz pewności, jakich kolorów użyć, zapoznaj się z naszym przewodnikiem na temat tego, jak wybrać idealny schemat kolorów dla twojej witryny WordPress.

Jak stworzyć responsywny, przesuwany koszyk boczny?

Według naszego raportu na temat korzystania z Internetu, ponad 90% globalnej populacji internetowej korzysta z urządzeń mobilnych do przeglądania Internetu. Mając to na uwadze, warto upewnić się, że wysuwany koszyk boczny wygląda równie dobrze na smartfonach i tabletach, jak na komputerach stacjonarnych.

W tym przypadku pomocna może być zmiana szerokości koszyka, aby nie wypełniał on całkowicie małego ekranu urządzenia mobilnego. Aby to zrobić, kliknij „Stylizacja”, a następnie spójrz na „Szerokość mobilna podglądu koszyka”.

Create a mobile responsive cart page

Możesz spróbować wpisać różne wartości w tym polu. Jeśli zmienisz ustawienia domyślne, dobrym pomysłem jest sprawdzenie mobilnej wersji twojej witryny WordPress z poziomu komputera, aby upewnić się, że jesteś zadowolony z wyników.

Na tym ekranie można również zmienić szerokość wysuwanego bocznego koszyka na pulpicie. Aby to zrobić, wystarczy zmienić liczbę w polu „Szerokość pulpitu podglądu koszyka”.

Jak opublikować twój przesuwany wózek boczny?

Gdy jesteś zadowolony z konfiguracji przesuwanego koszyka bocznego, nadszedł czas, aby go uruchomić. Wystarczy kliknąć suwak „Włącz koszyk”, aby zmienił kolor na niebieski.

How to enable the sliding cart on your WooCommerce store

Teraz, jeśli przejdziesz na swój sklep internetowy, zobaczysz wysuwany koszyk na żywo.

Jeśli chcesz usuwać przesuwany koszyk boczny w dowolnym momencie, po prostu wróć do FunnelKit ” Koszyk w kokpicie WordPress. Następnie kliknij, aby wyłączyć pokaz slajdów „Włącz koszyk”.

How to disable the sliding cart on your WooCommerce store

Metoda 2. Dodaj zaawansowany przesuwany koszyk boczny (z dosprzedażą, sprzedażą krzyżową i nagrodami)

Jeśli chcesz zwiększyć średnią wartość zamówienia w twoim sklepie, możesz uaktualnić go do FunnelKit Cart Pro. Ta zaawansowana wtyczka do przesuwanego koszyka bocznego FunnelKit dodaje potężne funkcje sprzedaży dodatkowej, sprzedaży krzyżowej i nagród.

Dzięki tej wtyczce możesz polecać powiązane produkty za każdym razem, gdy klient doda przedmiot do koszyka.

Get more sales with upselling and cross-selling promotions

Można również tworzyć unikatowe nagrody, takie jak kody kuponów i darmowe prezenty, a następnie promować je wewnątrz przesuwanego koszyka.

FunnelKit może nawet śledzić, ile jeszcze klient musi wydać, aby odblokować kolejną nagrodę.

Offering extra rewards to shoppers

Aby dodać te zaawansowane funkcje, należy uaktualnić oprogramowanie do wersji FunnelKit Funnel Builder Pro. Pamiętaj tylko, że będziesz potrzebować planu Plus lub wyższego.

Po zakupie planu zaloguj się na swoje konto FunnelKit. Tutaj znajdziesz wtyczkę FunnelKit Funnel Builder Pro, a także FunnelKit Funnel Builder i FunnelKit Cart. Musisz zainstalować wszystkie trzy wtyczki, aby odblokować zaawansowane funkcje przesuwanego koszyka.

Najpierw musisz zainstalować i włączyć trzy wtyczki. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczek WordPress.

Po włączaniu przejdź do FunnelKit ” Ustawienia i dodaj swój klucz licencyjny do pola „FunnelKit Funnel Builder Pro”.

Adding the FunnelKit license

Informacje te można znaleźć, logując się na swoje konto w witrynie internetowej FunnelKit. Po wykonaniu tej czynności kliknij „Włączanie”.

Następnie wystarczy przejść do FunnelKit ” Koszyk.

Adding an advanced sliding side cart to an online store

Możesz teraz skonfigurować i dostosować koszyk boczny, postępując zgodnie z tym samym procesem opisanym w metodzie 1. Gdy będziesz zadowolony z konfiguracji przesuwanego koszyka bocznego, możesz dodać do niego dodatkowe produkty, produkty cross-sell i nagrody.

Większa sprzedaż dzięki dosprzedaży i sprzedaży krzyżowej produktów WooCommerce

Gdy klient otworzy wysuwany koszyk boczny, można wyświetlić mu unikatowe promocje upsell i cross-sell w oparciu o produkty znajdujące się w jego koszyku.

Adding upsell and cross-sell promotions to WooCommerce

Upselling polega na zachęcaniu kupujących do zakupu droższego produktu zamiast tego, który mają już w koszyku.

Wyobraźmy sobie na przykład, że klient dodaje do koszyka wodoodporną kurtkę. Możesz zasugerować kurtkę wyższej jakości, która jest bardziej trwała, wszechstronna i dostępna w różnych kolorach.

Sprzedaż krzyżowa polega na promowaniu produktu, który jest powiązany z czymś, co klienci już kupują. Na przykład, jeśli klient doda do koszyka kartkę z życzeniami, możesz zachęcić go do zakupu czekoladek lub kwiatów.

WooCommerce posiada funkcję odnośników do produktów, która umożliwia tworzenie upsellów i cross-sellów. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat upsellingu produktów w WooCommerce.

Można jednak również tworzyć upsells i cross-sells bezpośrednio z kokpitu FunnelKit. Jest to najszybsza opcja, więc to z niej będziemy korzystać w tym przewodniku.

Aby rozpocząć, kliknij opcję „Upsells”, a następnie wybierz „Enable Cart Upsells”.

How to add upsells and cross-sells to WooCommerce

Następnie przewiń do sekcji „Upsells and Cross-Sells”.

Tutaj zobaczysz wszystkie produkty w Twoim sklepie internetowym.

How to create WooCommerce linked products

Wystarczy kliknąć pozycję, do której chcesz dodać jeden lub więcej odnośników.

Następnie kliknij opcję „Dodaj Upsell” lub „Dodaj Cross Sell” w zależności od rodzaju promocji, którą chcesz utworzyć.

FunnelKit's advanced conversion features

W wyskakującym okienku zacznij wpisywać rodzaj produktu, którego chcesz użyć jako upsell lub cross-sell. Gdy pojawi się odpowiedni produkt, kliknij go.

Aby zaoferować wiele produktów, wystarczy wykonać ten sam proces opisany powyżej.

Adding a linked product on your online store

Po wykonaniu tej czynności wystarczy kliknąć przycisk „Dodaj”.

Teraz możesz tworzyć unikatowe kampanie cross-sell i upsell dla każdego produktu w twoim sklepie, po prostu wykonując ten sam proces opisany powyżej.

An example of a high-converting eCommerce sliding cart

Teraz możesz dostosować wygląd promocji upsell i cross-sell w twoim przesuwanym koszyku bocznym.

Na początek spróbuj przełączać się między różnymi stylami, klikając przyciski opcji obok opcji „Wyświetl”.

Customizing the upsell and cross-sell promotions in WooCommerce

Podgląd na żywo będzie aktualizowany automatycznie, więc możesz wypróbować różne style, aby zobaczyć, który najbardziej Ci się podoba.

Domyślnie FunnelKit wyświetla w wysuwanym koszyku bocznym zarówno upsells, jak i cross-sells. Jeśli wolisz, możesz wyświetlać tylko upsells lub tylko cross-sells, korzystając z przycisków opcji w sekcji „Rodzaj rekomendacji produktu”.

FunnelKit's product recommendation settings

Następnie możesz zmienić nagłówek wyświetlany przez FunnelKit nad promocją upsell lub cross-sell, wpisując go w polu „Nagłówek”.

Pamiętaj tylko, że FunnelKit użyje tego samego nagłówka dla obu rodzajów promocji.

Adding promotions to your sliding side cart

Następnie możesz ustawić maksymalną liczbę sugerowanych produktów, które FunnelKit pokaże, wpisując rodzaj w polu „Show Maximum Upsells”.

O ile to możliwe, dobrym pomysłem jest tworzenie unikatowych promocji upsell i cross-sell dla każdego produktu. Jeśli jednak Twój sklep internetowy ma wiele produktów, może to nie być możliwe.

Mając to na uwadze, można ustawić domyślny produkt upsell, który FunnelKit będzie promował, gdy nie będą dostępne żadne odnośniki. Aby to zrobić, wystarczy wpisać nazwę produktu w polu „Default Upsells”. Gdy pojawi się odpowiedni produkt, kliknij go.

Setting a default linked product

Kiedy będziesz zadowolony z utworzonych promocji upsell i cross-sell, nie zapomnij kliknąć „Zapisz”, aby zapisać twoje zmiany.

Oferta bezpłatnej wysyłki, rabatów i darmowych prezentów

Często można zwiększyć średnią wartość zamówienia, dając klientom powód, by wydali więcej. Mając to na uwadze, FunnelKit umożliwia tworzenie różnych nagród, a następnie promowanie ich jako bonusów do odblokowania w przesuwanym koszyku bocznym.

Na przykład, możesz zaoferować darmową wysyłkę, jeśli klient przekroczy minimalną kwotę wydatków. FunnelKit pokaże nawet klientom, ile jeszcze muszą wydać, aby odblokować nagrodę.

Jest to łatwy sposób na zwiększenie sprzedaży i budowanie lojalności klientów za pomocą grywalizacji.

FunnelKit umożliwia oferowanie trzech różnych nagród: darmowej wysyłki, rabatu i darmowego prezentu.

Aby zaoferować bezpłatną wysyłkę, musisz mieć już skonfigurowaną wysyłkę w twoim sklepie WooCommerce. Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym prostym przewodnikiem po WooCommerce.

Tymczasem nagroda „rabat” automatycznie stosuje kup on, gdy klient osiągnie minimalny wydatek. Jeśli chcesz zaoferować tę nagrodę, musisz utworzyć procentowy kupon rabatowy za pomocą wbudowanej funkcji kuponów WooCommerce lub wtyczki kuponów WordPress.

Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat tworzenia inteligentnych kuponów.

Następnie możesz utworzyć nagrodę, wybierając „Nagrody” w ustawieniach FunnelKit, a następnie klikając „Utwórz nagrodę”.

How to get more sales with rewards

Możesz teraz otworzyć menu rozwijane „Rodzaj” i wybrać rodzaj nagrody, którą chcesz utworzyć.

Niezależnie od tego, czy wybierzesz darmowy prezent, darmową wysyłkę czy rabat, możesz zmienić tekst, który FunnelKit wyświetla klientom, wpisując go w polu „Wiadomość”.

Jeśli dokonasz jakichkolwiek zmian, uważaj, aby nie edytować {{remaining_amount}}, ponieważ pozwala to FunnelKit pokazać, ile jeszcze klient musi wydać.

Adding incentives to your WooCommerce store

Jeśli oferujesz zniżkę, upewnij się, że zmienisz wiadomość, aby pokazać, ile klient zaoszczędzi.

Po wykonaniu tej czynności wpisz liczbę w polu „Kwota do otrzymania nagrody”. Jest to kwota, jaką kupujący muszą wydać, aby odblokować nagrodę.

Offering your customers rewards and incentives

Jeśli oferujesz rabat procentowy, musisz określić, który kupon FunnelKit ma automatycznie zastosować.

W polu „Kupon” zacznij wpisywać rodzaj kuponu, którego chcesz użyć. Gdy pojawi się odpowiedni kod, kliknij go.

Adding a discount offer to your eCommerce site

Teraz FunnelKit automatycznie zastosuje kupon, gdy ktoś osiągnie minimalny poziom wydatków.

Zamiast tego oferujesz darmowy prezent? Następnie zacznij wpisywać nazwę prezentu w polu „Produkt”.

Offering shoppers a free gift

Gdy pojawi się odpowiedni produkt, kliknij go.

Teraz FunnelKit doda ten produkt do koszyka klienta, gdy tylko osiągnie on minimalną kwotę wydatków.

How to offer shoppers a free gift

Aby dodać więcej nagród, wystarczy kliknąć „Utwórz kolejną nagrodę”.

Możesz teraz skonfigurować rabat, darmowy prezent lub nagrodę za bezpłatną wysyłkę, postępując zgodnie z tym samym procesem opisanym powyżej.

Get more sales by offering shoppers a reward

Domyślnie FunnelKit wyświetli następującą wiadomość, gdy klient zakwalifikuje się do wszystkich nagród: „Gratulacje! Odblokowałeś wszystkie nagrody”.

Aby zamiast tego wyświetlić inną wiadomość, wystarczy wpisać jej rodzaj w polu „Kiedy wszystkie nagrody zostaną odblokowane”. Możesz nawet zaoferować klientom specjalny bonus za odblokowanie wszystkich twoich nagród, na przykład ekskluzywny kod kuponu do wykorzystania przy następnym zakupie.

Offering visitors a reward

Kiedy będziesz zadowolony z konfiguracji twoich nagród, kliknij przycisk „Zapisz”.

Jak opublikować twój przesuwany wózek boczny?

Kiedy będziesz gotowy, aby uruchomić przesuwany koszyk boczny, po prostu kliknij przełącznik „Włącz koszyk”.

Publishing a sliding side cart on your online store

Jeśli chcesz usuwać wysuwany koszyk boczny w dowolnym momencie, po prostu wróć do FunnelKit ” Koszyk w kokpicie WordPress. Następnie kliknij, aby wyłączyć przełącznik „Włącz koszyk”.

Mamy nadzieję, że ten artykuł pomógł Ci dodać wysuwany koszyk boczny w WooCommerce. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia wyskakujących okienek WooCommerce w celu zwiększenia sprzedaży i najlepszych wtyczek WooCommerce dla twojego sklepu.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

2 komentarzeZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez

    „Why not adding there” lol.
    Infact this is an insightful post that helps optimize all part of woocomerce for sales and creating a slide cart just to any theme.
    Thanks for this guide. I need that slide cart.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.