Jak zbudować niestandardowy sklep WooCommerce za pomocą OceanWP i zestawu narzędzi (bez kodowania)

Opublikowany: 2021-05-05

Nie potrzebujesz niestandardowego kodowania, aby zbudować przyciągający wzrok sklep internetowy z zaawansowanymi funkcjami . Dzięki narzędziom Toolset i OceanWP możesz tworzyć od podstaw całkowicie niestandardowe strony produktów i sklepów z własną unikalną funkcjonalnością i stylem – wszystko to bez konieczności kodowania.

Jeśli budujesz sklep internetowy, być może zauważyłeś, że domyślne szablony WooCommerce i motyw Twojej witryny decydują przede wszystkim o tym, jak będzie wyglądał Twój sklep. Możesz mieć kilka opcji, które możesz włączyć lub wyłączyć, w przeciwnym razie dodanie zaawansowanych funkcji po prostu nie jest możliwe bez niestandardowego programowania.

Możesz też stworzyć całkowicie niestandardowy sklep WooCommerce za pomocą zestawu narzędzi i OceanWP bez kodowania.

Dzięki zestawowi narzędzi możesz tworzyć funkcje, które widzisz tylko w głównych witrynach sprzedaży detalicznej. Możesz też wymyślać własne funkcje, a następnie tworzyć je przy użyciu niestandardowych typów i pól postów, relacji między postami, niestandardowych układów i nie tylko.

OceanWP sprawia, że ​​Twoja witryna wygląda świetnie dzięki rozbudowanym opcjom stylizacji. Ponadto ma intuicyjne środowisko edycji przez administratora, które pokazuje dokładnie, jak Twoja witryna będzie wyglądać na interfejsie użytkownika.

Oto cztery kroki, aby dostosować swój sklep internetowy za pomocą zestawu narzędzi i OceanWP:

  1. Zdecyduj, co chcesz wyświetlać i promować
  2. Zdefiniuj swoje produkty za pomocą niestandardowych typów postów, pól i taksonomii
  3. Twórz niestandardowe strony produktów
  4. Twórz dynamiczne strony Sklepu i funkcje wyszukiwania

Zdecyduj, co chcesz wyświetlać i promować

Elastyczne funkcje zestawu narzędzi to coś więcej niż tylko zmiana układu i stylu stron produktów. Możesz tworzyć całkowicie niestandardowe funkcje, które mają zastosowanie konkretnie do Twojej firmy, lub korzystać z zaawansowanych funkcji dostępnych w głównych witrynach sprzedaży detalicznej.

zestaw narzędzi Q-i-a-sekcja
Twórz pytania i odpowiedzi dotyczące produktów za pomocą formularzy i niestandardowych pól powtarzalnych
upsells-cross-sells-toolset
Wyświetlaj up-sell i popularne cross-sell za pomocą relacji post
zestaw narzędzi-taksonomii-markowej
Wyświetlaj produkty według marki lub projektanta za pomocą niestandardowych taksonomii
specjalne-oferty-zestaw-narzędzi
Udostępniaj oferty specjalne za pomocą bloków warunkowych z informacjami z pól niestandardowych
front-end-forms-toolset
Zezwalaj dostawcom na przesyłanie produktów bezpośrednio do Twojej witryny za pomocą formularzy
Sklep-lokalizacje-zestaw narzędzi
Pokaż lokalizacje swojego sklepu na mapie za pomocą niestandardowych widoków
tworzenie-konta-zestawu narzędzi
Twórz loginy klienta lub dostawcy z uprawnieniami zgodnie z typem użytkownika

produkty-na-zestaw-narzędzi
Twórz inspiracje do zakupów, korzystając z relacji post

Są to funkcje, których nigdy nie można uzyskać z samego WooCommerce, a one tylko zarysowują powierzchnię tego, co jest możliwe dzięki zestawowi narzędzi. A co najlepsze, to wszystko można zrobić bez kodowania!

Zdefiniuj swoje produkty za pomocą niestandardowych typów postów, pól i taksonomii

Gdy masz już na uwadze swoje pomysły, możesz utworzyć nieograniczoną liczbę niestandardowych typów wpisów, pól, taksonomii i relacji między wpisami, aby urzeczywistnić swoje pomysły.

WooCommerce udostępnia kilka podstawowych pól do definiowania produktów, takich jak atrybuty produktów, opisy, ceny i informacje o wysyłce, takie jak waga i wymiary.

Za pomocą zestawu narzędzi możesz dodać inne informacje, takie jak określone cechy produktu, marki lub powiedzieć, do którego działu należy produkt.

niestandardowe-pola-produkty
Niestandardowe pola na produkcie

Nie wszystkie motywy działają dobrze z niestandardowymi typami postów, ale OceanWP jest „gotowy na niestandardowe typy”. Dzięki OceanWP możesz zastosować różne ustawienia motywu do każdego szablonu treści. Daje to większą kontrolę nad tym, jak te niestandardowe treści są wyświetlane w Twojej witrynie.

Twórz niestandardowe strony produktów

Po zdefiniowaniu produktów możesz tworzyć całkowicie niestandardowe szablony do wyświetlania produktów i informacji z niestandardowych pól. Korzystając z szablonów produktów, wystarczy tylko raz zbudować swoją stronę, a wszelkie wprowadzone zmiany są natychmiast odzwierciedlane we wszystkich produktach korzystających z tego szablonu.

Zestaw narzędzi umożliwia tworzenie szablonów produktów całkowicie od podstaw za pomocą bloków WooCommerce w programie Toolset.

woocommerce-default-szablon
Domyślny szablon produktu WooCommerce
zestaw narzędzi-szablonów-produktów na zamówienie
W pełni niestandardowy szablon produktu zestawu narzędzi

Po prostu przypisz szablon lub archiwum do swoich produktów i dodaj wybrane bloki, takie jak oceny produktów, zakładki produktów, atrybuty produktów, przycisk dodawania do koszyka i nie tylko.

Bloki mogą dynamicznie pobierać informacje z niestandardowych pól. Oznacza to, że po dodaniu bloku nagłówka, aby wyświetlić, na przykład nazwę produktu, automatycznie wyświetli się poprawna nazwa produktu, zgodnie z produktem oglądanym przez klienta.

dynamic-content-zestaw narzędzi
Tworzenie szablonu produktu, który dynamicznie pobiera informacje dla każdego produktu

Możesz także warunkowo przypisywać szablony, aby używać różnych szablonów zgodnie z określonymi kryteriami produktu. Na przykład możesz użyć szablonu warunkowego, aby wyświetlić elementy, których nie ma w magazynie, przy użyciu innego układu.

zestaw narzędzi w magazynie
Produkt dostępny w magazynie
zestaw narzędzi niedostępnych w magazynie
Produkt niedostępny w magazynie

OceanWP oferuje wiele opcji stylizacji tych szablonów. Ponieważ jest gotowy do post-type, możesz wybrać różne opcje motywu dla różnych szablonów. Na przykład możesz wybrać wyświetlanie paska bocznego dla niektórych produktów i wybrać układ o pełnej szerokości dla polecanych produktów.

theme-options-owp-toolset
Wybór opcji motywu OceanWP na szablon

OceanWP zawiera również globalne opcje stylizacji, które pomagają utrzymać spójność wizualną Twojego sklepu w całej witrynie. Ponadto nie ma przełączania między administratorem witryny a interfejsem, aby zobaczyć, jak wyglądają zmiany, ponieważ to, co widzisz w zapleczu, jest tym, jak będzie wyglądać na interfejsie.

global-styling-toolset-oceanwp
Dodawanie globalnych stylów do Twojej witryny

Twórz dynamiczne strony sklepu, listy produktów i dodawaj funkcje wyszukiwania

Zdefiniowałeś swoje produkty i zaprojektowałeś szablony produktów. Teraz pomóż swoim klientom znaleźć to, czego szukają.

Tworzenie niestandardowych stron Sklepu i innych stron archiwum

W WordPressie strony takie jak Sklep i strony z listą kategorii nazywane są archiwami. Zasadniczo archiwa zawierają wszystkie posty (lub produkty), które należą do określonej kategorii lub rodzaju treści.

Zestaw narzędzi umożliwia tworzenie różnych archiwów zgodnie z wybranymi przez Ciebie kryteriami. Na przykład, jeśli Twoja witryna sprzedaje szpilki i torby, możesz potrzebować różnych stron Sklepu z filtrami, które są odpowiednie dla każdego rodzaju produktu.

archiwum-strona-zestaw-narzędzi
Strona sklepu z obcasami
Shop-page-torby-zestaw narzędzi
Strona sklepu z torbami

Tworzenie dynamicznych list treści

Możesz dodać dynamiczną listę produktów do swojej strony Sklepu lub dowolnej innej strony w swojej witrynie, korzystając z bloku Widok zestawu narzędzi. Pozwala to na zdefiniowanie, które produkty należy wystawić i zaprojektowanie wyglądu listy.

widok-blok-zestaw narzędzi
Wybór treści do wyświetlenia na stronie sklepu

Dodawanie własnych opcji wyszukiwania i filtrowania

Zestaw narzędzi ułatwia potencjalnym klientom szybkie i łatwe znajdowanie produktów dzięki niestandardowym opcjom wyszukiwania i filtrowania. Możesz filtrować według dowolnego utworzonego pola niestandardowego lub relacji postu.

niestandardowy-zestaw-narzędzi wyszukiwania
Wyszukiwanie niestandardowe, które umożliwia filtrowanie według pól niestandardowych

Inne niestandardowe funkcje strony Sklepu od OceanWP

OceanWP oferuje więcej funkcji dla stron Sklepu i archiwum, w tym opcję szybkiego podglądu, nieskończone przewijanie i możliwość ukrywania filtrów poza ekranem, gdy nie są używane. Należy pamiętać, że te funkcje działają tylko z archiwami OceanWP, a nie z niestandardowymi, które tworzysz za pomocą zestawu narzędzi.

szybki-podgląd-opcja-oceanwp
Opcja szybkiego podglądu
filtry-ceanwp-off-screen
Ukryj filtry poza ekranem

OceanWP oferuje również opcje wyświetlania koszyka:

  • Natywne wyskakujące okienko koszyka
  • Pływający pasek dodawania do koszyka
  • Wyświetlacz koszyka
  • Kasa bez rozpraszania uwagi

..i więcej!

Wypróbuj OceanWP i Toolset już dziś i opowiedz nam o swoich doświadczeniach w komentarzach!

Naucz się budować niestandardowe sklepy WooCommerce krok po kroku dzięki bezpłatnemu kursowi WooCommerce w Toolset.


Możesz także wypróbować zestaw narzędzi i OceanWP razem za darmo dzięki temu demo sklepu WooCommerce.