Jak dodać Koszyk do WordPress (bez kodu)

Posted by Stacey Corrin on sierpień 25, 2021

chcesz dodać koszyk do WordPressa?

Tworzenie koszyka na zakupy ułatwia sprzedaż produktów lub usług i przyjmowanie płatności z witryny WordPress. Ale WordPress nie oferuje tej funkcji domyślnie, co jest trudne, jeśli konfigurujesz sklep internetowy.

dlatego w tym artykule pokażemy, jak dodać koszyk do WordPressa bez pisania jednej linii kodu.

wybór najlepszej wtyczki eCommerce dla WordPress

istnieje kilka wtyczek koszyka WordPress, które mogą pomóc Ci dodać koszyk do WordPress. Na przykład BigCommerce jest doskonałą platformą dla dużych sklepów eCommerce ze względu na szybkość i bezpieczeństwo.

ale w tym artykule pokażemy, jak stworzyć koszyk z WooCommerce, najpopularniejszą wtyczką eCommerce dla WordPressa.

WooCommerce best eCommerce plugin for WordPress

WooCommerce to darmowa wtyczka o otwartym kodzie źródłowym, która pozwala sprzedawać produkty fizyczne i cyfrowe w witrynie WordPress.

możesz akceptować płatności kartą kredytową za pomocą bramek płatności, takich jak Stripe, PayPal, Amazon Pay, Authorize.net i wiele innych opcji. Ponadto możesz zaoferować opcje płatności offline, takie jak płatność przy odbiorze i czek.

po rozpoczęciu otrzymywania zamówień możesz zarządzać ich statusem w obszarze pulpitu nawigacyjnego. Ponadto możesz połączyć się z kilkoma opcjami wysyłki, takimi jak USPS i FedEx.

WooCommerce działa z dowolnym motywem WordPress i oferuje rozbudowane opcje dostosowywania. A ponieważ jest tak popularny, istnieją tysiące dodatków, które dodają więcej funkcji do koszyka WooCommerce.

Mając to na uwadze, wskoczmy i dowiedzmy się, jak dodać koszyk do WordPressa za pomocą WooCommerce.

Dodaj Koszyk do WordPress za pomocą WooCommerce

aby rozpocząć, zaloguj się do pulpitu WordPress i przejdź do wtyczek ≫ Dodaj nowy. Następnie wpisz „WooCommerce” w polu tekstowym wyszukiwania.

wtyczka WooCommerce powinna pojawić się jako pierwszy wynik. Kliknij Zainstaluj teraz, a po zakończeniu instalacji kliknij Aktywuj.

Zainstaluj i aktywuj wtyczkę woocommerce

po aktywacji WooCommerce przejście do Kreatora konfiguracji.

Dodaj dane swojego sklepu

na pierwszej stronie możesz wpisać dane swojego sklepu.

wprowadź dane swojego sklepu woocommerce

wpisz swój adres, a następnie zaznacz pole wyboru, jeśli konfigurujesz sklep dla klienta. Jeśli nie, odznacz go i kliknij Kontynuuj.

Wybierz branżę

na poniższym ekranie możesz wybrać branżę dla swojego sklepu internetowego, na przykład:

  • moda, odzież, akcesoria
  • Zdrowie i uroda
  • Elektronika i komputery
  • Jedzenie i picie
  • Dom, meble, ogród
  • Edukacja i nauka
  • Pozostałe
Wybierz branżę dla swojego sklepu internetowego

Po wybraniu branży kliknij przycisk Kontynuuj.

Wybierz typy produktów

następnym krokiem jest wybór rodzaju produktów, które sprzedasz. Dzięki WooCommerce możesz sprzedawać zarówno fizyczne produkty, jak i cyfrowe pliki do pobrania. Możesz także sprzedawać członkostwo, subskrypcje i przyjmować rezerwacje na wydarzenia.

Wybierz typy produktów

stamtąd kliknij Kontynuuj, aby przejść do strony szczegółów firmy.

Related: jak osadzić wydarzenia na Facebooku w WordPress

wprowadź dane swojej firmy

na tym ekranie możesz wybrać, ile produktów chcesz wyświetlić na stronach produktów. Możesz wybrać od „nie mam jeszcze żadnych produktów” do ponad 1,000+.

wprowadź dane swojej firmy

ponadto poniższe rozwijane pole pozwala ci powiedzieć WooCommerce, jeśli sprzedajesz swoje produkty gdzie indziej, na przykład w sklepach stacjonarnych. Wybierz więc preferowaną opcję, a następnie kliknij Kontynuuj.

następnie możesz zainstalować opcjonalne bezpłatne dodatki z WooCommerce, aby ulepszyć swój sklep internetowy. Na przykład możesz akceptować karty kredytowe za pomocą płatności WooCommerce i używać podatku WooCommerce, aby uzyskać automatyczny podatek od sprzedaży i nie tylko.

zainstaluj bezpłatne opcjonalne dodatki woocommerce

sugerujemy zainstalowanie wszystkich zalecanych dodatków. Możesz łatwo usunąć wszystko, czego nie potrzebujesz później.

Wybierz motyw WordPress

ostatnim krokiem w kreatorze konfiguracji jest wybór motywu WordPress dla Twojego sklepu internetowego. Możesz kontynuować istniejący motyw WordPress lub wybrać jeden z kilku innych darmowych i premium motywów.

Wybierz motyw WordPress

jednym wyborem w ofercie jest motyw witryny sklepowej WooCommerce. Ten darmowy motyw został stworzony specjalnie dla WooCommerce, co ułatwia szybkie uruchomienie sklepu.

zdecydujemy się kontynuować nasz istniejący motyw dla tego przewodnika, który zakończy konfigurację szczegółów sklepu.

Dodaj nowe produkty do swojego sklepu WooCommerce

dzięki podstawom sklepu WooCommerce możesz teraz zacząć dodawać produkty do swojej witryny. Aby to zrobić, przejdź do WooCommerce Home Home i kliknij opcję” Dodaj moje produkty”.

Dodaj nowe produkty woocommerce do swojego sklepu

istnieje kilka sposobów dodawania produktów do WooCommerce, w tym:

  • zaczynając od szablonu
  • ręczne dodawanie każdego produktu
  • Importowanie produktów przez CSV
  • Importowanie produktów z innej usługi

jednym z najszybszych sposobów jest importowanie produktów z pliku CSV, więc wybierzmy tę opcję.

Importuj produkty woocommerce za pomocą csv

stamtąd możesz wybrać plik CSV produktu z komputera i kliknąć Kontynuuj.

Prześlij plik CSV produktów

przed zakończeniem importu WooCommerce poprosi Cię o wybranie pól z pliku CSV w celu odwzorowania pól produktu, takich jak obraz produktu, cena produktu i inne. Możesz też zignorować te pola i ręcznie edytować szczegóły produktu.

teraz możesz kliknąć przycisk Uruchom importera. W zależności od liczby dodanych produktów tworzenie produktów może potrwać kilka minut.

skonfiguruj opcje płatności

zanim zaczniesz sprzedawać swoje produkty, musisz skonfigurować preferowane metody płatności. Aby to zrobić, przejdź do ustawień WooCommerce ≫ i kliknij kartę Płatności.

Skonfiguruj bramki płatności woocommerce

postępuj zgodnie z instrukcjami konfiguracji dla każdej metody płatności. Możesz również dodać inne popularne procesory płatności, takie jak prosty koszyk na zakupy PayPal i pasek, aktywując sugerowane dodatki.

nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać ustawienia.

teraz, gdy twój sklep WooCommerce jest skonfigurowany, możesz się zastanawiać nad swoim koszykiem. WooCommerce automatycznie tworzy indywidualne strony dla:

  • strona koszyka
  • strona kasy
  • strona mojego konta

więc nie musisz podejmować żadnych dalszych działań. Jednak dzięki niestandardowej stronie koszyka WooCommerce możesz znacznie zwiększyć sprzedaż i konwersje.

na przykład badania pokazują, że prawie 7 na 10 klientów porzuci Twój koszyk i nigdy nie wróci. Tak więc, optymalizując domyślną stronę koszyka WooCommerce, możesz zwiększyć sprzedaż bez zwiększania bieżącego ruchu.

co więcej, gdy odwiedzający mają przedmioty w koszyku, są bardzo blisko zakończenia zakupu. W związku z tym strona koszyka WooCommerce powinna zrobić wszystko, co możliwe, aby dokonać tego zakupu.

Mając to na uwadze, pokażemy Ci teraz, jak stworzyć niestandardową stronę koszyka WooCommerce w WordPress za pomocą SeedProd.

Dodaj niestandardowy koszyk na zakupy WordPress do WordPress

SeedProd najlepsza wtyczka do strony docelowej WordPress

SeedProd jest najlepszym narzędziem do przeciągania i upuszczania stron używanym przez ponad milion witryn internetowych. Pozwala łatwo utworzyć niestandardową stronę koszyka WooCommerce, aby zwiększyć sprzedaż. Przed uruchomieniem możesz utworzyć stronę WooCommerce coming soon, aby wzbudzić emocje od pierwszego dnia.

Możesz również użyć tej wtyczki do tworzenia dowolnej strony docelowej w WordPress bez zatrudniania programisty. A dzięki szerokiej gamie opcji dostosowywania łatwo jest sprawić, aby strona wyglądała dokładnie tak, jak chcesz.

Zainstaluj i aktywuj SeedProd

aby rozpocząć, musisz najpierw zainstalować i aktywować wtyczkę SeedProd. Kliknij tutaj, aby rozpocząć pracę z SeedProd.

jeśli potrzebujesz pomocy w tym kroku, możesz postępować zgodnie z tym przewodnikiem, jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje darmowa wersja SeedProd, której możesz użyć, ale w tym samouczku użyjemy wersji Pro, ponieważ ma wbudowane bloki WooCommerce, których potrzebujemy.

po aktywacji wtyczki przejdź do ustawień SeedProd i wprowadź klucz licencyjny produktu.

zweryfikuj swój klucz licencyjny seedprod

możesz znaleźć swój klucz licencyjny SeedProd w panelu konta na stronie internetowej SeedProd.

Utwórz nową stronę koszyka

po zweryfikowaniu klucza licencyjnego przejdź do stron SeedProd i kliknij przycisk „Dodaj nową stronę docelową”, aby utworzyć nową stronę koszyka.

Dodaj nową stronę docelową w WordPress

następnie zobaczysz bibliotekę szablonów stron docelowych, których możesz użyć, aby szybko dodać gotową stronę do swojej witryny.

szablony stron docelowych SeedProd

istnieją dziesiątki profesjonalnie zaprojektowanych szablonów dla prawie każdego celu biznesowego. Po znalezieniu szablonu, który Ci się podoba, najedź na niego i kliknij ikonę „zaznacz”.

użyjemy pustego szablonu dla tego przewodnika, ponieważ chcemy dodać tylko podstawowe elementy strony, których potrzebujemy dla naszej strony koszyka.

 Pusty szablon strony lanidng seedprod

w wyskakującym okienku, które następuje, możesz wprowadzić nazwę koszyka. Następnie kliknij przycisk Zapisz i rozpocznij edycję strony.

Dostosuj swoją stronę koszyka WooCommerce

po nadaniu nazwy stronie przejdziesz do Kreatora przeciągania i upuszczania, gdzie możesz zacząć budować kluczowe części strony koszyka.

Dodaj Logo

zacznijmy od dodania bloku obrazu, abyś mógł przesłać logo. Możesz łatwo dostosować ten blok tak, aby wyglądał jak nagłówek witryny, nie czyniąc z niego klikalnego obrazu.

dzięki temu Twoja marka jest spójna i zapewnia użytkownikom mniej miejsc do opuszczenia strony, co pomaga zmniejszyć liczbę porzucanych koszyków.

najpierw wybierz blok obrazu i przeciągnij go do podglądu strony po prawej stronie. Stamtąd możesz przesłać logo z komputera lub biblioteki multimediów WordPress.

przeciągnij blok obrazu na swoją stronę

kliknięcie bloku pozwala całkowicie dostosować logo w panelu po lewej stronie.

Dostosuj ustawienia logo obrazu

Dodaj swój koszyk

teraz dodajmy nową kolumnę dla układu strony koszyka. W tym celu wybraliśmy opcję zawartość i pasek boczny w sekcji „Wybierz swój układ”.

wybierz nowy układ kolumn

ten układ pozwala mieć sekcję koszyka i obszar do wyświetlania recenzji i opinii. Zacznijmy więc od dodania koszyka.

aby to zrobić, przewiń w dół do sekcji bloki WooCommerce. Następnie przeciągnij blok koszyka do kolumny zawartość. Twój koszyk WooCommerce wyświetli się automatycznie na Twoim podglądzie.

Dodaj koszyk do podglądu strony WordPress

kliknięcie bloku pozwala dostosować każdą część koszyka. Można na przykład zmienić etykiety i kolory przycisków, kolory tła pól i wiele innych.

Dostosuj swój koszyk na zakupy woocommerce

Dołącz opinie klientów

możesz dodać blok rekomendacji SeedProd, aby pokazać dowód społeczny i przekonać użytkowników do sprawdzenia na pasku bocznym. Znajdź go pod zaawansowanymi blokami i przeciągnij na swoją stronę.

użyj bloku referencji do dowodu społecznego

ten blok daje pełną kontrolę nad wyglądem referencji. Na przykład możesz dodać wiele referencji, wybrać niestandardowe zdjęcia referencji, a nawet ustawić je jako przesuwną karuzelę referencji.

aby podwoić dowód społeczny, możesz dodać blok gwiazdek do swojej strony. Po prostu wybierz blok gwiazdek i przeciągnij go pod swoimi referencjami.

Dodaj blok oceny gwiazdek seedprod

stamtąd możesz dostosować ikonę oceny, kolory, pozycję i wiele innych.

Dodaj niedostatek do koszyka strona

jeśli naprawdę chcesz zachęcić kupujących do działania, możesz dodać zegar niedoboru do koszyka. Korzystając z bloku minutnika Seedprod, możesz dodać niestandardowy zegar odliczający do swojej strony z minutnikiem, który tyka w dół.

po prostu wybierz blok odliczania i przeciągnij go na miejsce nad koszykiem. Następnie w panelu Ustawienia wybierz opcję Timer odwiedzającego, aby timer odświeżał się dla każdego odwiedzającego.

Dodaj blok odliczania czasu dla niedoboru

następnie w panelu ustawień zaawansowanych możesz dostosować kolory, aby pasowały do reszty koszyka.

zaawansowane ustawienia odliczania czasu

następnie dodaj nagłówek informujący kupujących, że mają ustawiony okres, dopóki ich koszyk nie wygaśnie. Aby to zrobić, po prostu przeciągnij nad blokiem „nagłówek” i wprowadź tekst.

dodaj nagłówek do koszyka

Dodaj popularne produkty

kolejną doskonałą funkcją, którą możesz dodać do strony koszyka, jest sekcja popularne produkty. Pomaga to poprawić sprzedaż, polecając inne produkty, które mogą spodobać się Twoim klientom.

aby to zrobić, przeciągnij blok „najlepiej sprzedające się produkty” z sekcji „WooCommerce”.

Dodaj najlepiej sprzedające się produkty do strony koszyka

a jeśli chcesz, możesz dodać inne bloki produktów do tego obszaru, takie jak:

  • Najnowsze produkty
  • Wyprzedaż produkty
  • Polecane produkty
  • Najwyżej oceniane produkty

aby uzyskać więcej informacji na temat konfigurowania tych bloków, zobacz nasz przewodnik, jak wyświetlać nowe produkty w WooCommerce.

opublikuj swoją niestandardową stronę koszyka

teraz, gdy Twój niestandardowy projekt koszyka jest gotowy, nadszedł czas, aby żył na twojej stronie. Możesz to zrobić, klikając strzałkę rozwijaną obok zielonego przycisku Zapisz i klikając Publikuj.

Publikuj i dodawaj koszyk do WordPress

zanim Twój koszyk stanie się widoczny dla klientów, musisz zmienić adres URL koszyka w Ustawieniach WooCommerce.

możesz to zrobić, przechodząc do ustawień WooCommerce i klikając kartę Zaawansowane.

zmień adres URL koszyka w woocommerce

następnie wybierz nowy adres URL strony koszyka utworzony za pomocą SeedProd i kliknij przycisk Zapisz zmiany u dołu ekranu.

po kliknięciu przycisku Dodaj do koszyka na stronach produktów klienci mogą kliknąć link „Zobacz koszyk” i zobaczyć nowy niestandardowy projekt koszyka.

masz teraz niestandardową stronę koszyka woocommerce

aby śledzić konwersje koszyka WooCommerce, zobacz nasz post WordPress o tym, jak skonfigurować śledzenie konwersji WooCommerce.

i tu masz!

mamy nadzieję, że ten artykuł pomoże Ci dodać koszyk do WordPressa bez pisania kodu. Możesz również polubić ten samouczek krok po kroku, jak włączyć tryb konserwacji dla stron sklepu WooCommerce.

a gdy jesteś tutaj, Śledź nas na Facebooku i Twitterze, aby uzyskać więcej pomocnych wskazówek WordPress.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.