Jak stworzyć stronę e-commerce w WordPressie za pomocą prostych kroków

Opublikowany: 2021-04-05

E-commerce to obecnie obiecująca dziedzina, w którą warto inwestować. Według profesjonalistów szacuje się, że sprzedaż detaliczna całej branży może osiągnąć 4,9 miliarda dolarów w 2021 roku. Dlatego bardzo ważne jest dogonienie trendu poprzez posiadanie witryny e-commerce do sprzedaży produktów online. W tym artykule dowiesz się, jak stworzyć witrynę eCommerce w WordPress z wtyczką WooCommerce . Sprawdźmy to!

Spis treści ukryj
  1. 1. Platformy do tworzenia witryn e-commerce
  2. 2. Krok 1: Wybierz domenę i usługi hostingowe
  3. 3. Krok 2: Skonfiguruj WordPress i wygląd
  4. 4. Krok 3: Zainstaluj wtyczkę WooCommerce
  5. 5. Krok 4: Dodaj produkty za pomocą wtyczki WooCommerce
  6. 6. Krok 5: Skonfiguruj informacje o stronie produktu
    1. 6.1. Skonfiguruj informacje podatkowe (karta Podatki)
    2. 6.2. Skonfiguruj informacje o wysyłce (karta Wysyłka)
    3. 6.3. Skonfiguruj metody płatności
    4. 6.4. Skonfiguruj powiadomienie e-mail
  7. 7. Krok 6: Dodaj inne niezbędne funkcje do swojej witryny
  8. 8. Werdykt

Platformy do tworzenia witryn e-commerce

Aby stworzyć witrynę e-commerce, będziesz potrzebować wspierającej platformy (lub wtyczki, jeśli wybierzesz WordPress). Platformy te zapewniają funkcje, które pomagają szybko i wygodnie tworzyć witryny e-commerce. Korzystając z tych platform, możesz na przykład dodawać i dostosowywać produkty, dodawać koszyk, obliczać łączne rachunki, dodawać usługi dostawy lub podatki itp. Każdy krok w budowie strony internetowej można wykonać za pomocą intuicyjnego interfejsu użytkownika bez kodowania .

Dostępnych jest kilka takich platform, a mianowicie WooCommerce, BigCommerce, Wix, bezpłatne alternatywy Shopify itp. Jednak wtyczka WooCommerce jest nadal najpopularniejszym wyborem dla witryn WordPress, z ponad 5 milionami aktywnych instalacji na wordpress.org jako konkretny dowód. Dlatego użyjemy tej wtyczki jako przykładu.

WooCommerce pozwala sprzedawać dowolny produkt, od zwykłych (ubrania, żywność) po pakiety, oprogramowanie, kursy, członkostwo w witrynie, a nawet usługi rezerwacji. Ogólnie rzecz biorąc, bez względu na to, co i jak zamierzasz sprzedawać, ta wtyczka i tak może zaspokoić Twoje potrzeby.

Teraz zobaczymy szczegółowe kroki, aby stworzyć witrynę e-commerce z WordPress .

Krok 1: Wybierz domenę i usługi hostingowe

Domena to adres strony internetowej w Internecie (na przykład gretathemes.com). Dobra domena powinna być krótka, łatwa do zapamiętania i powiązana z Twoją marką. Najlepiej mieć domenę pasującą do Twojej marki lub produktu, aby ułatwić klientom wyszukiwanie Twojej witryny. Na przykład domeną witryny wtyczki Meta Box jest metabox.io.

Następnie musisz zarejestrować usługę hostingową. Mówiąc najprościej, jest to jak wynajęcie kawałka ziemi w Internecie, aby umieścić swoją witrynę. Baza danych Twojej strony jest przechowywana na serwerze usługi hostingowej.

Napisałem również szczegółową instrukcję jak wybrać usługę hostingową; możesz to sprawdzić tutaj.

Po uzyskaniu zaufanej usługi hostingowej i wybranej domeny, połącz domenę z hostingiem. Sprawdź, jak to zrobić tutaj.

Krok 2: Skonfiguruj WordPress i wygląd

Następnie zainstaluj najnowszą wersję WordPressa.

Po pomyślnym zainstalowaniu WordPressa potrzebujesz ładnego wyglądu swojej witryny. Zatrudnienie firmy zajmującej się projektowaniem stron internetowych może być dobrym rozwiązaniem lub możesz skorzystać z gotowych motywów WordPress.

Dostępnych jest wiele motywów dla witryn e-commerce. Niektóre z tych motywów są szczególnie kompatybilne z WooCommerce. Te motywy nie tylko dobrze współpracują z WooCommerce, ale także pomagają w pełni wyświetlić Twój produkt.

W tym przewodniku zainstaluję eStar – darmowy, uniwersalny motyw WordPress.

Jeśli potrzebujesz pełnego przewodnika, jak zainstalować motyw WordPress, kliknij tutaj.

Zainstaluj motyw WordPress

Teraz masz podstawowe części, które są hostingiem, domeną i motywem dla Twojej witryny WordPress. Aby Twoja strona stała się sklepem internetowym, przejdźmy do kroku 3 i zainstaluj wtyczkę WooCommerce.

Krok 3: Zainstaluj wtyczkę WooCommerce

Najpierw zainstaluj i aktywuj wtyczkę. WooCommerce jest dostępny za darmo na wordpress.org.

Zainstaluj wtyczkę WooCommerce

Po pomyślnej aktywacji wtyczki od razu pojawi się strona do szybkiej konfiguracji informacji o Twoim sklepie, jak poniżej:

skonfigurować informacje o sklepie

W tym wpisie musisz podać informacje takie jak adres sklepu, branża, rodzaje produktów itp.

WooCommerce poleci również kilka fajnych motywów dla Twojego sklepu internetowego. Ponieważ jednak zainstalowaliśmy motyw w kroku 2, kliknij Kontynuuj z moim aktywnym motywem .

WooCommerce poleca niektóre motywy WordPress dla sklepu internetowego

Po uzupełnieniu wszystkich potrzebnych informacji, w kolejnym kroku możesz zacząć dodawać swoje pierwsze produkty.

Krok 4: Dodaj produkty za pomocą wtyczki WooCommerce

Aby rozpocząć sprzedaż, musisz oczywiście zaprezentować swój produkt na swojej stronie wraz z niezbędnymi informacjami.

Zacznijmy dodawać produkty do Twojej witryny WordPress. Przejdź do Produkty > Dodaj nowy , a następnie wypełnij nazwy produktów, ceny, opisy itp.

Dodaj produkty do witryny WordPress

Mam również szczegółowy przewodnik, jak dodawać produkty za pomocą wtyczki WooCommerce ręcznie lub automatycznie; kliknij tutaj, aby przeczytać.

Na przykład dodam czapkę z logo do mojego sklepu.

Najpierw wpiszę nazwę produktu, opis, tagi i kategorie.

Wpisz nazwę, opis, tag i kategorię produktu.

Następnie w sekcji Dane produktu wprowadzę inne informacje, takie jak cena, podatki, wymiar, waga itp. Powinieneś również wypełnić sekcję Zdjęcie produktu i Krótki opis produktu . Po zakończeniu kliknij Opublikuj .

Wprowadź inne informacje dotyczące witryny eCommerce

Mój dodany produkt wyświetli się na stronie jak poniżej:

Produkt pokazuje się na froncie strony WordPress

Kontynuacja z innymi produktami, a wynik jest jak poniżej:

Produkty na stronie eCommerce

W porządku, teraz dodałeś wszystkie produkty do swojej witryny. Kliknij Wyświetl produkt w swoim zapleczu, aby zobaczyć stronę produktu.

Aby jednak Twoi klienci mieli łatwy dostęp do Twoich produktów, musisz dodać skrót do tej strony w menu. Dowiedz się, jak to zrobić tutaj.

Oto link do strony produktu, którą dodałem do menu:

strona produktu w menu

Poza tym możesz ustawić stronę produktu jako stronę główną za pomocą narzędzia Customizer. W ten sposób Twój klient może natychmiast zobaczyć Twoje wymienione produkty po odwiedzeniu Twojej witryny.

Kiedy skończysz konfigurować stronę produktu, musisz skonfigurować niektóre funkcje WooCommerce, aby lepiej odpowiadały Tobie i potrzebom klienta (kontynuacja w Kroku 5).

Krok 5: Skonfiguruj informacje o stronie produktu

Wtyczka WooCommerce oferuje wiele opcji konfiguracji podstawowych funkcji wymaganych dla sklepu internetowego, takich jak dostawa, podatki, płatności itp. Aby skonfigurować te wpisy, przejdź do WooCommerce > Ustawienia i edytuj informacje w następujących zakładkach:

Skonfiguruj informacje o stronie produktu

Produkt , Podatek , Wysyłka , Płatność są często najważniejsze, ponieważ to właśnie te sekcje interesują klientów.

Notatka:

  • Możesz pozostawić niektóre sekcje puste, jeśli ich nie potrzebujesz.
  • Kliknij ? przycisk podpowiedzi obok każdej sekcji, aby przeczytać instrukcje autora.

Kliknij przycisk, aby przeczytać instrukcje WooCommerce

Skonfiguruj informacje podatkowe (karta Podatki)

WooCommerce może automatycznie obliczyć podatek doliczony do Twoich produktów. Aby włączyć tę funkcję, przejdź do sekcji Ogólne, zaznacz opcję Włącz stawki podatkowe i obliczenia , a następnie kliknij Zapisz zmiany, aby kontynuować.

Włącz funkcję podatku wtyczki WooCommerce

Następnie zakładka Podatek powinna pojawić się w sekcji Ustawienia w następujący sposób:

Zakładka Podatek pojawia się w sekcji Ustawienia wtyczki WooCommerce

W zakładce Podatki możesz dodawać, usuwać podatki, włączać/wyłączać ceny z wliczonymi podatkami, wybrać sposób obliczania podatków itp.

Ponieważ podatki mogą się różnić w zależności od produktu lub kraju/regionu, musisz samodzielnie skonfigurować te opcje podatkowe w zależności od sprzedawanych produktów.

Oprócz standardowych podatków stosowanych we wszystkich regionach, możesz dodać obliczenia podatku w dodatkowych klasach podatkowych dla każdego regionu/kraju z wyższymi lub niższymi stawkami podatkowymi.

W moim przypadku klienci są tylko z Wietnamu, więc nie muszę przejmować się stawkami podatkowymi dla przypadkowego gościa z Bieguna Północnego. W związku z tym pozostawiłem tę sekcję Dodatkowe klasy podatkowe pustą i ustawiłem tylko Standard (jedna kalkulacja podatku dla wszystkich klientów).

Skonfiguruj klasy podatkowe za pomocą wtyczki WooCommerce

W szczególności zastosuję ogólną stawkę podatkową (podatki od kosztów wysyłki, VAT itp.) w wysokości 20% dla klientów z dowolnego kraju, więc zaznaczę zarówno pole Złożone, jak i Wysyłka .

Zastosuj ogólną stawkę podatkową w wysokości 20% dla klientów z dowolnego kraju

Jeśli tworzysz stronę internetową dla klientów międzynarodowych, konfiguracja podatków będzie znacznie bardziej skomplikowana. Ponieważ każdy kraj ma inne stawki podatkowe (zwłaszcza podatek od wysyłki), prosimy o uważne przeczytanie tego przewodnika od WooCommerce.

Skonfiguruj informacje o wysyłce (karta Wysyłka)

W zakładce Wysyłka możesz dodać kilka stref wysyłki, wybrać sposób wysyłki, klasy do kategoryzacji produktów oraz domyślne strefy wysyłki itp.

W obszarze Strefy wysyłki kliknij Dodaj strefy wysyłki, aby utworzyć żądane strefy .

Dodaj strefę wysyłki za pomocą wtyczki WooCommerce

Następnie wejdź do strefy i kliknij Dodaj metodę wysyłki.

Dodaj metody wysyłki dla sklepu internetowego

Trzy domyślne metody wysyłki to: Stała stawka (cena stała) , Bezpłatna wysyłka i Odbiór lokalny (klienci otrzymują swoje produkty samodzielnie) . Poza tym możesz również dodać inną metodę wysyłki, klikając Dodaj metodę wysyłki .

Dodaj niestandardowe metody wysyłki dla sklepu internetowego

Ponieważ mój sklep internetowy zajmuje się tylko wysyłką krajową, jako jedyną strefę wysyłki dodaję tylko Wietnam. Darmowa wysyłka i odbiór osobisty to dwie metody wysyłki.

Wybierz metody wysyłki Bezpłatna i Odbiór lokalny dla sklepu internetowego

W sekcji Klasy wysyłkowe możesz kategoryzować produkty i stosować różne metody wysyłki (na przykład lekkie, nieporęczne itp.).

Kategoryzuj produkty i stosuj różne metody wysyłki

Skonfiguruj metody płatności

Wtyczka WooCommerce udostępnia pięć metod płatności. Możesz wybierać spośród tych metod w zależności od potrzeb, a także przyzwyczajeń klienta.

Dla mojego sklepu wybieram Bezpośredni przelew bankowy i Płatność przy odbiorze.

Skonfiguruj metody płatności dla sklepu

UWAGA : Jeśli chcesz zintegrować swoje krajowe bramki płatnicze lub banki, skorzystaj z dodatkowych wtyczek lub zatrudnij programistę do stworzenia własnej bramki płatniczej.

Skonfiguruj powiadomienie e-mail

W tej sekcji E-maile możesz edytować powiadomienia dla klientów lub pracowników o zakończeniu, anulowaniu zamówienia itp., klikając Zarządzaj po prawej stronie każdej sekcji.

Aby Twój sklep działał sprawnie, na każdym kroku należy wprowadzać odpowiednie adresy e-mail kuratorów. Na przykład personel techniczny powinien otrzymać wiadomość e-mail, gdy wystąpi problem z zamówieniem, lub personel zajmujący się obsługą klienta powinien otrzymać wiadomość e-mail po pomyślnym złożeniu zamówienia.

Wybierz pracowników, którzy otrzymują e-maile

Poza tym możesz dodać wiadomości do swojego e-maila, aby zareklamować swoją markę. Zabij dwa ptaki jednym kamieniem!

Dodaj kilka wiadomości do e-maili

Po tym kroku Twoja witryna może już działać, ale aby Twoja witryna była bardziej profesjonalna, wybór motywu i skonfigurowanie WooCommerce może nie wystarczyć. Możesz potrzebować dodatkowych funkcji, aby naprawdę latać w swojej firmie. Sprawdźmy je w kroku 6!

Krok 6: Dodaj inne niezbędne funkcje do swojej witryny

Aby Twój sklep działał efektywnie i miał wysoki współczynnik konwersji, będziesz potrzebować:

  • Przyciski wezwania do działania (CTA)
  • powiązane posty
  • Udostępnianie społecznościowe
  • Linki społecznościowe
  • Ocena w skali gwiazdkowej

Te funkcje pomogą Ci nawiązać lepsze połączenie z klientami. Pomogą im również w łatwym podjęciu decyzji o zakupie Twojego produktu lub pobudzą ich do zakupu więcej. Dlatego nie zapomnij dodać kilku.

Aby dodać te dodatkowe funkcje do swojej witryny, możesz użyć wtyczek lub kodu. Niedługo pojawi się post na temat niezbędnych wtyczek do witryn e-commerce, więc pamiętaj, aby być na bieżąco!

W niektórych przypadkach Twoje produkty zawierają specjalne informacje, których WooCommerce nie obsługuje. Możesz tworzyć i dodawać niestandardowe pola, aby wyświetlać te informacje za pomocą wtyczek Meta Box. Kliknij tutaj, aby uzyskać szczegółowy przewodnik.

Werdykt

Posiadanie strony internetowej eCommerce pomoże Twojej firmie/sklepowi dotrzeć do większej liczby klientów, skrócić czas zakupów i zapewnić lepszą procedurę płatności (bez kolejek, jak w supermarketach). W rezultacie Twoja sprzedaż wzrośnie, a Twój zespół zaoszczędzi mnóstwo czasu i wysiłku.

Aby rozpocząć konfigurację witryny, potrzebujesz tylko podstawowej wiedzy na temat WordPressa. Oczywiście jest to tylko prosta strona e-commerce z podstawowymi konfiguracjami. Jeśli potrzebujesz naprawdę pięknej, szybkiej i skutecznej strony internetowej, będziesz potrzebować pomocy programistów.

Jeśli nie masz żadnej wiedzy na temat kodowania, po prostu zatrudnij profesjonalną agencję stron internetowych i pozwól jej zająć się wszystkim. Zatrudnienie kogoś do zaprojektowania strony internetowej nie kosztuje fortuny, a inwestycja jest tego warta!