7 innowacyjnych zastosowań wtyczki tabeli WooCommerce

Opublikowany: 2020-07-07

Wraz z rozwojem społeczności internetowej rośnie również atrakcyjność zakupów online. W dzisiejszych czasach, takich jak ta, nie możemy pominąć WooCommerce. Prawie każdy odnoszący sukcesy sklep z produktami online używa wtyczki tabeli do tworzenia tabeli produktów WooCommerce.

Domyślna wtyczka WooCommerce ma ustalony układ dla Twojej cyfrowej witryny sklepowej. W takim przypadku produkty pojawią się w formacie siatki bez wyświetlania większości szczegółów produktu. Na przykład określony blok produktu będzie miał tylko nazwę, zdjęcie, cenę i przycisk Dodaj do koszyka. Z drugiej strony wtyczka tabeli z wbudowanym WooCommerce prezentuje tyle danych, ile chcesz.

Jeśli więc chcesz wyróżnić się na rynku cyfrowym dzięki swojej witrynie WooCommerce, wypróbuj wtyczkę do tabeli. Jeśli chcesz skorzystać z naszej sugestii, polecimy Ci stoły Ninja!

Oto tematy, które zamierzamy omówić:

  • Dlaczego warto korzystać z wtyczki tabeli dla produktów
  • Unikalne zastosowania tabel Ninja dla WooCommerce
  • Niektóre kluczowe cechy stołów Ninja
  • Krótkie podsumowanie
  • Ostatnie słowa

Wszystkie te punkty, które będziemy omawiać, zostaną zbudowane wokół zgrabnego wyjaśnienia sklepu WooCommerce.

A więc zacznijmy!

Dlaczego warto używać wtyczki tabeli do tabel produktów WooCommerce?

Wtyczka tabeli ma kilka podstawowych i pomysłowych funkcji, które pomagają sklepowi internetowemu na wiele sposobów. Co najważniejsze, pokazuje produkty w sposób przyjazny dla klienta.

Integracja WooCommerce i Ninja Tables Pro oferuje dynamiczny i elastyczny układ tabeli, aby wyświetlić każdy potrzebny szczegół. Na przykład możesz dodać kolumny pokazujące ilość produktu, krótki opis, kod, cenę sprzedaży itp.

dlaczego warto korzystać z tabeli produktów WooCommerce

Ta wtyczka do tabeli WordPress ma ogromny zestaw funkcji i funkcji. Ale nie wszystkie wtyczki oferują taką integrację. Wersja Pro wyprzedza wszystkie wtyczki dzięki tej funkcji! W tym artykule skupimy się na podkreśleniu niektórych innowacyjnych funkcji , które mogą pomóc w rozwoju Twojej firmy z produktami Woo.

Przede wszystkim zainstaluj i aktywuj wtyczkę Ninja Tables Pro i WooCommerce na swoim pulpicie WordPress. Reszta pracy nie jest skomplikowana.

Jeśli jednak potrzebujesz dalszej pomocy, zapoznaj się z dokumentacją lub samouczkami wideo.

Unikalne zastosowania wtyczki tabeli produktów Ninja Tables WooCommerce

Zamiast przedstawiać listę wszystkich funkcji dostępnych w Ninja Tables, staraliśmy się wyróżnić tylko niektóre z najbardziej innowacyjnych aplikacji tej wtyczki. Wyjaśnimy zastosowania w poniższej tabeli na obrazku.

korzystanie z tabeli produktów za darmo online

Najwyraźniej górny pasek ma kilka zakładek, które są podobne do zwykłych tabel Ninja. Ale zobaczysz trzy bardziej wyraźne listy rozwijane w zakładce „Wiersze tabeli”, które dotyczą tylko tabeli produktów Woo.

  • Możesz zmienić ustawienia wyglądu, odznaczając pozycję koszyka i przycisk kasy.
  • Ustawienia zapytania służą do edycji kategorii produktu, typu i innych.
  • Trzecie menu rozwijane umożliwia „ Dodaj nową kolumnę ”.

Korzystanie z tej wtyczki tabeli dla Twojego sklepu internetowego ułatwia klientom przewijanie Twoich produktów, co z kolei ułatwia dokonanie sprzedaży.

Oto kilka kultowych funkcji. Więc siedź spokojnie do jazdy!

  • Projektowanie stołu
  • Style
  • Formatowanie warunkowe
  • niestandardowe CSS
  • Przekształć wartość
  • Filtr niestandardowy
  • Integracja formularza
  • Ustawienia renderowania

Projektowanie stołu

Można by pomyśleć, że projektowanie opcji dostosowywania funkcji tabeli zawiera prawie wszystkie wtyczki do tabel. Więc co jest w tym takiego nowego? Cóż, Ninja Tables Pro oferuje ogromną paletę kolorów i nieograniczoną możliwość dostosowywania kolorów, co nie jest tak powszechne.

Ta część jest w pełni konfigurowalna w wersji Pro i ma wiele opcji kolorowania, sortowania, paginacji, responsywności itp.

Oto jak wygląda menu "Kolory tabeli".

projektowanie online tabeli produktów lite

Wybierając „ Schemat niestandardowy ”, możesz zmieniać i zmieniać kolory nieparzystych i parzystych wierszy. Kiedy otworzysz pola kolorów, będzie można wybierać spośród nieskończonych kolorów. Wybierz dowolny i kliknij "Aktualizuj ustawienia", aby zapisać zmiany.

dostosowywanie kolorów tabeli produktów online

Podobnie możesz kliknąć „Wyczyść”, jeśli chcesz, aby wiersz pozostał biały. W przypadku tej tabeli produktów Woo wybraliśmy z selektora odcienie fioletu. Przyciski „Wyświetl koszyk” i „Do kasy” są wbudowane.

Oto jak wygląda kolorowy stół.

dostosować tabele produktów do sklepu internetowego

Dostępne są również „ Predefiniowane schematy ” z 13 kolorami zarówno w modelach darmowych, jak i Pro. Wypróbuj je, jeśli chcesz. Zapoznaj się z naszym dokumentem „Dostosowywanie kolorów stołu”, aby lepiej zrozumieć.

Przyjazna dla użytkownika tabela produktów WooCommerce

Style

Ninja Tables Freemium ma trzy style stołów. To od użytkownika zależy, czy jako styl tabeli chce wybrać Semantic UI, Bootstrap 3 czy 4.

najlepsza wtyczka tabeli produktów dla sklepu internetowego

W tym miejscu możesz „Włączyć odwiedzającemu filtrowanie lub przeszukiwanie tabeli”, po prostu włączając / wyłączając. W tym samym czasie możesz ustawić urządzenie docelowe dla swojego stołu z „ Konfiguracja stołu do układania w stos ”.

Jeśli zaznaczysz wszystkie pola, tabelę będzie można przewijać na dowolnym ekranie urządzenia. Aby dowiedzieć się więcej, zapoznaj się z naszym artykułem „Jak tworzyć tabele do układania w stos w WordPress”.

Dostępna jest również zakładka „Inne” z:

  • Pozycje stronicowania na stronie
  • Pozycja paginacji
  • Pozycja paska wyszukiwania
  • Wybierz metodę sortowania
  • Szczegóły wiersza
  • Przełącz pozycję
  • Dodatkowa klasa CSS
  • Przyklejony nagłówek

Stół WooCommerce, który jest jednocześnie kolorowy i przyjazny dla użytkownika? To z pewnością zwiększy Twoją sprzedaż! Więcej informacji znajdziesz w naszej dokumentacji dotyczącej projektowania tabel.

Formatowanie warunkowe

Z wielu powodów Ninja Tables wyróżnia się na polu WordPress, a integracja z WooCommerce jest jednym z nich. Ale co by było, gdybyś mógł również korzystać ze wszystkich dynamicznych funkcji wtyczki tabeli dla swojej tabeli produktów Woo?

Warunkowe formatowanie kolumn jest rzeczywiście jedną z tych funkcji.

formatowanie warunkowe w tabelach online

Ta opcja pozwala dostosować wygląd tabeli w zależności od wartości komórki. Możesz także ustawić warunki na karcie Wiersze tabeli, najeżdżając kursorem na kolumnę. Dodaj warunki, takie jak Równe, Nie równe, Zawiera, Nie zawiera.

Ponadto dla opcji Komórka, Wiersz i Kolumna pojawia się wiele kolorów lub klas CSS.

Podobnie, dodawanie z „Dodaj warunek” lub usuwanie go z przycisku odejmowania i „Aktualizuj” jest proste jak bułka z masłem!

niestandardowe CSS

W niestandardowej części CSS możesz zmienić rozmiar i kolor czcionki nagłówka, czcionkę i kolor treści kolumny. W przypadku naszej tabeli produktów dostosowaliśmy, jak pokazano na poniższym obrazku.

Ninja Tables niestandardowy CSS łatwy

Widziałeś już stół WooCommerce w naszym temacie dotyczącym projektowania stołów. W ten sposób edytowaliśmy czcionki kolumn i nagłówków. To prosty kod . Nie musisz być ekspertem, aby z niego korzystać!

Dzięki tej funkcji możesz również zmienić domyślny przycisk „Dodaj do koszyka” WooCommerce.

Ponadto na karcie Konfiguracja tabeli znajdują się „Ustawienia zaawansowane”, w których można ustawić pozycję, zawartość HTML w nagłówku tabeli, szerokość kolumny, niestandardowe klasy CSS i kolor.

Niestandardowy CSS może w zasadzie zmienić wszystko w tabeli. Możesz stylizować nagłówek, wiersze i kolumny tabeli. Możesz też dodać filtr dopasowania ścisłego, wstawić obraz tła tabeli, kontrolować odstępy itp.

Stół eCommerce wykonany za pomocą Ninja Tables

Ta internetowa kwiaciarnia pokazuje w tle piękny obraz bukietu kwiatów. Widzisz, jak upiększa Twoją tabelę produktów?

Przekształć wartość

Napisz kod HTML (<a href=…………..) i umieść skrótowy kod referencyjny dla określonej kolumny, aby przekształcić typ danych.

Dostosowywanie typu danych w tabelach online

Ta funkcja pomaga, gdy stół ma numer telefonu lub adres e-mail, a chcesz, aby link do nich od razu zadzwonił/wysłał e-maila. Więcej szczegółów znajdziesz w dokumentacji lub na blogu poświęconym transformacji wartości.

Filtr niestandardowy

Ustawienia wyszukiwania/filtrowania można zmienić w panelu konfiguracyjnym.

Wybierz tytuł filtra, etykietę, interfejs użytkownika i typ wartości, symbol zastępczy i kolumny, które chcesz filtrować.

jak używać niestandardowego filtra w tabelach produktów

Integrowanie formularzy w tabelach

Podobnie jak Ninja Tables tworzy tabelę z wpisami formularza, integruje się również z formularzem w tabeli. Będąc dwoma topowymi produktami WPManageNinja, Ninja Tables i Fluent Forms integrują się ze sobą.

Załóżmy, że chcesz wyświetlić puste formularze informacji o pracownikach w tabeli danych, w której pracownicy mogą samodzielnie wypełniać formularze. Najpierw utwórz formularze w WPFF i opublikuj formularz na stronie WordPress.

Teraz utwórz tabelę w Tabele Ninja z kolumną „Prześlij formularz” i wstaw link do opublikowanej strony w polu Przekształć wartość z kodem HTML.

wypełnić formularze w tabeli danych

Pracownicy mogą teraz kliknąć formularz bezpośrednio przy stole i wprowadzić swoje dane osobowe.

Ustawienia renderowania

Metody renderowania tabeli obejmują:

  • Tabela Ajax, która pomaga załadować sporą ilość danych i nie ma opcji scalania komórek.
  • Zaawansowana (starsza) tabela to miejsce, w którym można łączyć komórki, renderować skróty itp.

Istnieje znacznie więcej innowacyjnych zastosowań tabel Ninja. Na przykład,

  • Importuj-eksportuj format CSV i JSON.
  • Obraz lightbox.
  • Podłącz zewnętrzny plik CSV.
  • Niestandardowe zapytanie SQL itp.

Jeśli utworzysz tabelę produktów za pomocą tej wtyczki tabeli, możesz ją skonfigurować i dostosować w dowolnym momencie. Sprawdźmy kilka innych funkcji Ninja Tables Pro.

Niektóre kluczowe cechy stołów Ninja

Funkcje tabeli produktów WooCommerce w tabelach Ninja

Tabela produktów WooCommerce to jedno z najlepszych zastosowań tabel Ninja. Ale są też inne funkcje. Większość z nich już omówiliśmy. Ale lista się nie kończy! Oto kilka innych.

  • Dodaj multimedia, aby Twoje tabele były bardziej żywe i interaktywne.
  • Połącz Arkusze Google, aby wyświetlać dane w formie tabelarycznej.
  • Integracja WP Posts i Fluent Forms pokazuje zorganizowane posty i wpisy formularzy.
  • Automatyczna integracja Ninja Charts.
  • Przeciągnij i upuść, aby zmienić kolejność.
  • Animacja najechania wiersza podświetla określony wiersz.
  • Ręczne sortowanie i łatwa konfiguracja.
  • Połącz wiele małych komórek i stwórz dużą.
  • Nieograniczone kolumny i dane.
  • Przyjazny dla SEO i wiele innych.

Krótkie podsumowanie

Jako zwycięzca na każdej liście wtyczek z najlepszymi 5 tabelami, Ninja Tables jest na szczycie! Głównie ze względu na integrację z WooCommerce. Rozwój Twojego sklepu internetowego wymaga eksponowania wszystkich produktów Woo na stylizowanym i dostosowanym do Twoich potrzeb stole. Tak więc w tym przypadku Ninja Tables nie powstrzymuje się w żadnym aspekcie!

Nasze wyróżnienia dotyczyły kilku innowacyjnych zastosowań. Jednak sam skorzystaj z wtyczki, aby dowiedzieć się więcej.

Ostatnie słowa

Podsumowując, nie będziemy niczego naciskać. Jeśli jesteś użytkownikiem, to już wiesz, jak fantastycznie Ninja Tables sprawdza się jako wtyczka do stołu WooCommerce! Samo projektowanie tabel, styl i formatowanie warunkowe odróżniają go od zwykłych wtyczek.

Co więcej, możesz łatwo zarządzać, organizować, wyświetlać i afiszować się ze swoją tabelą produktów Woo.

Jeśli nadal masz wątpliwości, przeczytaj nasz artykuł „Sprzedaj więcej produktów za pomocą legendarnej wtyczki tabeli produktów WooCommerce”. Daj nam znać o swoim doświadczeniu w sekcji komentarzy.