Jak zaprojektować koszyk WooCommerce w Elementorze [bez kodowania]

Czy Twoi klienci porzucają koszyk WooCommerce w połowie zakupu? Czy wiesz, że bardzo częstą przyczyną takiego stanu rzeczy może być zdezorganizowana strona koszyka, z którą użytkownicy mogą dezorientować się podczas robienia zakupów? Ale nie musisz się już martwić; dzięki najnowszej aktualizacji Essential Addons do Elementora zapewniamy najłatwiejsze rozwiązanie, które pozwoli zmniejszyć współczynniki porzucania koszyków i zwiększyć sprzedaż.

Na tym blogu przeprowadzimy Cię przez powody, dla których najlepszym rozwiązaniem jest zaprojektowanie niestandardowej strony koszyka WooCommerce w witrynie Twojego sklepu. Ale nie tylko to, przedstawimy Ci również nasz najnowszy element Essential Addons, stworzony po to, aby pomóc Ci stworzyć profesjonalnie zaprojektowany koszyk , który z pewnością przyniesie sprzedaż. Więc bez dalszej zwłoki zanurkujmy od razu i dowiedzmy się więcej.

Dlaczego warto zaprojektować niestandardową stronę koszyka WooCommerce?

Badania pokazują, że prawie 7 na 10 klientów porzuci Twój koszyk i nigdy nie wróci, nawet jeśli są zadowoleni ze sprzedawanych przez Ciebie produktów. Jak wspomnieliśmy na samym początku, głównym powodem tego jest myląca lub zagracona strona koszyka, przez którą klienci nie mogli się nawigować.

Czasami potencjalni klienci mogą nie być w stanie wrócić do strony zakupów i dodać inne produkty, których potrzebują. Podczas gdy innym razem może być problem z załączeniem kodu kuponu sprzedaży, którego mieli nadzieję użyć. Kupujący mogą nawet stać się sfrustrowani, gdy nie są w stanie dodać większej ilości tego samego produktu po tym, jak są już na stronie koszyka WooCommerce .

Co zrozumiałe, dostarczanie doskonałych produktów i usług może być dość rozczarowujące, a mimo to obserwujemy wysoki współczynnik porzucania koszyków – zwłaszcza jeśli wynika to z prostych problemów z projektem strony. Ale twoje zmartwienia wkrótce się skończą, wraz z najnowszą wersją naszego zespołu Essential Addons do Elementora . Przeczytaj więcej, aby dowiedzieć się, jak łatwo zwiększyć sprzedaż dzięki niesamowicie zaprojektowanej, profesjonalnie wyglądającej stronie koszyka e-commerce w Elementorze .

Zaprojektuj profesjonalny koszyk WooCommerce z niezbędnymi dodatkami 5.0

Rok 2021 był niesamowitym rokiem dla naszego zespołu Essential Addons for Elementor. Osiągnęliśmy największe kamienie milowe i rozwinęliśmy się szybciej, niż kiedykolwiek marzyliśmy. A to wszystko dzięki Tobie. Tak więc, aby zakończyć rok tak samo wysoko i zapewnić najlepsze wrażenia z tworzenia stron internetowych, przedstawiamy naszą najnowszą aktualizację Essential Addons 5.0.

Najnowsza wersja zawiera wiele ulepszeń, nowych elementów i rozszerzeń, dzięki którym z łatwością uwolnisz swoje umiejętności projektowania stron internetowych w elemencie. Z przyjemnością informujemy, że ta aktualizacja zawiera również ekskluzywny widżet – EA Woo Cart .

Ten niesamowity nowy element pozwala bez wysiłku stworzyć designerską stronę koszyka WooCommerce w Twoim sklepie za pomocą Elementora, za pomocą zaledwie kilku kliknięć i BEZ KODOWANIA . Niezależnie od tego, czy jesteś nowicjuszem w branży eCommerce, czy doświadczonym właścicielem sklepu, możesz łatwo użyć tego widżetu Essential Addons, aby przekształcić potencjalnych kupujących w oknach w płacących klientów.

A jego największą atrakcją jest to, że można go w pełni dostosować w Elementorze i ma wiele różnych układów projektowych do wyboru i dokładnie pasuje do estetyki Twojego sklepu WooCommerce. Czytaj dalej, aby dowiedzieć się więcej.

Skonfiguruj płynny wózek EA Woo w Elementorze bez kodowania

Nie trzeba dodawać, że musisz się upewnić, że już zainstalowałeś i skonfigurowałeś wtyczkę WooCommerce , aby zbudować swój sklep do perfekcji. Ale w tym przypadku jest to ważne, ponieważ aby ten zaawansowany widżet działał w Edytorze Elementor, musisz dodać kilka produktów do koszyka ze swojego sklepu WooCommerce. Gdy to zrobisz, wszyscy jesteśmy gotowi do bezproblemowego korzystania z widżetu koszyka EA Woo w Twoim sklepie. Wykonaj poniższe czynności, aby dowiedzieć się, jak:

Krok 1: Ustaw żądaną stronę koszyka WooCommerce

Przede wszystkim przejdź do strony WooCommerce → Ustawienia bezpośrednio z pulpitu WordPress, a następnie przejdź do zakładki „Zaawansowane” . W tym miejscu możesz przypisać dowolne żądane strony jako nową stronę koszyka.

Po prostu kliknij opcję „Strona koszyka” i wybierz dowolną stronę z menu rozwijanego jako stronę koszyka WooCommerce, jak widać na poniższym obrazku. Wszystko będzie gotowe.

Krok 2: Edytuj koszyk WooCommerce w Elementorze

Następnym krokiem, który należy wykonać, jest edycja strony koszyka WooCommerce za pomocą edytora Elementor za pomocą zaledwie kilku kliknięć. Ale zanim będziesz mógł to zrobić, musisz włączyć element EA Woo Cart z Essential Addons for Elementor.

Upewnij się, że zainstalowałeś najnowszą wersję Essential Addons 5.0 PRO , a następnie przejdź do zakładki „Elements” z interfejsu użytkownika Essential Addons for Elementor. Znajdziesz tutaj ponad 80 dostępnych elementów, ale wszystko, co musisz zrobić, to przełączyć opcję „ Koszyk EA Woo ” i nacisnąć „ Zapisz ustawienia ”, aby rozpocząć.

Krok 3: Edytuj koszyk WooCommerce w Elementorze

Teraz możesz zaprojektować oszałamiającą stronę koszyka w Elementorze. Po prostu przejdź do strony koszyka WooCommerce i naciśnij „ edytuj za pomocą Elementora ”.

Po przejściu do edytora Elementor znajdź element „ Koszyk EA Woo ” w opcji „Szukaj” w zakładce „Elementy” . Następnie po prostu przeciągnij i upuść element „EA Woo Cart” do dowolnej sekcji w Edytorze Elementor, jak pokazano poniżej. To naprawdę takie proste.

Bez wysiłku skonfiguruj każdy aspekt koszyka EA Woo

Twój koszyk WooCommerce jest już ustawiony, ale musi być stylizowany i dostosowany, aby wyglądał profesjonalnie i był łatwy do zrozumienia dla Twoich klientów. W tej sekcji skupimy się na tym, jak możesz to zrobić z łatwością.

Krok 1: Skonfiguruj ustawienia ogólne koszyka EA Woo

W panelu bocznym Edytora Elementor znajdziesz kilka opcji, takich jak „Ustawienia ogólne” , „Konstruktor tabel” lub „Komponenty koszyka” w zakładce „Ustawienia treści”.

W „Ustawieniach ogólnych” znajdziesz 2 różne style układów koszyka EA Woo do wyboru i dostosowania do własnych upodobań, jak pokazano poniżej.

Krok 2: Zmień etykiety z kreatora tabel

Następnie, w „ Table Builder ”, możesz zmienić etykiety tabeli i przeciągnąć sekcje, aby zmienić układ tabeli cen koszyka EA Woo Cart. Daje to pełną elastyczność w zmianie każdej etykiety ze wszystkich kolumn dodanych do strony koszyka – „produkt”, „cena”, „ilość” itp.

Krok 3: Dostosuj funkcję komponentu koszyka

Następnie przechodzimy do sekcji „ Komponent koszyka ”, w której można po prostu przełączyć „ Przycisk aktualizacji koszyka ”, aby umożliwić klientom dodawanie większej liczby produktów do koszyka.

Ale nie tylko to, możesz także przełączyć „ Formularz kuponu ”, aby klienci mogli łatwo dodać dowolny kupon, który chcą w momencie płatności na stronie koszyka WooCommerce. Poza tym możesz również włączyć opcję „ Kontynuuj zakupy ”, aby pomóc klientom wrócić do strony sklepu i zrobić więcej. Co więcej, możesz nawet zmienić tekst „Przycisk kasy” w tej sekcji i uczynić swoje wezwanie do działania bardziej interaktywnym.

Wszystkie te przyciski i opcje pomogą Twoim klientom dokładnie zrozumieć stronę koszyka WooCommerce, a także z łatwością poruszać się po tej stronie. I tak, dzięki widżetowi koszyka EA Woo, możesz natychmiast zmniejszyć porzucanie koszyków i współczynniki odrzuceń jednocześnie.

W pełni dostosuj styl koszyka EA Woo za pomocą kilku kliknięć

I wreszcie, po skonfigurowaniu zawartości strony koszyka EA Woo , nadszedł czas, aby dopasować ją do swojej witryny WooCommerce lub estetyki marki. Aby to zrobić, możesz po prostu kliknąć kartę „Styl” w edytorze Elementor, aby dostosować różne obszary swojej strony.

Krok 1: Stylizuj ustawienia ogólne

W sekcji „Ogólne” możesz zmienić kolor tła całej sekcji koszyka EA Woo. Będziesz mógł ręcznie dostosować kolor tła koszyka EA Woo Cart lub wybrać kolory globalne.

Krok 2: Wejdź w szczegóły w sekcji tabeli

W sekcji „Tabela” możesz zmienić dopełnienie, margines, typografię, typ obramowania itd. całej sekcji koszyka. Dzięki temu Twoja strona koszyka EA Woo będzie wyróżniać się na tle innych sklepów WooCommerce i będzie wyglądać na całkowicie spersonalizowaną.

Krok 3: Zmień inne aspekty projektu

Ale to nie wszystko. W ten sam sposób możesz zmienić wygląd „ Całkowity koszyk ”, „ Formularz kuponu” , „ Kontynuuj zakupy ”, „Przycisk” i „Powiadomienie” . Możesz nawet zmienić teksty w środku.

Aby dodać więcej funkcji i sprawić, by strona koszyka EA Woo wyglądała bardziej interaktywnie i atrakcyjnie, możesz również zapoznać się z opcjami ustawień „Zaawansowane” .

Profesjonalnie wyglądająca strona koszyka WooCommerce

I to wszystko. Dzięki tym małym krokom i łatwej personalizacji możesz łatwo stworzyć oszałamiającą stronę koszyka WooCommerce dla swojej witryny zgodnie z własnymi preferencjami. To też bez użycia jednej linii kodu.

Sprawdź ostateczny wynik poniżej i zobacz, jak Twoja profesjonalnie wyglądająca, designerska strona koszyka w WooCommerce za pomocą widżetu premium Essential Addons EA Woo Cart.

Inne ekskluzywne widżety dla Twojego sklepu WooCommerce

I na tym chcemy zakończyć nasz ostateczny przewodnik po tym, jak zaprojektować koszyk WooCommerce w Elementorze bez kodowania i z całkowitą łatwością. Ale zanim odejdziemy, chcemy poinformować Cię o wszystkich innych widżetach WooCommerce, do których masz dostęp z Essential Addons for Elementor.

Ta wyjątkowa wtyczka zapewnia widżet, który za pomocą kilku kliknięć ulepszy każdy aspekt Twojego sklepu WooCommerce. Jest jeszcze 7 elementów , którym możesz się przyjrzeć:

Galeria produktów Woo

Suwak produktu Woo

Karuzela produktów Woo

Siatka produktów Woo

Porównanie produktów Woo

Kolekcje produktów Woo

Woo kasa

Sprawdź je na stronie Essential Addons i z łatwością zwiększ sprzedaż swojego sklepu WooCommerce.

Aktualizacja do Essential Addons 5.0 i zwiększenie sprzedaży WooCommerce

Więc na co czekasz? Nie czekaj! Zaktualizuj teraz do Essential Addons 5.0 i dołącz do nas w tworzeniu unikalnego i wysoce konwertującego sklepu WooCommerce. Lub wypróbuj którykolwiek z naszych pakietów PRO , zaczynając od ekskluzywnej ceny zaledwie 39,97 USD i zwiększ ruch, sprzedaż i konwersje, korzystając ze wszystkich naszych funkcji premium!

Jeśli masz jakieś sugestie, daj nam znać w komentarzach poniżej lub skontaktuj się z naszym zespołem pomocy technicznej; chętnie poznamy Twoją opinię. Aby uzyskać więcej aktualizacji, samouczków oraz wskazówek i trików, zasubskrybuj nasz blog lub dołącz do naszej przyjaznej społeczności na Facebooku .