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.
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.
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
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.
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ą”.
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.
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”.
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.
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.
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.
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”.
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.
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.
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.
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.
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.
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.
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)”.
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.
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.
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ę.
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”.
Następnie należy zmienić adres URL koszyka w ustawieniach WooCommerce.
Wystarczy przejść do WooCommerce ” Ustawienia, a następnie kliknąć kartę „Zaawansowane”.
Następnie otwórz listę rozwijaną „Strona koszyka” i zacznij wpisywać adres URL twojej własnej strony.
Gdy pojawi się odpowiednia strona, wybierz ją.
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ęć.
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 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.
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.
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.
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.
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.
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!