Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać krótki opis produktu w WooCommerce

Chcesz dodać krótki opis produktu w WooCommerce?

Wciągający i pomocny krótki opis produktu może sprawić, że kupujący będą chcieli dowiedzieć się więcej o twoich produktach i pomóc w uzyskaniu większej sprzedaży. Może również poprawić komfort korzystania z Twojej witryny internetowej.

W tym artykule pokażemy, jak łatwo dodać krótki opis produktu do twojego sklepu WooCommerce.

How to add a short product description in WooCommerce

Dlaczego warto dodać krótki opis produktu w WooCommerce?

Podobnie jak w przypadku zajawki wpisu, krótkie opisy produktów mogą sprawić, że kupujący będą chcieli dowiedzieć się więcej o produkcie.

Większość motywów WooCommerce WordPress wyświetla opis bezpośrednio pod ceną na poszczególnych stronach produktów.

A short production description created using WooCommerce

Ponieważ jest to jedna z pierwszych rzeczy, które zobaczą kupujący, opis ten jest idealny do dzielenia się ważnymi szczegółami produktu, takimi jak jego rozmiar lub materiał, z którego jest wykonany.

Może to pomóc kupującym szybko zdecydować, czy chcą dowiedzieć się więcej o produkcie, przewijając do jego pełnego opisu, czy też sprawdzając galerię obrazków produktu. Innymi słowy, angażujący opis może działać jako zachęta do sprzedaży na pozostałej części strony produktu.

Mając to na uwadze, zobaczmy, jak dodać krótki opis produktu w WooCommerce.

Jak dodać krótki opis produktu w WooCommerce?

Aby utworzyć krótki opis, przejdź do Produkty ” Wszystkie produkty w twoim kokpicie WordPress.

Następnie znajdź produkt, do którego chcesz dodać krótki opis i kliknij jego odnośnik „Edytuj”.

Adding a short product description using WooCommerce

Gdy to zrobisz, przewiń do pola „Krótki opis produktu”.

Możesz teraz wpisać rodzaj opisu w polu tekstowym.

Typing out a WooCommerce short product description

Gdy jesteś zadowolony z informacji, które wpiszesz, po prostu zaktualizuj lub opublikuj stronę produktu w normalny sposób.

Teraz, jeśli przejdziesz na stronę produktu na twoim rynku online, zobaczysz krótki opis u góry ekranu.

Większość motywów wyświetla ten opis bezpośrednio pod ceną produktu i przyciskiem „Dodaj do koszyka”. Możesz zobaczyć coś innego w zależności od twojego motywu WordPress, ale zwykle pojawia się on w górnej części strony.

Jak wyświetlać krótkie opisy produktów na twojej głównej stronie sklepu?

Domyślnie większość motywów WooCommerce wyświetla krótki opis tylko na stronach poszczególnych produktów.

Zazwyczaj nie wyświetlają one opisu na stronach kategorii produktów lub na głównej stronie sklepu, jak widać na poniższym obrazku.

An online store created using WooCommerce

Czasami jednak warto pokazać te informacje na głównej stronie sklepu i kategorii. Może to pomóc klientom dostrzec produkty, o których chcą dowiedzieć się więcej, przechodząc na pełną stronę produktu.

Aby wyświetlać krótki opis na stronie głównej sklepu i stronach kategorii produktów, musisz dodać kod do swojej witryny internetowej.

Najlepszym sposobem na dodanie własnego kodu w WordPress jest użycie WPCode. Jest to najlepsza wtyczka do fragmentów kodu, która umożliwia dodawanie własnych CSS, PHP i innych elementów do twojego sklepu internetowego.

Najpierw należy zainstalować i włączać darmową wtyczkę WPCode. Więcej informacji na ten temat można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu wtyczki, przejdź do Code Snippets ” Add Snippet.

How to add a WooCommerce code snippet using WPCode

Tutaj zobaczysz wszystkie gotowe fragmenty kodu, które możesz dodać do swojej witryny. Obejmuje to fragment kodu, który pozwala całkowicie wyłączyć komentarze, przesyłać rodzaje plików, których WordPress zwykle nie pomaga technicznie, wyłączyć strony załączników i wiele więcej.

Na następnym ekranie musisz najechać kursorem myszy na opcję „Add Your Custom Code (New Snippet)” i kliknąć przycisk „Use Snippet”, gdy się pojawi.

Adding a custom WooCommerce snippet to your online store using WPCode

W tym miejscu wpisz tytuł fragmentu kodu. To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek chcesz.

Następnie otwórz listę rozwijaną „Rodzaj kodu” i wybierz „Fragment kodu PHP”.

Adding a PHP snippet to your eCommerce store

Po wykonaniu tej czynności wystarczy wkleić poniższy tekst do edytora kodu:

add_action( 'woocommerce_after_shop_loop_item', 'woo_show_excerpt_shop_page', 5 );
function woo_show_excerpt_shop_page() {
	global $product;

	echo $product->post->post_excerpt;
}

Następnie kliknij suwak „Nieaktywne”, aby wyświetlić „Aktywne”.

Następnie wystarczy kliknąć przycisk „Zapisz fragment kodu” lub „Aktualizuj”, aby fragment kodu stał się aktywny.

Adding the short product description to your WooCommerce product using WPCode

Teraz na stronach głównego sklepu i kategorii produktów będą wyświetlane krótkie opisy twoich produktów.

Większość motywów WooCommerce wyświetla te informacje między ceną produktu a przyciskiem „Dodaj do koszyka”. Można to zobaczyć na poniższym obrazku.

Short production descriptions on the storage homepage

Pamiętaj tylko, że zbyt duża liczba słów na stronach Twojego sklepu i kategorii produktów może sprawić, że witryna będzie wyglądać na zagraconą i zagmatwaną.

Jeśli nie podoba ci się wygląd konkretnego krótkiego opisu produktu, zawsze możesz go zmienić, wykonując ten sam proces opisany powyżej.

Jak wyświetlać krótkie opisy we własnym motywie WooCommerce (zaawansowane)?

Jeśli nie jesteś zadowolony z wyglądu opisu na stronie produktu, możesz użyć wtyczki do tworzenia stron, aby utworzyć własny motyw WordPress dla twojego sklepu internetowego.

SeedProd to najlepszy kreator stron docelowych i kreator motywów dla WordPressa, który pozwala zbudować twój własny motyw WooCommerce bez konieczności pisania ani jednej linii kodu. W ten sposób możesz dokładnie kontrolować, gdzie pojawia się krótki opis produktu na twoich stronach produktów.

Darmowa wersja SeedProd jest dostępna na WordPress.org, ale my będziemy korzystać z wersji Pro wtyczki, ponieważ jest ona dostarczana z kreatorem motywów i gotowymi blokami WooCommerce. Bloki te zawierają blok „Krótki opis”.

W tej sekcji pokażemy ci, jak stworzyć całkowicie własny układ pojedynczego produktu dla twojego sklepu WooCommerce.

Będziesz musiał powtórzyć ten proces i stworzyć unikatowy układ dla każdej strony twojego sklepu internetowego. Na przykład, użyjesz SeedProd do stworzenia projektu strony głównej twojego sklepu i strony archiwum.

Daje to pełną kontrolę nad całym układem twojego sklepu. To sprawia, że jest to potężna i elastyczna opcja dla każdego, kto chce zaprojektować całkowicie własny sklep WooCommerce.

Po zainstalowaniu wtyczki WordPress i jej włączaniu, SeedProd poprosi o twój klucz licencyjny.

SeedProd license key

Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd oraz w e-mailu z potwierdzeniem zakupu, który otrzymałeś przy zakupie SeedProd.

Po wpisaniu twojego rodzaju klucza, przejdź do SeedProd ” Theme Builder. Tutaj kliknij przycisk „Utwórz nowy szablon motywu”.

The SeedProd theme builder

W wyskakującym okienku, które się pojawi, wpisz nazwę twojego projektu strony produktu w polu „Nazwa”, otwórz listę rozwijaną „Typ” i kliknij „Pojedynczy produkt”.

Gdy to zrobisz, kliknij przycisk „Zapisz”.

Creating a single product template with SeedProd

Zobaczysz teraz kreator stron SeedProd typu „przeciągnij i upuść”. Po prawej stronie zobaczysz podgląd na żywo strony produktu, która na początku jest pusta.

Po lewej stronie znajduje się menu pokazujące wszystkie różne bloki i sekcje, które można dodać do własnej strony produktu WooCommerce.

A custom WooCommerce product page created with SeedProd

SeedProd zawiera wiele gotowych bloków, w tym kilka specjalnych bloków WooCommerce. Na przykład, możesz użyć bloku „Produkty powiązane”, aby wyświetlić najpopularniejsze produkty w WooCommerce.

Możesz zbudować całkowicie własną stronę produktu w ciągu kilku minut, korzystając z tych gotowych bloków WooCommerce.

Ponieważ używamy pustego szablonu, musisz samodzielnie dodać wszystkie elementy strony produktu WooCommerce. Obejmuje to elementy takie jak „Obrazek wyróżniający produkt” i „Tytuł produktu”, a także „Krótki opis”.

Możesz również użyć bloków SeedProd, takich jak przekładki, kolumny i dzielniki, aby nadać twojej stronie WooCommerce ładną strukturę i uporządkowany układ.

Aby rozpocząć, znajdź tagi szablonu WooCommerce w menu po lewej stronie i wybierz blok do dodania. Następnie wystarczy przeciągnąć blok na układ strony.

SeedProd's WooCommerce template tags

Aby wprowadzić zmiany w bloku, wystarczy kliknąć, aby wybrać go w podglądzie SeedProd. Menu po lewej stronie pokaże wszystkie ustawienia, których można użyć, aby dostosować ten blok.

Na przykład, jeśli klikniesz blok „Tytuł produktu”, będziesz mógł zmienić wielkość litery, wyrównanie tekstu i nie tylko.

Adding a product title tag to your custom WooCommerce product page

Aby dodać krótki opis do twojego projektu, po prostu znajdź blok „Krótki opis” w menu po lewej stronie.

Następnie przeciągnij i upuść ten blok na twój projekt.

Adding a custom short product description with SeedProd

Podczas tworzenia strony produktu możesz przenosić bloki wokół twojego układu, przeciągając je i upuszczając. Ułatwia to stworzenie strony produktu WooCommerce z całkowicie własnym układem w SeedProd.

Gdy będziesz zadowolony z wyglądu twojej strony produktu WooCommerce, możesz kliknąć przycisk „Zapisz” w prawym górnym rogu.

Na koniec kliknij przycisk „Opublikuj”, aby zapisać twoje zmiany.

Publishing a WooCommerce single product template

Stworzyłeś już całkowicie własną stronę produktu dla twojego sklepu internetowego.

Możesz teraz utworzyć szablon dla wszystkich różnych stron WooCommerce, wykonując ten sam proces opisany powyżej. Jeśli nie masz pewności, jaki szablon utworzyć w następnej kolejności, po prostu kliknij przycisk Dodaj nowy szablon motywu.

Creating a new SeedProd theme

Następnie kliknij menu rozwijane „Rodzaj”.

Zobaczysz teraz listę różnych szablonów, które musisz utworzyć, takich jak nagłówek, stopka i pojedynczy wpis.

Creating a custom WooCommerce theme

Po edycji wszystkich stron WooCommerce, możesz uruchomić swój własny motyw.

Wystarczy przejść do sekcji SeedProd ” Kreator motywów, a następnie kliknąć na pokaz slajdów „Włącz SeedProd”, aby zmienić kolor z „nie” (szary) na „tak” (zielony).

Enabling your custom WooCommerce theme

Bonus: Dostosuj więcej stron WooCommerce do własnych potrzeb

Gdy będziesz zadowolony z wyglądu stron produktów, możesz chcieć przeprojektować inne rdzenne strony sklepu WooCommerce. Może to poprawić komfort zakupów, co może zmniejszyć liczbę porzuconych koszyków i zwiększyć sprzedaż.

Badania pokazują, że prawie 7 na 10 klientów porzuca swój koszyk i nigdy do niego nie wraca. Mając to na uwadze, twoja strona koszyka powinna robić wszystko, co możliwe, aby zabezpieczyć sprzedaż, ale domyślna strona koszyka WooCommerce nie jest zoptymalizowana pod kątem sprzedaży.

Aby uzyskać instrukcje krok po kroku dotyczące tworzenia strony koszyka o wysokiej konwersji przy użyciu SeedProd, zapoznaj się z naszym przewodnikiem na temat tworzenia własnej strony koszyka WooCommerce.

Następnie możesz zoptymalizować ostatnią część procesu płatności, tworząc własną stronę płatności WooCommerce, która zawiera odnośniki do mediów społecznościowych, opinie klientów, unikatowy branding i wiele więcej.

An example of an optimized checkout page

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać krótki opis produktu w WooCommerce. Możesz również zapoznać się z naszym przewodnikiem dla początkujących na temat najlepszych wtyczek WooCommerce dla twojego sklepu i najlepszego oprogramowania do czatu na żywo dla twojej witryny internetowej WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

2 komentarzeZostaw odpowiedź

  1. michael

    Why is my short description showing up under buy button, when using functions code?
    I want it to show up above the buy button.

    • WPBeginner Support

      That would be due to how your theme is styled, you would either need to edit your theme’s code or for a simpler method use the second method from this guide :)

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.