Prowadzenie sklepu WooCommerce wymaga od właścicieli przyjęcia wielu ról jednocześnie – marketingu, operacji, projektowania, a nawet rozwijania strony internetowej. Ale co jeśli umiejętności kodowania nie są twoją mocną stroną? Wtedy na pomoc przychodzą shortcody WooCommerce. Ta funkcja umożliwia właścicielom sklepu dostosowanie niemal każdego aspektu sklepu ecommerce, bez potrzeby wnikania głęboko w skomplikowany kod. 

WooCommerce napędza znaczną część wszystkich sklepów internetowych – często podaje się, że jest używany przez ponad 4,6 miliona aktywnych stron na całym świecie. Biorąc pod uwagę powszechne przyjęcie, zrozumienie shortcodów staje się ważne dla użytkowników tej platformy.

W tym przewodniku dla marketerów ecommerce wyjaśnimy wszystko, co musisz wiedzieć, aby opanować shortcody WooCommerce. Rozbijemy na części pierwsze, czym są, jak działają i zbadamy listę niezbędnych shortcodów dla każdego sklepu WooCommerce. 

Czym są shortcody WooCommerce?

Shortcody WooCommerce to proste, ale niezawodne rozwiązanie do personalizacji sklepu ecommerce. W prostych słowach, są to małe, wielokrotnego użytku fragmenty kodu, które umieszczasz w nawiasach kwadratowych – jak [this_is_a_shortcode]. Te polecenia nakazują WordPressowi wykonanie określonych działań lub wyświetlenie dynamicznych treści dokładnie tam, gdzie je umieścisz.

Koncepcja shortcode'ów nie jest nowa. Były one częścią WordPress od dłuższego czasu, umożliwiając użytkownikom osadzanie skomplikowanych funkcji. WooCommerce rozszerza tę funkcjonalność, dostosowując ją specjalnie do potrzeb sklepów ecommerce. Oto kilka popularnych sposobów korzystania z nich:

• Prezentowanie produktów gdziekolwiek, a nie tylko na domyślnej stronie sklepu za pomocą [products], [featured_products] lub [sale_products].
• Dostęp do pełnej zawartości i funkcjonalności koszyka zakupowego za pomocą [woocommerce_cart].
• Umieszczenie całego procesu realizacji zamówienia na dowolnej stronie za pomocą [woocommerce_checkout].
• Pozwolenie użytkownikom na przeglądanie swoich zamówień i zarządzanie danymi za pomocą [woocommerce_my_account].
• Wyświetlanie przycisku "dodaj do koszyka" dla pojedynczego produktu za pomocą [add_to_cart] i więcej.

Jest wiele powodów, dla których shortcode'y WooCommerce są popularne wśród właścicieli sklepów. Po pierwsze, są one niezwykle łatwe w użyciu – nie jest potrzebna głęboka wiedza o kodowaniu. Po drugie, oferują elastyczność, pozwalając na kontrolowanie tego, co się pojawia i jak. I wreszcie, oszczędzają czas, upraszczając proces dodawania nowych elementów do witryny.

Jak właściwie działają shortcody WooCommerce?

Teraz przyjrzyjmy się, jak naprawdę działają shortcode'y WooCommerce. Kiedy osadzasz shortcode na stronie lub w poście, WooCommerce nie traktuje go po prostu jako zwykły tekst. W miarę jak strona się ładuje, WooCommerce skanuje treść, specjalnie szukając tych charakterystycznych nawiasów kwadratowych.

Kiedy wykryje shortcode, uruchamia wcześniej napisaną funkcję PHP skojarzoną z określoną komendą. Funkcja ta wykonuje główną pracę—pobiera dane produktu, oblicza całkowite sumy koszyka lub układa informacje o koncie—i generuje HTML, który pojawia się na froncie sklepu.

Jak widzieliście, shortcody WooCommerce mogą być dostosowywane za pomocą atrybutów lub parametrów. To dodatkowe instrukcje w nawiasach shortcode, które modyfikują jego zachowanie. Na przykład, w przypadku shortcode produktów, można użyć atrybutu jak limit="4" aby pokazać tylko cztery produkty, lub columns="2" aby ułożyć je w dwóch kolumnach. 

Sam WooCommerce oferuje zestaw jedenastu głównych shortcode'ów, z których wiele posiada wiele atrybutów, dając użytkownikom kontrolę bez konieczności dodatkowych wtyczek do podstawowego wyświetlania treści. Niektóre wtyczki i motywy innych firm zapewniają dostęp do większej ilości shortcode'ów poza głównymi. 

Niezbędne Shortcody WooCommerce dla Lepszej Obsługi Twojego Sklepu Internetowego

Skoro omówiliśmy już, czym są shortcody WooCommerce i jak działają, możemy przejść do głównej części: faktycznych shortcode'ów. Używając ich, możesz zmieniać sposoby budowania i zarządzania swoim sklepem internetowym. 

Stosowane poprawnie, shortcody mogą poprawić doświadczenia użytkowników, usprawnić nawigację i prowadzić klientów płynnie w kierunku dokonania zakupu. Przeanalizujemy różnorodne główne shortcody WooCommerce, dzieląc je na te obsługujące strony główne, prezentujące produkty w kuszący sposób i generujące konkretne akcje.

Shortcody WooCommerce Specyficzne dla Stron

Pewne strony są kluczowe dla każdego sklepu internetowego, a WooCommerce zapewnia dedykowane shortcody, aby wszystko działało poprawnie. Często są one automatycznie konfigurowane podczas pierwszej instalacji WooCommerce, ale znając je, możesz przebudować strony lub dostosować ich rozmieszczenie w razie potrzeby.

• Strona koszyka: [woocommerce_cart]

Shortcode [woocommerce_cart], często określany jako shortcode strony koszyka WooCommerce lub po prostu shortcode koszyka WooCommerce, wyświetla zawartość koszyka klienta. Obejmuje to dodane pozycje, ich ilości, ceny oraz niezbędny przycisk "Przejdź do kasy". 

Jest to kluczowy element twojego lejka konwersji ecommerce, więc upewnij się, że wszystko działa poprawnie.

Jak używać: Po prostu umieść [woocommerce_cart] na wyznaczonej stronie koszyka.

• Strona kasy: [woocommerce_checkout]

Kiedy klienci są gotowi do zakupu, shortcode kasy WooCommerce, [woocommerce_checkout], przejmuje kontrolę. Tworzy całą stronę kasy, gdzie klienci wprowadzają swoje dane do faktury i wysyłki, wybierają metody wysyłki i opcje płatności. Tu dokonuje się finalizacja transakcji.

Jak używać: Dodaj [woocommerce_checkout] na stronie, którą ustawiłeś jako stronę zamówienia.

• Strona Moje Konto: [woocommerce_my_account]

Użyj [woocommerce_my_account], aby zapewnić swoim klientom dedykowane miejsce do zarządzania ich informacjami. Wyświetla on panel użytkownika, gdzie mogą przeglądać poprzednie zamówienia, zarządzać adresami i aktualizować dane konta.

Jak używać: Dodaj [woocommerce_my_account] na stronie, którą chcesz wykorzystać jako "Moje Konto".

• Śledzenie zamówienia: [woocommerce_order_tracking]

Shortcode [woocommerce_order_tracking] umożliwia klientom sprawdzanie statusu ich zamówień poprzez wprowadzenie numeru zamówienia i adresu e-mail, dostarczając informacji o śledzeniu zamówienia bez potrzeby logowania się.

Jak używać: Umieść [woocommerce_order_tracking] na dedykowanej stronie "Śledź swoje zamówienie". Alternatywnie, możesz to dodać na stronie "Moje Konto".

Krótki kod wyświetlania produktów WooCommerce

Prezentacja produktów jest miejscem, gdzie krótkie kody WooCommerce naprawdę błyszczą, oferując elastyczność w tym, jak i gdzie Twoje produkty się pojawiają. Dobra prezentacja produktu może wpływać na decyzje zakupowe i poprawić ogólny wygląd i odczucie Twojej strony.

• Ogólne wyświetlanie produktów: [products]

Kod [products] jest prawdopodobnie najczęściej używanym z krótkich kodów związanych z produktami WooCommerce. Jest to Twój główny shortcode dla produktów WooCommerce, pozwala na wyświetlanie produktów na różne sposoby przy użyciu atrybutów. Lista atrybutów dla tego shortcode jest dość obszerna i obejmuje:

• ids lub skus: Wyświetlanie określonych produktów.
• limit: Liczba produktów do pokazania (np. limit="6").
• columns: Liczba kolumn w siatce (np. columns="3").
• orderby: Jak sortować produkty (np. data, tytuł, popularność, ocena, losowo). Popularne wartości to orderby="data" lub orderby="popularność".
• order: Kolejność sortowania (ASC dla rosnącej, DESC dla malejącej).
• category: Wyświetlanie produktów z określonych kategorii slug.
• tag: Wyświetlanie produktów z określonymi tagami.
• on_sale="true": Wyświetlanie tylko produktów aktualnie w promocji.
• best_selling="true": Prezentacja bestellerów.
• top_rated="true": Wyróżnij najlepiej oceniane produkty.
• visibility: Kontrola widoczności produktu (np. widoczny, katalog, szukaj, ukryty). 

Przykłady:

[products limit="4" columns="4" category="apparel" orderby="date" order="DESC"] – Pokazuje 4 najnowsze produkty z kategorii "apparel" w 4 kolumnach.

[products ids="25, 30, 42" columns="3" orderby="title"] – Wyświetla trzy konkretne produkty, posortowane według tytułu.

• Specyficzne typy produktów:

• Podczas gdy shortcode [products] radzi sobie z większością scenariuszy za pomocą atrybutów, WooCommerce oferuje również niektóre starsze lub bardziej bezpośrednie shortcode'y WooCommerce do powszechnych potrzeb:

• [featured_products limit="3" columns="3"]: Szybko pokaż swoje polecane produkty.
• [sale_products per_page="6" columns="2"]: Wyświetl 6 produktów aktualnie w promocji w 2 kolumnach.
• [best_selling_products limit="5" columns="5"]: Podkreśl swoje top 5 najlepiej sprzedających się produktów. 
• [top_rated_products per_page="4" columns="4"]: Zaprezentuj swoje 4 najwyżej oceniane produkty.
• [recent_products limit="8" columns="4"]: Przydatne do sekcji "Nowości".
• [related_products limit="3" columns="3"]: Zazwyczaj używany na stronach pojedynczych produktów, pokazuje produkty powiązane z tym oglądanym.

• Kategorie i tagi produktów:

• [product_category category="your-category-slug" per_page="6" columns="3"]: Wyświetla produkty z jednej, określonej kategorii.
• [product_categories number="0" parent="0"]: Listuje wszystkie twoje główne kategorie produktów. Doskonałe na dedykowaną stronę "Kupuj według kategorii" lub jako pasek boczny. 
• Aby wyświetlić produkty według tagu, zazwyczaj używa się atrybutu tag w głównym shortcode [products], na przykład: [products tag="summer-specials" columns="4"].

WooCommerce Shortcode'y zachęcające do działania

Poza prezentowaniem informacji, niektóre shortcode'y WooCommerce są zaprojektowane, aby wywoływać konkretne działania klientów, bezpośrednio przyczyniając się do konwersji.

• Przycisk/link do dodania do koszyka: [add_to_cart] i [add_to_cart_url]

Shortcode do dodawania do koszyka w WooCommerce jest przydatny do tworzenia bezpośrednich możliwości zakupowych poza standardowymi stronami sklepu lub produktu.

[add_to_cart id="99"]: Wyświetli przycisk "Dodaj do koszyka" dla produktu o ID 99. Możesz dodać atrybuty, takie jak show_price="true" lub style=";"

[add_to_cart_url id="99"]: Nie wyświetla przycisku, ale generuje URL, który dodaje produkt 99 do koszyka. Przydatne dla niestandardowych przycisków lub linków.

Jak używać: Umieszczaj je w postach na blogu recenzujących produkt, na niestandardowych stronach docelowych promocji, a nawet w kampaniach e-mailowych (używając URL jako linku). 

• Komunikaty sklepu: [shop_messages]

Ten shortcode jest używany do wyświetlania wiadomości generowanych przez WooCommerce (takich jak "Produkt dodany do koszyka", "Kupon został pomyślnie zastosowany" itp.) na stronach, które nie są standardowymi stronami WooCommerce. Jest używany przy tworzeniu wysoko spersonalizowanych sklepów.

5 Wskazówek dotyczących używania shortcode'ów WooCommerce

Znajomość dostępnych shortcode'ów WooCommerce to nie wszystko—musisz również umieć z nich skutecznie korzystać. Aby w pełni wykorzystać te przydatne narzędzia i uniknąć potencjalnych problemów, oto kilka praktycznych wskazówek, które warto zapamiętać:

Poprawne wstawianie shortcode'ów. Niezależnie czy korzystasz z Klasycznego Edytora WordPress czy Gutenberga, nowego edytora blokowego, wstawianie shortcode'ów WooCommerce jest dość proste. W Klasycznym Edytorze wystarczy wkleić shortcode bezpośrednio do pola tekstowego. Dla użytkowników Gutenberga najlepiej jest używać dedykowanego bloku “Shortcode”. To zapewnia, że system prawidłowo go zinterpretuje i przetworzy.

Zwracaj uwagę na składnię atrybutów. Prawdziwa moc wielu shortcode'ów WooCommerce wynika z ich atrybutów (np. limit="5", category="apparel"). Zwracaj szczególną uwagę na składnię. Zawsze zamykaj wartości atrybutów w prostych cudzysłowach (")—nie w krzywych (“ ”), które czasami mogą się pojawić podczas kopiowania i wklejania. Również podwójnie sprawdź, czy używasz prawidłowych wartości dla każdego atrybutu, jak określono w dokumentacji WooCommerce. 

Ostrożnie łącz shortcode'y. Często możesz używać wielu shortcode'ów na jednej stronie. Jednak jeśli nie działają one zgodnie z oczekiwaniami (np. wyświetlają się jako zwykły tekst lub układ jest zepsuty), najpierw sprawdź, czy nie ma literówek. Upewnij się, że wtyczka WooCommerce jest aktywna. Jeśli problemy nadal występują, spróbuj tymczasowo dezaktywować inne wtyczki, aby sprawdzić, czy nie ma konfliktów.

Zwracaj uwagę na wydajność. Chociaż shortcode'y są wygodne, nie nadużywaj ich. Każdy z nich wymaga przetwarzania. Używanie nadmiernej liczby złożonych shortcode'ów WooCommerce na jednej stronie może potencjalnie wpłynąć na czas ładowania. Chociaż konkretne dane mogą się różnić, ogólnie w rozwoju webowym przyjmuje się, że strony ciężkie od dynamicznego przetwarzania treści mogą widzieć wzrost czasu ładowania. 

W ecommerce nawet jednosekundowe opóźnienie może wpłynąć na wskaźniki konwersji—obniżając je o 7%. Dla skomplikowanych układów czy wysoko specjalistycznej funkcjonalności dedykowane kreatory stron lub nawet własne rozwiązania programistyczne mogą być lepszym rozwiązaniem.

Testuj swoje shortcode'y przed publikacją. Może to wydawać się oczywiste, ale jest to kluczowy krok, aby zapewnić, że wszystko wygląda i działa dokładnie tak, jak tego oczekujesz dla swoich odwiedzających. Zawsze podglądaj stronę, sprawdzaj dokładność wyjścia, testuj wszelkie interaktywne elementy (jak przyciski dodaj do koszyka czy formularze) i wyświetlaj je na różnych rozmiarach ekranu, aby wychwycić potencjalne problemy z wyświetlaniem lub funkcjonalnością, zanim zauważą je Twoi klienci.

Poza podstawami: popraw swoje doświadczenia WooCommerce z Yespo

Shortcode'y WooCommerce dają kontrolę nad tym, jak treści są wyświetlane i strukturyzowane w Twoim sklepie ecommerce. Ale czy to wystarczy, aby faktycznie zwiększyć sprzedaż? Tutaj przechodzisz od statycznych wyświetleń do zaangażowania klientów opartego na danych. Podczas gdy shortcode'y WooCommerce pomagają w tym, co i gdzie znajduje się Twoja treść, platforma taka jak Yespo pomaga Ci z zaawansowanymi strategiami marketingu detalicznego. 

Yespo to platforma danych klientów (CDP) stworzona, aby pomóc właścicielom sklepów ecommerce w pełnym wykorzystaniu danych klienta i zwiększeniu sprzedaży. Teraz możesz zintegrować Yespo ze swoim sklepem bez większego wysiłku, korzystając z naszego darmowego Wtyczki WooCommerce. Zainstaluj wtyczkę, zsynchronizuj dane sklepu z naszym systemem i zacznij korzystać z niesamowitych nowych możliwości, w tym:

Rekomendacje produktów oparte na AI: Gdy opcja „pokrewne produkty” to za mało, AI-doradza rekomendacje produktów od Yespo to jest to, czego potrzebujesz. Analizuj zachowanie klientów, ich historię zakupów oraz ukryte wzorce wśród odwiedzających, aby pokazać najbardziej odpowiednie produkty, zwiększając możliwości cross-sellingu i up-sellingu.

Precyzyjne targetowanie dzięki segmentacji klientów: Zrozum swoją publiczność na głębszym poziomie. Dzięki zaawansowanym funkcjom segmentacji klientów, możesz tworzyć wysoce ukierunkowane kampanie, które mówią bezpośrednio do indywidualnych potrzeb i preferencji klientów. Z Yespo możesz korzystać z segmentacji demograficznej, geograficznej, RFM, parametrycznej i wielu innych typów dla dowolnego scenariusza. A jeśli nie jesteś pewien, którą wybrać - nasza potężna predykcyjna segmentacja może być dokładnie tym, czego szukasz.

Zaangażuj swoich klientów interaktywnymi widżetami na stronie internetowej: Przyciągnij uwagę i zachęć do działań interaktywnymi widżetami na twojej stronie. Zbieraj dane kontaktowe, informuj użytkowników o najnowszych ofertach, oferuj rabaty, a nawet dodaj gry bezpośrednio na swoją stronę. Nie jest wymagane żadne dodatkowe kodowanie!

Łącząc efektywny design sklepu i układ, osiągnięty dzięki inteligentnemu zastosowaniu motywów i shortcode'ów WooCommerce, z możliwościami personalizacji Yespo, tworzysz silną kombinację. To podejście nie tylko dobrze wygląda, ale także aktywnie działa na rzecz zwiększenia zaangażowania i sprzedaży.

---

Jak widać, shortcode'y WooCommerce to coś więcej niż tylko tekst w nawiasach. To prosty, ale niezawodny sposób na dostosowanie sklepów online i poprawę doświadczeń użytkowników. Od strukturyzowania głównych stron po dynamiczne prezentowanie produktów dokładnie tam, gdzie chcesz i w sposób, który preferujesz, oferują one kontrolę bez konieczności posiadania wyjątkowych umiejętności technicznych.

A kiedy będziesz gotowy wynieść wydajność i personalizację swojego sklepu na wyższy poziom, Yespo CDP może być dokładnie tym, czego potrzebujesz. Wypełnij formularz poniżej, jeśli masz pytania lub chciałbyś omówić swój konkretny przypadek.

Uzyskaj fachową wiedzę