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 utworzyć własną stronę koszyka WooCommerce (bez kodowania)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz stworzyć własną stronę koszyka WooCommerce?

Domyślna strona koszyka WooCommerce nie jest zoptymalizowana pod kątem konwersji. Dostosuj stronę koszyka, aby zwiększyć sprzedaż i zarobić więcej pieniędzy na twoim sklepie internetowym.

W tym artykule pokażemy, jak dostosować twoją stronę koszyka WooCommerce bez pisania jakiegokolwiek kodu.

How to create a custom WooCommerce cart page (no coding)

Dlaczego warto stworzyć własną stronę koszyka WooCommerce w WordPress?

WooCommerce posiada wbudowaną stronę koszyka.

Wystarczy włączać tę obowiązkową wtyczkę WordPress, a twój sklep internetowy zacznie automatycznie korzystać z domyślnej strony koszyka.

The default WooCommerce cart page

Kiedy Twoi odwiedzający mają produkty w koszyku, są bardzo blisko dokonania zakupu. Badania pokazują jednak, że prawie 7 na 10 klientów porzuca swój koszyk i nigdy do niego nie wraca.

Mając to na uwadze, twoja strona koszyka powinna zrobić wszystko, co możliwe, aby zabezpieczyć sprzedaż.

Zastępując domyślny projekt własną stroną koszyka, często można poprawić współczynnik konwersji w twoim sklepie internetowym.

Nawet zwykłe dostosowanie strony do własnego brandingu i własnego logo może poprawić wrażenia klientów i zwiększyć współczynniki konwersji.

Biorąc to pod uwagę, przyjrzyjmy się, jak można dostosować twoją stronę koszyka WooCommerce bez kodu.

Film instruktażowy

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Jak stworzyć własną stronę koszyka WooCommerce w WordPress?

Najprostszym sposobem na stworzenie własnych stron dla twojego sklepu WooCommerce jest użycie SeedProd.

SeedProd to najlepszy kreator stron typu „przeciągnij i upuść „, który zawiera ponad 180 profesjonalnie zaprojektowanych szablonów. Obejmuje to szablony e-handlu, które można wykorzystać do tworzenia stron sprzedażowych i stron do wyciskania leadów.

Co więcej, SeedProd ma pełną pomoc techniczną dla WooCommerce, a nawet zawiera specjalne bloki WooCommerce, które pozwalają pokazać twoje najlepiej sprzedające się produkty, najpopularniejsze przedmioty, najnowsze wyprzedaże i wiele więcej.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje darmowa wersja SeedProd, ale na potrzeby tego przewodnika użyjemy wersji Pro, ponieważ ma ona wbudowane bloki WooCommerce, których potrzebujemy. Integruje się również ze wszystkimi usługami e-mail marketingu, z których możesz już korzystać, aby uzyskać większą sprzedaż i konwersje.

Po włączaniu należy przejść do SeedProd ” Ustawienia i wpisz klucz licencyjny.

Enter SeedProd license key

Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd. Po wpiszeniu licencji kliknij przycisk „Zweryfikuj klucz”.

Gdy już to zrobisz, przejdź do SeedProd ” Landing Pages i kliknij przycisk „Utwórz nową stronę docelową”.

SeedProd's page design templates

Następnie należy wybrać szablon strony koszyka.

Szablony SeedProd są podzielone na różne rodzaje kampanii, takie jak wkrótce i strona 404. Możesz kliknąć na karty w górnej części ekranu, aby filtrować szablony na podstawie rodzaju kampanii.

Po znalezieniu szablonu, którego chcesz użyć, najedź na niego i kliknij ikonkę „Znacznik wyboru”.

Skorzystamy z szablonu „Blank Template”, ponieważ umożliwia on dodanie tylko wybranych sekcji.

Select SeedProd template

Następnie wpisz rodzaj nazwy strony koszyka. SeedProd automatycznie utworzy adres URL na podstawie tytułu strony, ale możesz go zmienić na dowolny inny.

Gdy jesteś zadowolony z informacji, które wpiszesz, kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Creating a custom cart page using SeedProd

Spowoduje to wczytywanie kreatora stron SeedProd. Jest to prosty edytor typu „przeciągnij i upuść”, który pokazuje podgląd na żywo Twojej własnej strony koszyka po prawej stronie i niektóre ustawienia po lewej stronie.

Na początek dodamy obrazek w górnej części strony. Dobrym pomysłem jest użycie obrazka, który wygląda jak zwykły nagłówek twojego sklepu, ponieważ pozwoli to zachować spójność marki.

Chcemy, aby obrazek nagłówka zajmował całą szerokość strony koszyka, więc w polu „Wybierz twój układ” kliknij pierwszy układ.

Choosing a layout for a custom page

Spowoduje to utworzenie układu o pełnej szerokości.

Teraz wybierz blok „Obrazek” w menu po lewej stronie i przeciągnij go na układ.

Add image block header

Aby załadować twój obrazek, kliknij, aby wybrać blok Obrazek.

W menu po lewej stronie kliknij „Use Your Own Image” i wybierz obrazek z biblioteki multimediów lub prześlij nowy plik z komputera.

Adding your logo to a custom cart page in WooCommerce

Obrazek można dodatkowo dostosować za pomocą ustawień po lewej stronie. Można na przykład dodać tekst alternatywny obrazka i zmienić jego rozmiar.

Gdy będziesz zadowolony z wyglądu nagłówka, kliknij ikonkę „Dodaj kolumny” w sekcji „Przeciągnij tutaj nowy blok”.

Adding new blocks to a WooCommerce cart page

Możesz teraz wybrać układ, którego chcesz użyć dla głównej strony koszyka.

Przejdź dalej i kliknij układ treści i panelu bocznego.

Select SeedProd layout

Umożliwia to utworzenie sekcji dla twojego koszyka oraz obszaru, w którym możesz wyświetlać referencje klientów, aby uzyskać więcej konwersji.

W menu po lewej stronie przewiń do sekcji „WooCommerce”. Tutaj znajdź blok „Koszyk” i przeciągnij go na twój układ.

Add WooCommerce cart block

Każdą część koszyka można dostosować do własnych potrzeb za pomocą menu po lewej stronie.

Obejmuje to zmianę kroju pisma, kolorów, przycisków i nie tylko.

Customize WooCommerce cart block

Gdy jesteś zadowolony z wyglądu obszaru koszyka, nadszedł czas, aby dodać blok opinii. Jest to forma dowodu społecznego, która zachęci odwiedzających do sfinalizowania zakupu.

Wystarczy znaleźć blok „Testimonials” i przeciągnąć go na twój układ.

Add testimonials block

Możesz teraz zmienić wygląd opinii w Twoim sklepie internetowym.

Na przykład w menu po lewej stronie znajdują się ustawienia umożliwiające zmianę koloru dymku komentarza, zmianę wyrównania i dodanie większej liczby opinii klientów.

Customize testimonials block

Innym świetnym pomysłem jest pokazanie oceny w gwiazdkach pod twoją opinią.

Aby to zrobić, wystarczy znaleźć blok „Ocena gwiazdkowa” i przeciągnąć go pod blok opinii.

Add star rating block

Niedobór może zachęcić twoich klientów do dokonania zakupu teraz, zamiast czekać i ryzykować utratę. Mając to na uwadze, możesz dodać licznik czasu, który będzie odliczał minuty do wygaśnięcia koszyka odwiedzającego.

Aby stworzyć poczucie pilności, znajdź blok „Odliczanie” i przeciągnij go na górę twojego koszyka.

Chcemy wyświetlać nowy licznik każdemu odwiedzającemu, więc otwórz menu rozwijane „Rodzaj odliczania” i wybierz „Licznik odwiedzin (wiecznie zielony)”.

Countdown timer evergreen block

Domyślnie timer uruchamia się po 30 minutach, ale można to zmienić, wpisując nową liczbę w sekcji „Ustaw timer na”.

Chcemy poinformować kupujących, że ich koszyk wygaśnie, gdy licznik czasu osiągnie 0, więc dodaj blok „Nagłówek” nad licznikiem czasu.

Następnie możesz wpisać rodzaj tekstu, który chcesz pokazać kupującym.

Countdown timer header

Możesz zachęcić ludzi do dodawania większej liczby produktów do koszyka, tworząc sekcję popularnych produktów.

Aby promować najlepiej sprzedające się produkty w twoim sklepie, po prostu przeciągnij i upuść blok „Najlepiej sprzedające się produkty” na twój układ.

Add SeedProd products block

Domyślnie ten blok pokazuje Twoje najpopularniejsze produkty, ale możesz użyć ustawień, aby pokazać produkty, które są w sprzedaży, Twoje najnowsze produkty i nie tylko.

Aby to zrobić, wystarczy otworzyć menu rozwijane „Rodzaj” i wybrać nową opcję.

Showing popular products on your cart page

Więcej szczegółów można znaleźć w naszym przewodniku na temat wyświetlania popularnych produktów w WooCommerce.

Kiedy jesteś zadowolony z wyglądu strony koszyka, nadszedł czas, aby ją opublikować, klikając strzałkę rozwijaną obok opcji „Zapisz”, a następnie wybierając opcję „Opublikuj”.

Publish cart live

Następnie należy zmienić adres URL koszyka w ustawieniach WooCommerce.

Wystarczy przejść do WooCommerce ” Ustawienia, a następnie kliknąć kartę „Zaawansowane”.

Changing the WooCommerce URLs

Następnie otwórz listę rozwijaną „Strona koszyka” i zacznij wpisywać adres URL twojej własnej strony.

Gdy pojawi się odpowiednia strona, wybierz ją.

Changing the WooCommerce cart URL

Bonus: Jak jeszcze bardziej poprawić konwersje na stronie koszyka WooCommerce

Po utworzeniu własnej strony koszyka WooCommerce istnieje wiele sposobów na zmniejszenie liczby porzuceń koszyka i zwiększenie sprzedaży. Pomaga to zarobić więcej pieniędzy na twoim istniejącym ruchu.

Oto kilka prostych sposobów, aby to zrobić.

1. Śledź swoje konwersje

Porzucanie koszyka to duży problem dla wszystkich sklepów internetowych. W rzeczywistości od 60 do 80% osób, które dodają produkty do koszyka, nie dokonuje zakupu. (Źródło: Statystyki porzucania koszyków)

Śledzenie konwersji pomaga zrozumieć, co działa na twojej stronie koszyka, a co nie. Następnie możesz użyć SeedProd, aby dostosować własną stronę koszyka, aby więcej klientów dokonało zakupu.

Najłatwiejszym sposobem śledzenia konwersji WooCommerce jest użycie Google Analytics. Jednak ręczne konfigurowanie analityki i tworzenie celów Google Analytics wymaga napisania dużej ilości własnego kodu.

Mając to na uwadze, zalecamy korzystanie z MonsterInsights. Jest to najlepsza wtyczka Google Analytics dla WooCommerce i zawiera dodatek e-handel, który włącza śledzenie konwersji za pomocą zaledwie kilku kliknięć.

MonsterInsights

Aby śledzić twoje konwersje z koszyka WooCommerce, zapoznaj się z naszym przewodnikiem krok po kroku, jak skonfigurować śledzenie konwersji WooCommerce.

2. Ogranicz porzucanie koszyka dzięki wyskakującym okienkom czasowym w WooCommerce

Porzucanie koszyka można również ograniczyć za pomocą wyskakującego okienka z określonym czasem.

OptinMonster jest najlepszą wtyczką WordPress popup i posiada unikatową technologię Exit-Intent®, która może wyświetlać wyskakujące okienka dokładnie wtedy, gdy kupujący ma zamiar opuścić stronę koszyka.

Możesz nawet użyć OptinMonster, aby zaoferować kupującym specjalny kod rabatowy, jeśli dokonają zakupu teraz.

OptinMonster popup WooCommerce

OptinMonster posiada potężny zestaw funkcji targetowania i personalizacji.

Na przykład, jeśli już zaoferowałeś kupującemu kupon, możesz zamiast tego pokazać mu wyskakujące okienko edukacyjne. Możesz na przykład zachęcić ich do skontaktowania się z Tobą i zadania pytań dotyczących Twoich produktów.

WPForms exit intent popup

OptinMonster pozwala tworzyć różne kampanie, w tym wyskakujące okienka, maty powitalne w trybie pełnoekranowym, pływające paski, pola przewijania i suwaki.

Na przykład, jeśli klient doda produkt do koszyka i nie sfinalizuje zakupu, możesz zaoferować mu kupon na dokładnie ten produkt za pomocą suwaka.

OptinMonster cart reminder

Więcej szczegółów można znaleźć w naszym przewodniku na temat tworzenia popupów WooCommerce w celu zwiększenia sprzedaży.

3. Zwiększ sprzedaż dzięki powiadomieniom o włączaniu mediów społecznościowych w WooCommerce

Powiadomienia o włączaniu w mediach społecznościowych pokazują wszystkie produkty, które kupujący kupują w czasie rzeczywistym. Może to zapewnić kupujących, że jesteś popularną, godną zaufania witryną internetową, a także wykorzystuje FOMO, aby zachęcić ich do zakupu.

Najprostszym sposobem na dodanie powiadomień o dowodach społecznych do twojej strony koszyka jest TrustPulse.

TrustPulse WooCommerce notification

Jest to najlepsza wtyczka social proof dla WordPress i WooCommerce na rynku i udowodniono, że zwiększa konwersje o 15%.

Możesz dodać TrustPulse do swojej witryny w ciągu zaledwie kilku minut i zacząć wyświetlać powiadomienia za każdym razem, gdy ktoś kupi produkt, rozpocznie bezpłatny okres próbny i nie tylko.

TrustPulse alert notification

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat korzystania z FOMO na twojej witrynie WordPress.

Mamy nadzieję, że ten artykuł pomógł ci stworzyć własną stronę koszyka WooCommerce bez pisania kodu. Możesz również zapoznać się z naszym przewodnikiem krok po kroku, jak zwiększyć ruch na blogu, a także z naszą ekspercką listą 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

Jeden komentarzZostaw odpowiedź

  1. Syed Balkhi says

    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!

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ę.