Kompletny przewodnik po tworzeniu sklepu WordPress WooCommerce

Opublikowany: 2017-12-27

Chciałeś założyć sklep internetowy? Może myślisz o tym od kilku dni, miesięcy, a nawet lat.

Wiemy, że zadanie założenia sklepu może brzmieć lub wydawać się przytłaczające. Dzięki platformom takim jak WooCommerce zbudowanie sklepu e-commerce w witrynie WordPress jest łatwiejsze niż kiedykolwiek .

Dlaczego WooCommerce?

Jak być może wiesz, istnieje wiele różnych wtyczek, których możesz użyć do zbudowania witryny e-commerce na WordPress. WP Ecommerce, Jigoshop i Ecwid to tylko kilka z wielu opcji. Jeśli nadal zastanawiasz się, dlaczego warto wybrać WooCommerce, oto dlaczego :

  • WooCommerce jest bezpłatny
  • Dostępne są setki rozszerzeń, które możesz dodać do swojego sklepu
  • Możesz użyć szablonów lub niestandardowych projektów
  • Jest dość łatwy w konfiguracji i obsłudze
  • Jesteś właścicielem i kontrolujesz swoją witrynę
  • Przyjazny dla programistów
  • Dostosuj go w dowolny sposób

Oprócz ogromnej korzyści, jaką jest bycie darmowym i stosunkowo łatwym w użyciu, WooCommerce pozwala na tak wiele opcji dostosowywania. Ponieważ ma tak duży udział w rynku, istnieją setki programistów, a nawet więcej wtyczek/rozszerzeń opracowanych w celu dodawania funkcji do witryn WooCommerce. Podobnie jak w przypadku zwykłych stron WordPress, możesz użyć gotowych szablonów lub własnych, niestandardowych, zakodowanych projektów. Uwielbiamy to, ile kontroli daje Ci WooCommerce – zwłaszcza fakt, że w przeciwieństwie do innych rozwiązań e-commerce, dzięki WooCommerce masz pełną kontrolę nad funkcjami, danymi i bezpieczeństwem .

Dodatkowo możesz sprzedać prawie wszystko! Włącznie z:

  • Produkty cyfrowe, takie jak książki, oprogramowanie, kursy itp.
  • Usługi
  • Produkty fizyczne
  • Subskrypcje produktów fizycznych lub wirtualnych
  • Produkty partnerskie
  • Produkty dropshipping
  • Produkty zmienne/niestandardowe
  • Rezerwacje na spotkania

Możliwości są nieograniczone. Możesz sprzedać wszystko, na co wystawisz metkę z ceną! Możesz nawet „sprzedawać” darmowe produkty. Po kilku prostych krokach możesz zacząć zarabiać na swojej stronie!

Czego potrzebujesz :

  • Witryna WordPress
  • WooCommerce (darmowa wtyczka open source)
  • Produkty do sprzedania
  • Znajomość zasad podatkowych dla Twojego typu produktu
  • Konto PayPal (zalecane)
  • Konto Stripe (zalecane)

Jak zacząć

Po podjęciu decyzji o użyciu WooCommerce do zbudowania sklepu e-commerce i rozpoczęciu konfiguracji, zdasz sobie sprawę, jak łatwa i intuicyjna jest ta wtyczka.

Krok 1 :

Wyszukaj WooCommerce na stronie wtyczek, zainstaluj i aktywuj.

Building a WordPress WooCommerce Store

Krok 2 :

Po aktywacji na ekranie pojawi się kreator konfiguracji, który poprowadzi Cię przez kilka wstępnych kroków konfiguracji sklepu WooCommerce.

Building a WordPress WooCommerce Store

Ustawienia strony

Najpierw musisz zezwolić WooCommerce na utworzenie kilku domyślnych stron potrzebnych dla Twojego sklepu. Obejmuje to strony „moje konto”, „koszyk” i „kasa”. Po utworzeniu będą one widoczne w zakładce „strony” w panelu administracyjnym WordPress.

Ustawienia sklepu

Następnie zostaniesz poproszony o ustawienie kilku ustawień sklepu, w tym lokalizacji Twojego sklepu, waluty, w której sprzedaje Twój sklep, oraz jednostek miary do celów wysyłki. Jeśli nie sprzedajesz produktów fizycznych, nie musisz się zbytnio przejmować tymi jednostkami miary, po prostu ustaw je na standard.

Building a WordPress WooCommerce Store

Podatki

Następnie zostaniesz poproszony o ustawienie podatków. Ten krok jest bardzo ważny, więc nie spiesz się z nim. WooCommerce wykorzystuje wcześniejsze informacje, które podałeś, aby obliczyć Twoje podatki, ale zawsze powinieneś upewnić się, że ich obliczenia są poprawne i wprowadzić wszelkie potrzebne zmiany. Jeśli nie masz pewności co do ustawień podatkowych, pomiń je i przejdź dalej, dopóki nie przeprowadzisz badań lub nie porozmawiasz z doradcą podatkowym . Zawsze możesz wrócić do strony ustawień WooCommerce i wypełnić je, gdy wiesz, jakie są prawidłowe ustawienia podatkowe dla charakteru Twoich produktów. Jeśli skonfigurujesz je nieprawidłowo, później może być kłopotliwy.

Building a WordPress WooCommerce Store

Po pierwsze, możesz wybrać, czy będziesz wysyłać swoje produkty. Jeśli zaznaczysz to pole, WooCommerce wypełni pozostałe opcje wysyłki.

Następnie możesz wybrać, czy będziesz naliczać podatki. Na szczęście WooCommerce pomaga Ci je skonfigurować na podstawie lokalizacji Twojego sklepu – którą ustawiłeś wcześniej.

Jeśli planujesz naliczyć podatek, zaznacz pole „Tak, będę naliczał podatek obrotowy”. Następnie pojawi się nowy zestaw pól, a WooCommerce wypełni Twoje ustawienia podatkowe.

Uwaga : Chociaż WooCommerce wstępnie wypełnia Twoje ustawienia podatkowe, powinieneś skontaktować się z doradcą podatkowym. Jak wspomnieliśmy wcześniej, mały błąd w tym miejscu może później spowodować wiele bólów głowy.

Płatności

Ostatnim krokiem konfiguracji jest skonfigurowanie płatności. WooCommerce oferuje 5 różnych metod płatności: płatność przy odbiorze, standard PayPal, czek, przelew bankowy i pasek.

Building a WordPress WooCommerce Store

Ten krok pozwoli Ci włączyć wybrane metody płatności.

Zaleca się włączenie PayPal i Stripe (przetwarzania kart kredytowych), ponieważ większość kupujących online używa PayPala lub kart kredytowych do płacenia za zakupy.

Uwaga : Włączenie PayPal i Stripe spowoduje wypełnienie obu opcji konta w panelu administracyjnym WooCommerce, więc będziesz musiał odwiedzić stronę ustawień płatności, aby połączyć swoje konta. Aby zaakceptować PayPal i Stripe, musisz mieć konto w każdym z nich. Dobrą wiadomością jest to, że oba są dość łatwe w konfiguracji. Po prostu przejdź do odpowiednich witryn i utwórz konto, jeśli jeszcze tego nie zrobiłeś. Następnie postępuj zgodnie z ich instrukcjami, aby połączyć każde konto ze swoim sklepem WooCommerce.

Uzupełnianie ustawień

Chociaż Kreator konfiguracji WooCommerce prowadzi Cię przez początkową konfigurację, jest jeszcze kilka dodatkowych ustawień, które musisz wykonać, aby być gotowym do sprzedaży. Aby zlokalizować strony ustawień, przejdź do WooCommerce → Ustawienia . Możesz zauważyć, że istnieje kilka dodatkowych ustawień, ale omówimy najważniejsze: podatki, wysyłka, płatności i e-maile.

Strefy wysyłki

Ta strona jest ważna, jeśli planujesz wysyłkę produktów. Ta strona umożliwia ustawienie różnych ustawień wysyłki dla każdej strefy wysyłki. Jeśli masz różne strefy/ustawienia wysyłki, zdefiniuj tutaj swoje strefy, opcje i klasy.

Building a WordPress WooCommerce Store

Metody Płatności

Następnie nadszedł czas na skonfigurowanie i przetestowanie procesorów płatności. Jeśli nadal masz więcej procesorów płatności do skonfigurowania po początkowych krokach, przejdź do WooCommerce → Ustawienia → Kasa, aby edytować metody płatności.

Building a WordPress WooCommerce Store

Tutaj zobaczysz listę metod płatności w poziomej linii u góry. Jeśli przewiniesz w dół, zobaczysz tę samą listę z symbolem po prawej stronie, wskazującym, czy masz je włączone. Możesz kliknąć dowolne z nich, aby je rozwinąć i wyświetlić opcje, które będą się nieznacznie różnić w zależności od metody płatności.

Jeśli będziesz akceptować płatności PayPal w swojej witrynie, kliknij kartę PayPal, a następnie upewnij się, że pole jest zaznaczone, aby ją włączyć. Jeśli jeszcze tego nie zrobiłeś, wypełnij pola na stronie i zapewnij dostęp do API. Musisz także zdecydować, czy będziesz korzystać z trybu testowego, czy na żywo. Tryb testowy pozwala przetestować proces realizacji transakcji za pomocą testowego rachunku płatniczego – dzięki czemu możesz upewnić się, że wszystko działa poprawnie, bez konieczności zakupu rzeczywistych produktów.

Zrób to samo dla Stripe i pamiętaj, że wszelkie informacje, których możesz potrzebować, zostaną znalezione na Twoim koncie Stripe. Aby przetestować swoją kasę, ustaw ją w trybie testowym. (Nie zapomnij go zmienić, gdy będziesz gotowy do uruchomienia swojej witryny!)

Tworzenie produktów

Po zakończeniu wstępnych ustawień nadszedł czas na konfigurację produktów! Aby dodać nowy produkt, przejdź do zakładki Produkty na pasku bocznym administratora i kliknij Dodaj nowy (lub kliknij przycisk pod „Następne kroki” w kreatorze konfiguracji. Jeśli klikniesz ten przycisk, WooCommerce poprowadzi Cię przez tworząc swój pierwszy produkt.)

Jeśli znasz WordPressa, ta strona prawdopodobnie będzie Ci się wydawać znajoma, ponieważ układ WooCommerce jest dość podobny do układu WordPress!

Building a WordPress WooCommerce Store

Zobaczysz tutaj sporo pól:

1. Nazwa produktu

Ten jest całkiem prosty.

2. Opis produktu

To pole działa tak samo jak zwykłe pole WordPress, więc możesz swobodnie używać HTML, dodawać tekst, obrazy, nagłówki lub dowolne media!

3. Sekcja danych produktu

W tej sekcji dodasz cenę, wymiary, informacje o wysyłce, typ produktu, zapasy i inne. Sekcja podzielona jest na kilka podsekcji.

Building a WordPress WooCommerce Store

W sekcji danych produktów najpierw musisz podać typ produktu. Dostępne opcje to: produkt prosty, produkt zgrupowany, produkt zewnętrzny/powiązany i produkt zmienny.

Prosty produkt : zwykły produkt bez odmian i atrybutów. Może być fizyczny, wirtualny lub do pobrania. Po prostu wybierz tę opcję, a następnie zaznacz pole wirtualnego lub do pobrania lub pozostaw pola niezaznaczone, jeśli jest to produkt fizyczny.

Zgrupowany produkt : grupa powiązanych produktów.

Produkt zewnętrzny/powiązany : produkt, który jest sprzedawany w innym miejscu, a Ty otrzymujesz prowizję, kierując kupującego do tej witryny.

Produkt zmienny : produkt, który ma kilka różnych odmian/specyfikacji. Na przykład koszulka, która jest dostępna w różnych kolorach, rozmiarach lub obu.

Poniższe opcje mogą, ale nie muszą być wyświetlane, ponieważ zależą od typu produktu.

Ogólne : Ustaw ceny i podatki. Jeśli nie masz pewności co do podatków, skontaktuj się z profesjonalistą.

Zapasy : Ustaw SKU i ilości zapasów, jeśli chcesz zarządzać poziomami zapasów. Gdy sprzedasz wszystkie swoje zapasy, przedmiot zostanie automatycznie ustawiony na „brak w magazynie”.

Building a WordPress WooCommerce Store

Wysyłka : użyj tej sekcji, aby ustawić wymiary produktu i informacje o wysyłce. Jeśli nie widzisz opcji wysyłki, musisz je skonfigurować w ustawieniach WooCommerce.

Połączone produkty : wiesz, kiedy widzisz sekcje, które mówią „to może ci się spodobać” lub „klienci, którzy to kupili, kupili też…”? Tutaj możesz ustawić te powiązane/powiązane produkty. Możesz dodać up-sell i cross-sell.

Atrybuty : tutaj możesz ustawić atrybuty produktu. Jeśli na przykład sprzedajesz koszulki w różnych rozmiarach lub koszule w różnych kolorach, podaj tam te atrybuty.

Aby dodać nowy atrybut, kliknij przycisk „Dodaj”. Wypełni się nowe pole, w którym możesz podać nazwę atrybutu oraz różne odmiany/opcje. W tym przykładzie naszym atrybutem jest rozmiar:

Building a WordPress WooCommerce Store

Wartości/opcje należy oddzielić następującym symbolem: |. Po wypełnieniu kliknij „Zapisz atrybuty”.

Jeśli chcesz, możesz dodać drugi poziom atrybutów.

Building a WordPress WooCommerce Store

Zaawansowane : Nie musisz się martwić o wypełnienie tej sekcji, chyba że chcesz wysłać notatkę do klienta po zakupie, zmienić kolejność menu lub wyłączyć recenzje.

4. Krótki opis produktu

To pole służy do krótkiego podsumowania/opisów produktu. Pojawi się pod nazwą produktu na stronie produktu. Zauważysz, że to pole wygląda jak ogólne pola strony WordPress, więc możesz dodać dowolne elementy.

Building a WordPress WooCommerce Store

5. Kategorie produktów

Podobnie jak kategorie WordPress dla postów, możesz skonfigurować kategorie dla swoich produktów, aby pogrupować podobne elementy. Z tego miejsca możesz również tworzyć nowe kategorie.

6. Tagi produktów

Przypomina to opcję tagów WordPress – opcjonalny dodatkowy sposób grupowania elementów i ułatwiania ich znajdowania klientom.

7. Obraz produktu

Jest to główny obraz produktu, który będzie wyświetlany na stronie, a także obraz podglądu na stronie sklepu. Jeśli to możliwe, użyj zdjęcia poziomego, ponieważ zdjęcia pionowe zostaną przycięte/zmienione.

8. Galeria produktów

Użyj tej sekcji, aby dodać dodatkowe zdjęcia produktów.

Uwaga : jak wspomnieliśmy wcześniej, możesz sprzedawać prawie wszystko – a konfiguracja będzie zależeć od rodzaju sprzedawanego produktu. Niektóre z tych pól mogą nie dotyczyć Twojego typu produktu. Na przykład wymiary rozmiaru nie będą dotyczyć produktów do pobrania lub produktów wirtualnych, więc możesz po prostu pozostawić te pola puste.

Gdy skończysz ustawiać wszystkie powyższe ustawienia, po prostu kliknij publikuj i voila, Twój pierwszy produkt jest gotowy!

Building a WordPress WooCommerce Store

Po opublikowaniu przejdź do strony, aby sprawdzić, jak wszystko wygląda na interfejsie. Wiele stylów elementów strony będzie pasować do Twojego motywu WordPress, ale jeśli coś Ci się nie podoba, zanotuj to, wróć do administratora i po prostu to zmień. Pamiętaj, że istnieją setki wtyczek, które dodają dodatkową funkcjonalność do Twojej witryny, a omówimy je po omówieniu podstaw konfiguracji sklepu WooCommerce.

Po opublikowaniu i sprawdzeniu pierwszego produktu powtórz te kroki tyle razy, ile to konieczne, aż wszystkie produkty zostaną wymienione!

Jeśli wrócisz i klikniesz kartę produktów na pulpicie nawigacyjnym, zobaczysz pulpit nawigacyjny produktu z podsumowaniem informacji o produkcie. Możesz „szybko edytować” na tej stronie pulpitu nawigacyjnego, tak jak w przypadku strony lub posta WordPress.

Building a WordPress WooCommerce Store

E-maile

Przed dokonaniem jakiejkolwiek sprzedaży powinieneś skonfigurować swoje e-maile. W WooCommerce → Ustawienia → E-maile możesz edytować i konfigurować e-maile/powiadomienia skierowane do klientów.

Pierwszą rzeczą, którą zobaczysz, jest lista gotowych powiadomień e-mail, które utworzył WooCommerce. Jak widać w kolumnie „odbiorcy”, niektóre z nich są wysyłane do klientów, a inne są wewnętrzne.

Building a WordPress WooCommerce Store

Poniżej tej listy znajdziesz swoje ogólne opcje. Dwa najwyższe ustawienia będą miały zastosowanie do wszystkich Twoich e-maili/powiadomień. Ustawienia szablonu wiadomości e-mail stworzą domyślny szablon, ale możesz także edytować indywidualny szablon każdego e-maila.

Ustaw swoją nazwę nadawcy, która będzie wyświetlana jako nadawca każdego e-maila, a także adres nadawcy, z którego będą wysyłane (pamiętaj, że to tam będą trafiać wszelkie odpowiedzi).

W przypadku szablonu wiadomości e-mail zalecamy przesłanie logo firmy jako obrazu nagłówka, dodanie niestandardowego tekstu stopki i użycie kolorów marki.

Building a WordPress WooCommerce Store

Następnie możesz przejść dalej i skonfigurować każdy e-mail z osobna. Możesz włączyć lub wyłączyć wiadomość e-mail, zmienić temat i nagłówek, temat i nagłówki do pobrania oraz przesłać szablon wiadomości e-mail. Jeśli chcesz zwiększyć sprzedaż, możesz przeanalizować opcje wysyłania up-sellingów lub cross-sellingów w wiadomości e-mail. Lub sprawdź naszą następną rekomendację e-mail na końcu tego przewodnika.

Building a WordPress WooCommerce Store

Motyw

Teraz, gdy masz już swój sklep wypełniony produktami, możesz zobaczyć całą witrynę, jak wygląda i jak Twój obecny motyw integruje się z WooCommerce. Chociaż jest stworzony do pracy z dowolnym motywem WordPress, WooCommerce wygląda lepiej z motywami opracowanymi z myślą o e-commerce.

Jeśli masz już motyw, jesteś z niego zadowolony i nie powoduje to żadnych problemów z WooCommerce, prawdopodobnie będziesz chciał go trzymać.

Jeśli nie masz motywu lub nie jesteś zadowolony z jego wyglądu, możesz poszukać motywu zgodnego z WooCommerce. Tak, wszystkie motywy są technicznie kompatybilne, ale te stworzone z myślą o WooCommerce będą się integrować znacznie lepiej.

Storefront, domyślny / oficjalny motyw WooCommerce, jest bezpłatny i ma wszystkie funkcje potrzebne do skonfigurowania podstawowego sklepu.

Themeforest ma również ogromną bibliotekę motywów dostępnych do zakupu. Po prostu przejdź do ich sekcji e-commerce i przeglądaj, aż znajdziesz motyw, który Ci się podoba.

Wskazówki projektowe

Jeśli Twoim celem jest zaangażowanie odwiedzających i sprzedaż produktów, projekt witryny i sklepu jest bardzo ważny.

  • Łatwa nawigacja — idealna nawigacja i konfiguracja sklepu produktowego będą się różnić w zależności od rodzaju i ilości produktów, więc pomyśl o kupującym i jego podróży — a następnie upewnij się, że witryna i projekt sklepu ułatwiają odwiedzającym znaleźć produkty, a także wszelkie potrzebne informacje .
  • Responsywne – obecnie większość ludzi przegląda strony i robi zakupy na swoich telefonach, więc upewnij się, że wybrany motyw będzie wyglądał równie dobrze, jeśli nie lepiej, na urządzeniach mobilnych!
  • Intuicyjna struktura menu – konieczne jest, aby Twoja witryna była łatwa w nawigacji na wszystkich urządzeniach , więc upewnij się, że menu motywu jest jasne i łatwe do zrozumienia zarówno na urządzeniach mobilnych, jak i na komputerach.
Sklep Strony

Następnie nadszedł czas, aby spersonalizować swoje strony i dodać dowolny projekt lub kopię potrzebną do ukończenia sklepu.

Zanim zaczniesz pracę nad projektem i kopią witryny, pomyśl o swoim idealnym kliencie. Jaki jest ich problem? Jaki problem rozwiązujesz? Co oni lubią? Do czego mogą się odnosić?

W tym miejscu zdecyduj, jakich kolorów, elementów i języka chcesz używać podczas projektowania witryny. To, co lubisz, może nie być dokładnie tym, co polubią twoi odbiorcy – więc we wszystkim, co robisz, pomyśl o nich. Postaraj się im służyć.

Twój sklep to Twoja szansa, aby zachwycić swoich klientów, więc upewnij się, że Twój projekt i kopia są stworzone do sprzedaży!

Jeśli ma sens dodawanie informacji i wyjaśnień w dowolnym momencie, zrób to.

Polecane rozszerzenia
  • Dodatkowe opcje produktu WooCommerce – To rozszerzenie dodaje więcej funkcji i opcji do stron produktów WooCommerce. Możesz dodawać formularze, pola radiowe, pola, ukrywać ceny i nie tylko. Jeśli okaże się, że WooCommerce po wyjęciu z pudełka nie pozwala na zapewnienie potrzebnych opcji, wypróbuj to rozszerzenie.
  • Śledzenie przesyłek WooCommerce – Niezbędne dla każdego zamówienia wysyłkowego w sklepie. Powiadom swojego klienta, gdy tylko zamówienie zostanie wysłane – przez e-mail i pozwól mu śledzić jego zamówienie na swoim koncie w Twojej witrynie! Wskazówka dla profesjonalistów: Użyj Ordoro do zarządzania wysyłką/realizacją! Możesz skorzystać z naszej niestandardowej integracji z Ordoro, aby automatycznie dodać informacje o śledzeniu do zamówienia WooCommerce – i powiadomić klienta, gdy tylko utworzysz etykietę w Ordoro!
  • WooCommerce Sync for QuickBooks – WooCommerce Sync for QuickBooks Online jest koniecznością, jeśli chcesz zaoszczędzić czas, zminimalizować błędy, zachować kontrolę nad książkami oraz zsynchronizować dane księgowe i przechowywać dane. Ta wtyczka synchronizuje wszystkie dane z WooCommerce bezpośrednio do QuickBooks i odwrotnie. Bez tego musiałbyś ręcznie wprowadzać wszystkie dane dotyczące sprzedaży i klientów do swoich ksiąg, a także starać się, aby poziom zapasów był taki sam na różnych platformach… Bałagan! Dostępna dla QuickBooks Desktop Pro, Premier i Enterprise, a także wszystkich wersji QuickBooks Online, ta wtyczka oszczędza czas rzeczywisty!
  • Logowanie społecznościowe – Ta wtyczka upraszcza tworzenie konta i procesy logowania, umożliwiając klientom korzystanie z mediów społecznościowych w celu utworzenia konta. Łatwo integruje się ze stroną kasy, może wysyłać dane konta do użytkownika i ustawiać niestandardowy adres URL przekierowania po zalogowaniu. Ta wtyczka ma na celu doświadczenie klienta, ponieważ im łatwiejszy jest proces kasy, tym niższy będzie współczynnik porzucania koszyka.
  • Sequential Order Numbers Pro – WooCommerce zwykle tworzy losowe numery zamówień, więc jak można się domyślić po nazwie, ta wtyczka pozwala ustawić kolejne numery. Możesz ustawić prefiksy lub sufiksy numeru zamówienia, dołączyć daty, ustawić go tak długo, jak chcesz i nie tylko.

Uwaga : Chociaż istnieją setki wspaniałych rozszerzeń dla WooCommerce, staraj się trzymać tylko tych, których potrzebujesz. Zastanawiać się dlaczego? Przeczytaj o wpływie zbyt wielu wtyczek na Twoją witrynę WordPress.