Odznaki produktów WooCommerce: Promocja, Nowość, Bestseller

W siatce podobnych produktów klikane są te, które się wyróżniają. Odznaki produktów to jeden z najtańszych sposobów, by to osiągnąć: mała etykieta Promocja, Nowość lub Bestseller na zdjęciu produktu, która przyciąga wzrok i daje klientowi powód, by przyjrzeć się bliżej. Ich pokazanie nic nie kosztuje, odzwierciedlają fakty, które już masz o każdym produkcie, i działają dokładnie w chwili, gdy odwiedzający przegląda kategorię, próbując zdecydować, gdzie kliknąć najpierw. Ten przewodnik wyjaśnia, jak działają odznaki w WooCommerce, które naprawdę ruszają sprzedaż, czego potrzebuje dobre narzędzie do odznak i jak darmowa wtyczka Marks dodaje odznaki automatyczne oraz ręczne bez szkody dla wydajności.

Czym są odznaki produktów

Odznaka produktu to mała etykieta umieszczona na zdjęciu produktu, pokazywana zarówno na listach, jak i na karcie pojedynczego produktu. Każda niesie krótki, czytelny w jednym spojrzeniu komunikat, który klient odczyta bez zatrzymywania się do namysłu. Te najczęstsze odnoszą się wprost do rzeczy, na których klientowi zależy:

• Promocja lub procent rabatu, sygnalizujące obniżkę ceny.
• Nowość, oznaczająca niedawno dodane produkty.
• Niski stan, dodający delikatnego niedoboru.
• Bestseller, dodający społecznego dowodu słuszności.
• Darmowa wysyłka i Wyprzedane, odpowiadające na dwa pytania, na które klient inaczej musiałby szukać odpowiedzi po wejściu na kartę.

Wartość odznaki polega na tym, że wydobywa fakt w momencie decyzji. Klient przeglądający kategorię nie czyta każdego tytułu i opisu; szuka wskazówek. Odznaka jest taką wskazówką, umieszczoną dokładnie tam, gdzie wzrok już pada.

Dlaczego podnoszą konwersję

Odznaki działają, bo zakupy online są szybkie i wizualne. Decyzja o kliknięciu produktu zapada w sekundę lub dwie i kieruje się tym, co się wyróżnia. Dobrze umieszczona odznaka daje klientowi powód, by się zatrzymać:

• Pilność z etykiet Promocja, Procent rabatu i Niski stan, które popychają decyzję, a nie odkładanie jej na później.
• Potwierdzenie z Bestsellera, który pożycza pewność innych kupujących bez konieczności czytania ani jednej opinii.
• Świeżość z Nowości, kierująca powracających odwiedzających prosto na to, co zmieniło się od ostatniej wizyty.
• Jasność z Darmowej wysyłki, która usuwa częsty powód wahania przed otwarciem produktu.

Zysk bierze się z trafności, nie z dekoracji. Sklep, który oznacza wszystko, uczy klientów ignorować odznaki. Sklep, który oznacza to, co prawdziwe i przydatne, czyli faktycznie przeceniony towar i faktycznie niski stan, zarabia kliknięcie. Dyscyplina polega na pokazywaniu mniej, lecz trafnych odznak, a nie więcej.

Wskazówka: Pokazuj mniej, prawdziwszych odznak. Oznaczanie wszystkiego uczy klientów je ignorować; dwie lub trzy trafne odznaki czyta się jasno, a sześć już nie.

Automatyczne bije ręczne

Najbardziej przydatne odznaki działają na regułach, dzięki czemu pozostają trafne, a nikt nie musi ręcznie edytować produktów. Ręczna naklejka „Promocja”, o której zdjęciu ktoś zapomniał po zakończeniu wyprzedaży, jest gorsza niż brak odznaki, bo uczy klientów, że Twoje odznaki kłamią. Odznaki oparte na regułach całkowicie tego unikają:

Ostrzeżenie: Ręczna naklejka „Promocja” pozostawiona po zakończeniu wyprzedaży jest gorsza niż brak odznaki, bo uczy klientów, że Twoim odznakom nie można ufać.

• Promocja pojawia się, gdy produkt jest przeceniony, i znika w chwili, gdy promocja się kończy.
• Procent rabatu odczytuje te same dane cenowe i pokazuje wielkość obniżki.
• Niski stan pojawia się, gdy zapas spadnie do ustawionego progu lub poniżej.
• Nowość pojawia się przez ustalony czas po publikacji produktu, a potem sama się wycofuje.
• Bestseller pojawia się, gdy produkt przekroczy wybraną przez Ciebie liczbę sprzedaży.

Odznaki ręczne wciąż mają sens w przypadkach, których reguły nie wyrażą, jak ręcznie wybrany typ od obsługi czy sezonowe wyróżnienie jednego konkretnego produktu. Właściwe narzędzie oferuje jedno i drugie: odznaki automatyczne wykonują większość pracy, a odznaka ręczna jest dostępna tam, gdzie naprawdę potrzebujesz wyjątku. Marks dla WooCommerce obsługuje oba podejścia: zestaw automatycznych odznak opartych na regułach oraz jedną odznakę ręczną na produkt.

Czego potrzebuje dobre narzędzie do odznak

Zanim spojrzysz na jakąkolwiek konkretną wtyczkę, warto wiedzieć, co odróżnia narzędzie do odznak warte instalacji od takiego, które tworzy więcej problemów, niż rozwiązuje. Potraktuj to jako listę kontrolną:

• Automatyzacja oparta na regułach. Odznaki wyliczające się z prawdziwych danych produktu, więc zawsze są aktualne.
• Konfigurowalne progi. To Ty decydujesz, co liczy się jako „nowość”, „niski stan” czy „bestseller”, bo te liczby różnią się między sklepami.
• Sterowanie każdą odznaką z osobna. Włączenie i wyłączenie każdego typu niezależnie oraz ustawienie tekstu jego etykiety, tak by słownictwo pasowało do Twojej marki i języka.
• Renderowanie wyłącznie w CSS. Odznaka to etykieta; nie potrzebuje JavaScriptu. Renderowanie w CSS nie dodaje skryptu do pobrania ani uruchomienia.
• Brak przeskoków układu. Odznaka powinna siedzieć w zarezerwowanym miejscu, by nigdy nie przesuwała zdjęcia ani tytułu podczas ładowania strony, co chroni Twoje Core Web Vitals.
• Sterowanie miejscem wyświetlania. Decyzja, czy odznaki pojawiają się na listach, na kartach pojedynczych produktów, czy w obu miejscach.
• Wygląd pasujący do motywu. Kształt, wielkość liter i rozsądny limit liczby odznak nakładanych na jedno zdjęcie.

Dwie rzeczy świadomie nie znajdują się na tej liście dla darmowego, uniwersalnego narzędzia: animacje i ciężka personalizacja per produkt. Odznaki, które skaczą lub się rozjaśniają, przyciągają uwagę do siebie zamiast do produktu, a stylowanie per produkt to obciążenie utrzymaniowe, którego odznaki oparte na regułach mają unikać.

Jak robi to Marks

Marks to darmowa wtyczka o otwartym kodzie, która umieszcza odznaki na produktach WooCommerce i jest zbudowana wokół powyższej listy kontrolnej. Wszystko, co pokazuje, jest wyliczane na Twoim własnym serwerze z danych, które WooCommerce już przechowuje: ceny, stanu magazynowego, sprzedaży, dat produktu i klasy wysyłki, więc nie ma nic do synchronizacji ani nic wysyłanego na zewnątrz.

Automatyczne etykiety Promocja, Nowość i Bestseller na kartach produktów w sklepie, renderowane wyłącznie w CSS.

Odznaki automatyczne

Marks udostępnia siedem odznak automatycznych: Promocja, Nowość, Niski stan, Bestseller, Procent rabatu, Darmowa wysyłka i Wyprzedane. Każda ma własny przełącznik włącz/wyłącz oraz własną, dowolną etykietę, więc możesz zmienić „Promocja” na „Promo” lub przetłumaczyć każdą etykietę na język swojego sklepu. Trzy z nich odczytują progi, które kontrolujesz: okno nowości (domyślnie 30 dni) decyduje, jak długo pokazuje się Nowość, poziom niskiego stanu decyduje, kiedy pojawia się Niski stan, a liczba sprzedaży bestsellera decyduje, kiedy aktywuje się Bestseller. Darmowa wysyłka jest wykrywana po klasie wysyłki produktu. Ponieważ wszystko to opiera się na regułach, odznaki same pozostają poprawne, gdy ceny się zmieniają, stan magazynowy maleje, a produkty wychodzą z okna nowości.

Odznaka ręczna

W przypadkach, których reguły nie pokryją, Marks dodaje jedną odznakę ręczną: ogólnosklepową etykietę i kolor, które włączasz per produkt. Etykietę i kolor ustawiasz raz na ekranie ustawień Marks, a potem przypisujesz je do konkretnych produktów przez metadane produktu _marks_manual_text (z opcjonalnym _marks_manual_style). To właściwe narzędzie do typu wybranego przez obsługę lub jednorazowego wyróżnienia, celowo utrzymane prosto, by nie zamieniło się w projekt stylowania per produkt.

Renderowanie i miejsce wyświetlania

Uwaga: Każda odznaka Marks jest renderowana wyłącznie w CSS, więc nie dodaje żadnego JavaScriptu do pobrania ani uruchomienia i nie powoduje przeskoków układu, dzięki czemu listy pozostają szybkie i stabilne.

Każda odznaka Marks jest rysowana w CSS i siedzi na zdjęciu produktu, więc nie dodaje żadnego JavaScriptu i nie powoduje przeskoków układu podczas ładowania strony. Odznaki pokazują się na karcie pojedynczego produktu oraz na listach sklepu, kategorii i tagów, a sterowanie miejscem wyświetlania pozwala wybrać karty pojedyncze, listy albo oba miejsca. Sterowanie wyglądem obejmuje kształt (pigułka lub kwadrat), wielkie litery oraz limit na kontekst, tak by jedno zdjęcie nigdy nie zostało zasłonięte pięcioma nakładającymi się odznakami. Jest też opcjonalne ustawienie ukrywające domyślną etykietę promocji WooCommerce, gdy włączona jest odznaka Promocja od Marks, by oba znaczniki się nie zderzały.

Shortcode

Jeśli chcesz pokazać odznaki gdzieś poza zwykłymi szablonami produktów, na stronie, w poście lub w widżecie, Marks udostępnia shortcode [marks_badges]. Bez atrybutów używa bieżącego produktu wewnątrz pętli lub na karcie pojedynczego produktu. Przekaż id, by wskazać konkretny produkt, oraz context (single lub loop), by wybrać styl renderowania, na przykład [marks_badges id="123" context="loop"].

Konfiguracja

Uruchomienie odznak zajmuje kilka minut:

Ekran ustawień Marks w panelu WordPress, gdzie włączasz każdą odznakę oraz ustawiasz jej etykietę i progi.

1. Zainstaluj wtyczkę przez Wtyczki → Dodaj nową lub wgraj ją do /wp-content/plugins/marks. WooCommerce musi być zainstalowane i aktywne.
2. Aktywuj ją.
3. Otwórz menu Marks najwyższego poziomu, włącz odznaki głównym przełącznikiem i wybierz, które odznaki automatyczne pokazywać.
4. Dopasuj progi (okno nowości, poziom niskiego stanu, sprzedaż bestsellera) do swojego sklepu, ustaw potrzebne etykiety oraz wybierz miejsce wyświetlania i wygląd.

To cała konfiguracja. Ustawienia są oczyszczane i ograniczane do dozwolonych zakresów przy zapisie, wtyczka jest gotowa do tłumaczenia dzięki dołączonemu plikowi POT, deklaruje zgodność z HPOS oraz blokami koszyka i zamówienia, a przy odinstalowaniu w całości usuwa swoje dane.

Praktyczne wskazówki

Narzędzie daje mechanizm; to, jak go używasz, decyduje, czy odznaki pomagają, czy stają się szumem. Kilka wskazówek:

• Pokazuj mniej, prawdziwszych odznak. Powstrzymaj się od oznaczania wszystkiego. Limit na kontekst istnieje nie bez powodu: dwie lub trzy trafne odznaki czyta się jasno, sześciu już nie.
• Dostrój progi do swojego sklepu. „Niski stan” znaczy co innego dla rękodzielnika sprzedającego dziesięć sztuk niż dla magazynu sprzedającego tysiące. Ustaw poziom niskiego stanu i liczbę sprzedaży bestsellera na wartości, które naprawdę coś dla Ciebie znaczą.
• Dopasuj okno nowości do rytmu katalogu. Sklep dodający produkty co tydzień chce krótszego okna nowości niż taki, który odświeża asortyment co sezon, by odznaka Nowość wskazywała na to, co naprawdę się zmieniło.
• Pisz etykiety swoim głosem. Dowolny tekst etykiety jest po to, by odznaki brzmiały jak Twój sklep, a nie jak ogólna wtyczka. Trzymaj je krótkie; odznakę czyta się w jednym spojrzeniu.
• Pamiętaj o domyślnej etykiecie promocji. Jeśli włączasz odznakę Promocja od Marks, włącz opcję ukrywającą wbudowaną etykietę promocji WooCommerce, by nie pokazywać dwóch konkurujących znaczników na tym samym zdjęciu.

Marks a domyślne WooCommerce

Rdzeń WooCommerce pokazuje tylko jedną etykietę „Promocja” na przecenionych produktach i nic więcej. Oto różnica dla samych odznak produktów:

Funkcja	Domyślne WooCommerce	Marks
Typy odznak	Tylko Promocja	Promocja, Nowość, Niski stan, Bestseller, Procent rabatu, Darmowa wysyłka, Wyprzedane
Automatyczne odznaki na regułach	Tylko Promocja	Tak, siedem reguł z konfigurowalnymi progami
Dowolny tekst etykiety	Nie	Tak, dla każdej odznaki
Odznaka ręczna	Nie	Tak, jedna na produkt
Sterowanie miejscem wyświetlania	Nie	Karta pojedyncza, listy albo oba
Sterowanie wyglądem	Nie	Kształt, wielkie litery, limit na kontekst
Shortcode	Nie	[marks_badges]
Renderowanie	Zależne od motywu	Wyłącznie CSS, bez JavaScriptu
Stabilność układu	nie dotyczy	Bez przeskoków układu
Harmonogram, reguły warunkowe, odznaki obrazkowe, A/B	Nie	Tak (PRO)
Koszt	Za darmo (rdzeń)	Za darmo (GPL); PRO dodaje kampanie, warunki, odznaki obrazkowe i A/B

Darmowa edycja a PRO

Darmowa wtyczka Marks to kompletne narzędzie do odznak, a nie zapowiedź: siedem odznak automatycznych z dowolnymi etykietami i progami, odznaka ręczna, sterowanie miejscem wyświetlania i wyglądem, shortcode oraz renderowanie wyłącznie w CSS są w komplecie. Marks Pro to płatny dodatek, który wymaga zainstalowanej i aktywnej darmowej wtyczki, a rozbudowuje ją z myślą o sklepach napędzanych promocjami i o dużym wolumenie:

• Odznaki zaplanowane i kierowane. Dedykowana strona administracyjna, na której definiujesz odznaki kampanijne z etykietą, własnymi kolorami, opcjonalnym oknem dat startu i końca oraz kierowaniem na konkretny produkt, kategorię lub tag. Każda odznaka renderuje się automatycznie tylko w obrębie swojego okna harmonogramu i przy pasujących celach.
• Warunkowe reguły wyświetlania. Ogólnosklepowe reguły, które renderują ostylowaną odznakę, gdy produkt spełnia warunek, na przykład należy do kategorii, ma cenę powyżej lub poniżej progu albo stan na poziomie lub poniżej określonej ilości.
• Odznaki obrazkowe. Adres URL obrazkowej odznaki per produkt do certyfikatu lub logo marki, renderowany na stałej wysokości z zachowanymi proporcjami, tak by nie przesuwał układu.
• Zestawy etykiet do testów A/B. Konkurujące etykiety odznak rotowane między odwiedzającymi, z trwałymi plikami cookie i licznikami wyświetleń per wariant, byś mógł sprawdzić, które słownictwo naprawdę wygrywa.

Jeśli Twoje odznaki to statyczne fakty o produktach, darmowa wtyczka Ci wystarczy. Jeśli prowadzisz kampanie z terminami lub chcesz testować etykiety, to właśnie tu PRO zasługuje na swoje miejsce.

W skrócie

Odznaki produktów to mały dodatek o dużej dźwigni: sprawiają, że właściwe produkty się wyróżniają, i dają klientom powód do kliknięcia. Preferuj odznaki automatyczne, oparte na regułach, by pozostały trafne wraz ze zmianami cen, stanu magazynowego i wieku produktu, trzymaj ich niewiele i prawdziwe, by zachowały swoje znaczenie, oraz renderuj je wyłącznie w CSS, by listy pozostały szybkie i stabilne. Darmowa wtyczka Marks daje Ci siedem odznak automatycznych, odznakę ręczną, dowolne etykiety, progi oraz sterowanie miejscem wyświetlania i wyglądem, w całości w CSS, bez JavaScriptu i bez przeskoków układu; Marks Pro dodaje zaplanowane kampanie, reguły warunkowe, odznaki obrazkowe i zestawy etykiet do testów A/B, gdy będziesz gotów prowadzić promocje i sprawdzać, co działa.