Skróty WooCommerce: każda informacja, którą musisz znać

Opublikowany: 2021-07-05

Chcesz dowiedzieć się więcej o skrótach WooCommerce?

Jesteśmy z Tobą!

Teraz, jeśli myślałeś, że Shortcodes mają coś wspólnego z kodowaniem.

W takim razie nic takiego nie istnieje.

Nie musisz pisać długiego i długiego kodu.

Skróty, jak sama nazwa wskazuje, są małymi fragmentami kodu, ale mogą pełnić wiele funkcji.

Jest całkowicie w porządku, jeśli wcześniej nie natknąłeś się na „skróty”.

Ponieważ jesteśmy tutaj, aby udzielić Ci pełnych informacji związanych z shortcodes WooCommerce i jak możesz je wdrożyć.

Możesz umieścić skróty na stronie produktu, paskach bocznych, widżecie itp.

Mogą uprościć zakupy, zwiększyć przepływ użytkowników dokonujących zakupów i zoptymalizować Twój sklep internetowy pod kątem konwersji.

Nie tylko to, ale także możesz wyświetlać najlepsze produkty na stronie głównej, produkty powiązane, wyróżniać polecane produkty i nie tylko.

W tym przewodniku podzielimy się z Tobą każdą informacją związaną z krótkimi kodami WooCommerce.

Dowiesz się, w jaki sposób mogą pomóc Ci zapewnić lepsze wrażenia użytkowników, ich korzyści, jak możesz z nich efektywnie korzystać i wiele więcej.

Przejdźmy od razu do naszych „Skrótów WooCommerce” bez marnowania czasu.

Zawartość pokaż
  • Czym dokładnie są skróty?
  • Czym są skróty WooCommerce?
  • Czy skróty są przydatne?
  • Jakie są korzyści ze skrótów?
  • Jak korzystać ze skrótów WooCommerce?
  • Lista skrótów WooCommerce
    • Skróty stron:
    • Produkty skrócone:
    • Krótki kod strony produktu:
    • Powiązane skróty do produktów:
    • Dodaj do koszyka krótki kod:
    • Skrócony kod wielu produktów:
    • Skrócony kod pola wyszukiwania produktu:
  • Wtyczki WooCommerce Shortcodes
  • Wiesz, jak działają skróty WooCommerce?
  • Jak naprawić, jeśli skróty nie działają?
  • Co jeszcze musisz wiedzieć o skrótach WooCommerce?

Czym dokładnie są skróty?

Oczywiste jest, aby dojść do tego pytania „co do cholery to Shortcodes?” kiedy niewiele o tym wiesz.

Tak więc skróty to specjalne kody w WordPress, które są reprezentowane przez nawiasy kwadratowe [krótkie kody] , aby dodać wiele funkcji do Twojego sklepu eCommerce.

Dzięki temu Twój sklep stanie się przyjemniejszy, a Twoi klienci mogą go bardziej intuicyjnie obsługiwać.

Co więcej, możesz użyć skrótów, aby Twoja strona główna była bardziej spersonalizowana i atrakcyjna dla użytkowników.

Czym są skróty WooCommerce?

Teraz skróty WooCommerce nie są niczym nowym.

WooCommerce jest jedną z częściej używanych platform eCommerce niż inne.

Posiada również szeroką gamę krótkich kodów.

Na przykład, jeśli chcesz wyświetlić powiązane produkty na dole strony produktu.

Zamiast polegać na programistach, możesz samodzielnie użyć skrótu powiązanego produktu.

Korzystanie z Shortcodes zapewni znacznie większą łatwość i wygodę.

Jednak dodawanie powiązanych produktów jest znacznie łatwiejsze.

Powiedzmy, że jeśli chcesz zobaczyć 5 powiązanych produktów, zastosuj krótki kod:

 [related_products per_page="5"]

Możesz użyć tego kodu wszędzie tam, gdzie chcesz pokazać powiązane produkty.

Powiązany produkt

Czy skróty są przydatne?

Jeśli nadal uważasz, że skróty nie są przydatne, oto, co musisz wiedzieć.

Krótkie kody pozwalają zrobić o wiele więcej rzeczy, co oznacza, że ​​możesz swobodnie wyświetlać swoje produkty, dodawać przycisk wezwania do działania, gdziekolwiek chcesz je wyświetlić.

Skróty są przydatne, uwalniają Cię od dłuższych, skomplikowanych kodów.

Poza tym skróty są bardzo przydatne, gdy prowadzisz sklep eCommerce.

Możesz zapewnić swojemu klientowi nieco więcej niż konkurencja.

JAK?

Możesz ich przyciągnąć za pomocą krótkich kodów, możesz także zwiększyć konwersje za pomocą krótkich kodów.

Możesz szybko dodać przycisk wezwania do działania do swojej witryny za pomocą Shortcodes.

Skróty są ograniczone do tego, ale mogą nawet pomóc w stworzeniu siatki przedmiotów, które są w sprzedaży, aby pokazać je klientom.

W przypadku krótkich kodów nie ma prawie żadnych ograniczeń, jeśli chodzi o dostosowywanie sklepu.

Jakie są korzyści ze skrótów?

Tak, istnieją pewne korzyści z używania Shortcodes.

Pierwszym ważnym czynnikiem jest elastyczność , co oznacza, że ​​możesz zmienić wygląd swojego sklepu za pomocą skrótów.

Możesz łatwo dostosować motyw i używać go, aby zapewnić swoim klientom lepsze i bardziej spersonalizowane wrażenia.

Co jest bardziej interesujące?

Shortcodes całkowicie wyeliminują potrzebę pisania długich kodów, a co za tym idzie pomogą zaoszczędzić Twój czas.

Co więcej, możesz wykonać wiele transakcji jednocześnie.

Jak korzystać ze skrótów WooCommerce?

Jak już wielokrotnie mówiliśmy powyżej, Shortcodes to mały fragment kodu, który możesz umieścić w dowolnym miejscu na swojej stronie.

Ponadto nie musisz uczyć się kodowania, aby używać krótkich kodów.

Tutaj powiemy Ci, że możesz używać skrótów:

Po prostu dodaj krótki kod do edytora tekstu WordPress lub możesz również użyć bloku shortcode (jeśli używasz Gutenberga, Elementora lub innego narzędzia do tworzenia stron).

Co więcej, kilka skrótów można łączyć i wyświetlać na jednej stronie.

Możesz sprawdzić poniższy zrzut ekranu, jak wygląda posiadanie dwóch krótkich kodów na tej samej stronie.

Lista skrótów WooCommerce

Oto lista wszystkich niezbędnych skrótów WooCommerce.

Sprawdźmy, co każdy z tych skrótów ma do zaoferowania i jak możesz z nich korzystać.

Skróty stron:

Jednak WordPress zawiera cztery domyślne strony, które zawierają skróty, więc nie musisz dodawać ich ręcznie.

Jeśli w niektórych przypadkach nie otrzymasz skróconych kodów, odtworzysz strony z skróconymi kodami.

  • Wózek
  • Sprawdzić
  • Moje konto
  • Śledzenie zamówienia

1.1. Koszyk WooCommerce:

Koszyk Shortcode
 Shortcode : [woocommerce_cart]
Koszyk Shortcode

Koszyk zakupów WooCommerce umożliwia reprezentowanie koszyka zakupów klienta w interfejsie witryny.

Możesz użyć tego kodu, aby dodać go do stron lub postów WordPress lub wyświetlić w widżetowych obszarach (takich jak pasek boczny).

Kiedy zainstalujesz i aktywujesz WooCommerce w swojej witrynie, automatycznie utworzy ona niektóre domyślne strony, które zawierają stronę Koszyk, która używa tego krótkiego kodu.

Koszyk Shortcode

Krótki kod można wykorzystać do połączenia koszyka z innymi częściami witryny.

1.2. Strona kasy WooCommerce:

Strona kasy WooCommerce
 Shortcode : [woocommerce_checkout]

Używając tego skróconego kodu w swojej witrynie, możesz utworzyć pełną stronę kasy w swojej witrynie eCommerce.

Ta strona jest również tworzona automatycznie podczas instalacji WooCommerce.

Strona kasy WooCommerce

Skrócony kod płatności WooCommerce często zawiera informacje rozliczeniowe, informacje o zamówieniu i możliwość wysyłki na inny adres.

1.3. Moje konto:

 Shortcode: [woocommerce_my_account]
Moje konto WooCommerce

TERAZ WooCommerce automatycznie utworzy stronę mojego konta, gdy tylko ją zainstalujesz.

Moje konto WooCommerce 2

Ponadto ta sekcja zawiera Twoje dane osobowe, takie jak imię i nazwisko, adres e-mail, numer telefonu i wszystkie inne informacje wymagane do utworzenia konta w sklepie WooCommerce.

1.4. Formularz śledzenia zamówienia:

 Shortcode: [woocommerce_order_tracking]
Krótki kod śledzenia zamówień WooCommerce

Jednak ta strona różni się od pozostałych trzech wymienionych powyżej.

Ta strona nie jest generowana automatycznie. Musisz utworzyć stronę, dodając krótki kod w edytorze tekstu, aby stworzyć własną.

Teraz to, co się stanie, to to, że Twoi klienci będą mogli zobaczyć i śledzić status swoich bieżących zamówień.

Produkty skrócone:

Skróty produktowe zapewnią Ci potężne funkcjonalności po wdrożeniu w Twoim sklepie.

Gdy go dodasz, strona główna Twojego sklepu i strony produktów zmienią się diametralnie.

Ten kod pokazuje kategorie produktów, a także zmodyfikowaną lub jakiś rodzaj listy.

Umożliwia wyświetlanie między innymi identyfikatora produktu, SKU, nazwy, tagów i losowego sortowania.

Nie będziesz musiał ponownie aktualizować żadnych atrybutów produktów, gdy dodasz do nich krótki kod.

Dane z poprzedniej strony zostaną automatycznie pobrane.

Rzućmy okiem na różne skróty dostępne dla Twoich produktów.

2.1. Wyświetlaj produkty w określonej kolejności

Zamówienie produktu WooCommerce

Jeśli chcesz wyświetlać swoje produkty w bardzo określonej kolejności, oto skrót do użycia:

 Shortcode: [products ids="23, 13, 12, 11, 24, 16" orderby="post__in"]

2.2. Najnowsze produkty

Być może wiesz, że każdy sklep WooCommerce oferuje opcje Twojej ostatniej misji, aby przypomnieć Ci, czego szukałeś wcześniej.

Najnowsze produkty Shortcode
 Shortcode: [recent_result per_page=”8″ columns=”4″ orderby=”date” order=”ASC/DESC”]

2.3. Wyprzedaż losowa

Użyj poniższego kodu, aby wyświetlić losowe przedmioty sprzedaży.

Losowa sprzedaż Shortcode
 Shortcode: [result limit=”n” columns=”n” orderby=”most-approved” class=”sale” on_sale=”true/false”]

2.4. Produkt kategorii najwyższego poziomu

Jeśli chcesz pokazać produkty kategorii najwyższego poziomu, rozważ użycie tego skrótu.

W witrynie sklepowej ten kod pokaże wszystkie produkty kategorii najwyższego poziomu.

produkt kategorii najwyższego poziomu
 Shortcode: [result_categories number=”0″ parent=”0”]

2.5. Produkt określonego tagu

Użyj tego prostego shortcode, aby wyświetlić tagi produktów.

konkretny tag
 Shortcode: [result tag=”t-shirt”]

Niech wynik = produkt

Krótki kod strony produktu:

Jest to kolejny rodzaj skrótu WooCommerce, którego możesz użyć do zaprezentowania różnych stron produktów za pomocą dwóch atrybutów:

  • identyfikatory produktów i kody SKU.
Krótki kod strony produktu

Oto oba skróty, których możesz użyć:

 Shortcode: [product_page]
 Shortcode: [product_page sku="hoodie"]

Powiązane skróty do produktów:

Bardzo cenny i przydatny shortcode.

Musisz użyć tego skróconego kodu, ponieważ za każdym razem, gdy klient znajduje się na stronie Twojego produktu, jest bardziej prawdopodobne, że zapozna się z powiązanymi produktami.

Podobnie jak Amazon, będziesz mieć powiązane produkty tuż pod bieżącym produktem.

Jak zwiększy Twoje konwersje?

Załóżmy, że ktoś szuka informacji o „torbie na siłownię”, co oznacza, że ​​Twój klient może potrzebować innych produktów związanych z siłownią.

Dlatego pokazywanie powiązanego produktu pomaga zwiększyć sprzedaż.

 Shortcode: [related_products per_page="5"]
Powiązany produkt

Jeśli chcesz wyświetlić 6 powiązanych produktów, po prostu zmień wartość na 6.

Dodaj do koszyka krótki kod:

Używanie skrótu „Dodaj do koszyka” to kolejny świetny sposób na podniesienie komfortu użytkownika.

Jak to google może pomóc w zwiększeniu sprzedaży?

Na przykład możesz użyć tego skróconego kodu na swoim blogu lub dowolnej innej stronie, na której klient może bezpośrednio dodawać produkty do koszyka.

WooCommerce Shortcode do dodania do koszyka
 Shortcode: [add_to_cart sku="loafers"]

Co więcej, jeśli chcesz przekierować kupujących na inny adres URL zamiast dodawać produkt do koszyka.

WooCommerce Shortcode do dodania do koszyka

Możesz użyć tego przycisku edycji krótkiego kodu WooCommerce do koszyka.

 Shortcode: [add_to_cart_url]

Skrócony kod wielu produktów:

Teraz korzystanie z wielu produktów za pomocą skrótów jest zbyt łatwe.

 Shortcode: [products ids=”1, 2, 3, 4, 5″]
 Shortcode: [products ids=”1, 2, 3″ orderby=”date” columns=”3″ order=”desc”]

Możesz wyświetlić wiele (wybranych) produktów na stronie lub w poście za pomocą przycisków szybkiego podglądu.

Chociaż możesz zmienić krótki kod zgodnie z potrzebami.

Skrócony kod pola wyszukiwania produktu:

Kolejny, ale przydatny skrót.

 Shortcode: [woocommerce_product_search]

Możesz użyć tego krótkiego kodu, aby dodać funkcje wyszukiwania na żywo i filtrowania na żywo do swojej strony lub sekcji bloga.

Wtyczki WooCommerce Shortcodes

Jeśli chodzi o wtyczki, istnieje mnóstwo wtyczek Shortcode.

Ale co będzie dla Ciebie najlepsze?

Zalecamy jednak korzystanie z wtyczki shortcodes WooCommerce firmy WooThemes.

Dobrą wiadomością jest to, że jest całkowicie darmowy.

Po aktywacji wtyczki zobaczysz rozwijany przycisk do edytora tekstu WordPress.

Zapewni to szybki dostęp do wszystkich wbudowanych skrótów WooCommerce.

Nie tylko to, ale także eliminuje potrzebę kopiowania i wklejania krótkich kodów.

Wiesz, jak działają skróty WooCommerce?

Teraz, gdy nauczyłeś się tak dużo o krótkich kodach, odkryjmy również, jak działają skróty.

Chociaż skróty wydają się proste, są również najbardziej niezawodne.

Wiesz, jak pisze się skróty, pojedyncze słowo lub zestaw słów połączonych podkreśleniami.

Oto próbki:

  • [przykładowy_krótki kod]
  • [get_recent_comments]
  • [woocommerce_product_search]

Skróty działają inaczej, niektóre skróty działają samodzielnie, podczas gdy inne działają z pewnymi parametrami.

Parametry

Jak działają parametry?

Parametry nazywane również argumentami, praca parametrów polega na tym, że są one
dodatkowe linie, które sprawiają, że działanie shortcode jest bardziej szczegółowe.

Funkcja parametrów polega na tym, że są to dodatkowe linie, które uszczegóławiają działanie shortcode.

Powinieneś jednak wiedzieć, że parametry są używane przez większość krótkich kodów WooCommerce, nie są one używane przez wszystkie.

Jak naprawić, jeśli skróty nie działają?

Jeśli czasami skróty WooCommerce nie działają poprawnie.

Powinieneś wiedzieć, jak możesz go rozwiązać.

Dzieje się tak, że wklejasz odpowiedni shortcode WooCommerce do edytora tekstu, ale nie wyświetla się on poprawnie lub daje złe wyniki.

Tutaj musisz się upewnić, że shortcode nie został omyłkowo osadzony w tagach pre>.

Możesz jednak usunąć te znaczniki za pomocą edytora tekstu HTML.

Co jeszcze musisz wiedzieć o skrótach WooCommerce?

Tutaj już prawie skończyliśmy ze skrótami WooCommerce.

Krótkie kody oszczędzą Ci konieczności pisania długich kodów i pomogą Ci dostosować Twój sklep.

Widzimy, że skróty WooCommerce to niezwykle przydatne fragmenty funkcjonalności, które pomogą każdemu właścicielowi sklepu korzystającemu z tej platformy.

Są również niezwykle przydatne i praktyczne, jeśli chodzi o poprawę doświadczenia kupujących lub usprawnienie nawigacji w sklepie i realizacji transakcji.

Ile i jak wykorzystasz shortcodes WooCommerce?