Jak stworzyć suwak produktu WooCommerce – kompletny przewodnik [2020]

Opublikowany: 2019-12-12

Aby zwiększyć sprzedaż, musisz utworzyć suwak produktu WooCommerce na swojej stronie internetowej, ale nie wiesz, jak go utworzyć. W rezultacie jesteś w napięciu i szukasz przewodnika, jak krok po kroku stworzyć kompletny suwak produktu WooCommerce.

Jeśli tak myślisz, nie martw się, ten samouczek może zaspokoić Twoje potrzeby. W tym artykule wyjaśniłem krok po kroku pełne wytyczne, aby każdy mógł łatwo stworzyć suwak produktu bez znajomości kodowania.

Jednak ta procedura pomoże Ci w najprostszy sposób stworzyć niesamowity suwak produktu. Zacznijmy więc teraz, aby uzyskać lepszy suwak produktu.

Krótkie zarysy artykułów

Cały artykuł podzieliłem na kilka części. Możesz zrobić przegląd z następującej listy-

  • Kroki wstępne
  • Wybór najlepszej wtyczki
  • Instalacja i aktywacja wtyczki WooCommerce Product Slider
  • Stwórz swój pierwszy suwak produktu
  • Dostosowanie suwaka produktu
  • Publikowanie suwaka produktu
  • Jak uzyskać nieograniczone opcje dostosowywania?

Kroki wstępne

Ponieważ omawiamy suwak produktu WooCommerce, więc zanim przejdziemy do szczegółów, po prostu sprawdź, czy wtyczka WooCommerce jest zainstalowana i aktywowana w Twoim motywie WordPress.

To proste zabezpieczenie. Mamy nadzieję, że wtyczka WooCommerce jest zainstalowana i aktywowana w Twoim motywie WordPress.

Wybór najlepszej wtyczki

Mam nadzieję, że zawsze Ci się spodoba i spróbujesz znaleźć najprostszy sposób na stworzenie suwaka produktu WooCommerce na swojej stronie internetowej. Najlepszym i najłatwiejszym sposobem jest znalezienie lepszej wtyczki, która pozwoli Ci stworzyć niesamowity suwak produktu.

Dostępnych jest wiele wtyczek, ale wszystkie nie są dobrze zakodowane i zaktualizowane. Tak więc trudno jest znaleźć najlepszą dla siebie. Ale nie martw się, zrobiłem tę część i znalazłem jedną z najlepszych wtyczek WooCommerce Product Slider. Jest superszybki, fajny i poręczny.

Suwak produktu dla WooCommerce to najlepiej wybrana wtyczka jako open-source, która pozwala stworzyć niesamowity i przyciągający wzrok suwak produktu dla Twojej witryny e-commerce.

Instalacja i aktywacja suwaka produktu WooCommerce

Ponieważ znaleźliśmy naszą oczekiwaną i najlepszą wtyczkę, teraz musimy ją zainstalować i aktywować.

Chcesz dowiedzieć się więcej o procesie instalacji? Możesz zapoznać się z tą dokumentacją , jak zainstalować Product Slider dla WooCommerce w WordPress .

Wreszcie, mam nadzieję, że pomyślnie zainstalowałeś i aktywowałeś suwak produktu WooCommerce na swoim pulpicie WordPress.

Stwórz swój pierwszy suwak produktu WooCommerce

Wreszcie jesteś całkowicie gotowy do stworzenia swojego pierwszego suwaka produktu WooCommerce. To bardzo proste i szybkie. Można to zrobić w ciągu kilku minut. Wyjaśnię wszystkie kroki jeden po drugim. Więc wystarczy postępować zgodnie z moimi instrukcjami. Zróbmy to teraz.

Krok 1: Wygeneruj krótki kod suwaka produktu

Najpierw musisz utworzyć nowy suwak produktu. Gdy tylko utworzysz nowy suwak produktu, krótki kod zostanie wygenerowany automatycznie. Wykonaj następujące kroki, aby utworzyć nowy suwak produktu.

  1. Kliknij menu Wszystkie suwaki .
  2. Kliknij przycisk Dodaj nowy suwak .

Krok 2: Ustawienia suwaka produktu

Po kliknięciu przycisku Dodaj nowy suwak zobaczysz wszystkie opcje ustawień dla jednego suwaka produktu. Nadszedł więc czas, aby dostosować suwak produktu do swoich potrzeb. Teraz po prostu postępuj zgodnie z moimi instrukcjami, jeden po drugim.

  1. Wpisz tytuł skrótu używany jako tytuł sekcji dla suwaka produktu lub siatki (opcjonalnie).
  2. Dostosuj dowolne pola ustawień zgodnie ze swoimi potrzebami.
  3. Na koniec kliknij przycisk Opublikuj po prawej stronie.

Kiedy opublikujesz suwak produktu, zobaczysz, że w górnym obszarze znajduje się krótki kod. Teraz wystarczy wykonać ostatni krok, aby wyświetlić suwak produktu.

Krok 3: Wyświetl suwak produktu

Wreszcie jesteś całkowicie gotowy do wyświetlenia suwaka produktu. Po prostu skopiuj krótki kod i wklej go w żądanej pozycji, takiej jak post, strona lub gdziekolwiek chcesz.

Uzyskaj nieograniczone opcje dostosowywania

Mam nadzieję, że już zauważyłeś, że wtyczka WooCommerce Product Slider ma pewne ograniczenia w przypadku personalizacji. Wiele funkcji nie jest dostępnych w tej wersji freemium tej wtyczki.

Możesz poczuć potrzebę większej liczby funkcji i nieograniczonych opcji dostosowywania suwaka produktu. Nie martw się, wtyczka WooCommerce Product Slider oferuje również wersję premium, która może wyeliminować te ograniczenia, a otrzymasz nieograniczone opcje dostosowywania.

Jego wersja Premium zawiera następujące interesujące i niesamowite funkcje:

Układ suwaka i siatki: Możesz wyświetlać swoje produkty w 2 różnych unikalnych układach, takich jak Slider i Grid.

Ponad 30 wstępnie zaprojektowanych motywów: Ponad 30 profesjonalnie zaprojektowanych motywów zapewnia większą elastyczność.

Zaawansowana typografia: uwzględniono ponad 840 czcionek Google z różnymi opcjami.

Filtrowanie produktów w suwaku i siatce: możesz filtrować listę produktów na podstawie dowolnej funkcji, takiej jak Polecane, Kategorie, Tagi, Określone produkty, Wyprzedaż!, Najnowsze lub najnowsze, Najlepiej sprzedające się lub popularne, Upsells, Cross-sells, Produkty powiązane , Najwyżej oceniane, Najczęściej oglądane, Ostatnio oglądane, Darmowe produkty, Według identyfikatora produktu lub SKU, Produkty z atrybutu, Wyklucz kategorie i tagi itp.

Filtrowanie produktów według typów: Możesz także filtrować produkty według różnych typów produktów, takich jak produkt prosty, produkt pogrupowany, produkt zewnętrzny/powiązany, produkt zmienny.

Suwak kategorii i podkategorii: Możesz łatwo wyświetlić suwak kategorii i podkategorii lub siatkę w dowolnym miejscu.

Ekskluzywne opcje ukrywania i pokazywania: po prostu pokaż ukryte produkty w prosty sposób. Ponadto możesz ukryć Produkty niedostępne i bezpłatne.

Suwak zduplikowanych produktów: Ta funkcja zmniejszy Twój czas i energię. Teraz możesz łatwo zduplikować lub sklonować dowolny suwak produktu.

WPML Ready: Obsługiwanych jest wiele języków. Możesz łatwo obsługiwać dowolny język.

Nazwa produktu Ograniczenie słów: Opcje ograniczenia słów pomagają ograniczyć słowa w nazwie lub tytule produktu

Suwak produktu z wieloma wierszami: W układzie suwaka można wyświetlić suwak produktu z wieloma wierszami.

Obsługa wielu witryn: Obsługiwana jest również funkcja obsługi wielu witryn.

Paginacja Ajax dla siatki produktów: Uwzględniono różne typy paginacji Ajax. Są to: paginacja liczb Ajax, przycisk Załaduj więcej (ajax), Załaduj więcej lub nieskończony podczas przewijania (ajax), Bez ajax (normalna paginacja).

Opcje sterowania suwakiem: Dostępne są różne opcje suwaków, takie jak włączanie/wyłączanie autoodtwarzania, sterowanie szybkością slajdów, margines niestandardowy dla każdego produktu, zatrzymanie po najechaniu kursorem i wiele innych opcji.

Product Image Flip i Lightbox: Dostępna jest również opcja Product Image Flip. W rezultacie możesz ustawić zachowanie odwracania dla obrazów produktów.

Niezliczone kolory i opcje stylizacji: W tej wersji pro dostępne są nieograniczone kolory i stylizacje. Możesz robić, co sobie wyobrażasz.

Responsywność: Zapewnia w pełni responsywne slidery produktów, które są kompatybilne z dowolnymi nowoczesnymi urządzeniami.

Super szybki i przyjazny dla SEO: jest superszybki, lekki, przyjazny dla SEO i zoptymalizowany pod kątem poprawy rankingu witryny.

Dożywotnie bezpłatne wsparcie i aktualizacja: Szybka i przyjazna dedykowana pomoc techniczna dla każdego zapytania. Poza tym dostępne są również obszerne dokumenty online i samouczki.

Na koniec chcę tylko powiedzieć, że wymieniłem kilka kluczowych funkcji, ale w rzeczywistości wersja pro zawiera ogromną liczbę funkcji. Możesz nazwać to kompletną wtyczką główną do tworzenia suwaka produktu WooCommerce.

Więc złam ograniczenia i uzyskaj wszystkie funkcje suwaka produktu WooCommerce, po prostu sprawdź WooCommerce Product Slider Pro .

Pobierz teraz Wersja demonstracyjna na żywo