Jak stworzyć tabelę cen w WordPressie 3 proste kroki

Tabele cenowe są bardzo ważne, gdy sprzedajesz produkt lub usługę w swojej witrynie. Pomagają ogromnie w wywieraniu wpływu na decyzję użytkownika.

Aby utworzyć tabelę cen w WordPress, możesz użyć niestandardowego kodu lub wtyczki WordPress. Istnieje wiele wtyczek WordPress, których możesz użyć do tworzenia tabel cenowych w swojej witrynie.

Ale wiele z nich jest trudnych w użyciu i wymaga bardzo długiego procesu, aby nawet stworzyć prosty stół. Czy nie byłoby wspaniale stworzyć tabelę cenową w kilka minut?

W tym artykule porozmawiamy o tym, jak utworzyć tabelę cen w WordPressie w zaledwie 3 prostych krokach.

Jak stworzyć tabelę cen w WordPress

Aby utworzyć tabelę cen, użyjemy wtyczki WP Table Builder, ponieważ ma ona bardzo prosty i bezpośredni proces tworzenia tabel.

Stworzymy tabelę cen, która wygląda dokładnie tak:

Zacznijmy.

Krok 1: Zainstaluj i aktywuj wtyczkę „WP Table Builder”

Aby zainstalować i aktywować wtyczkę WP Table Builder w swojej witrynie, przejdź do Wtyczki> Dodaj nowy na pulpicie WordPress.

Wyszukaj „WP Table Builder” i kliknij przycisk Zainstaluj teraz .

Po zainstalowaniu wtyczki kliknij przycisk Aktywuj teraz , a wtyczka będzie gotowa do użycia.

Krok 2. Utwórz tabelę cen

Po aktywacji wtyczki zostaniesz przekierowany na stronę powitalną wtyczki, na której możesz zacząć.

Kliknij przycisk Utwórz swój pierwszy stół , aby rozpocząć proces tworzenia stołu.

Po kliknięciu tego przycisku wylądujesz w interfejsie WP Table Builder, w którym możesz utworzyć swój stół.

Zobaczysz panel paska bocznego z elementami, które możesz przeciągnąć i upuścić na swój stół.

Aby utworzyć tabelę cen, użyjemy gotowego szablonu oferowanego przez wtyczkę WP Table Builder. Należy tutaj zauważyć, że gotowe szablony są dostępne tylko w wersji pro wtyczki.

Wybierzmy tabelę cenową 1 jako nasz szablon tabeli cenowej.

Po wybraniu szablonu będziesz mógł wybrać liczbę kolumn i wierszy, które chcesz dodać do swojej tabeli. Jest to całkiem zgrabne i sprawia, że ​​cały proces jest bardzo płynny i szybki.

Po wybraniu liczby kolumn i wierszy kliknij przycisk Generuj , aby utworzyć tabelę.

Po wygenerowaniu tabeli cen pozostaje tylko kwestia dodania informacji i dostosowania jej stylu.

Możesz wybierać i dostosowywać różne elementy oraz dodawać nowe elementy do tabeli z panelu paska bocznego.

Aby stworzyć naszą pożądaną tabelę cenową, najpierw dodajmy wszystkie niezbędne informacje do tabeli. Zaczniemy od przeniesienia ceny i przycisku Kup teraz nad elementami listy.

Usuniemy również z tabeli wstążkę Popularny tekst. Oto jak teraz wygląda tabela:

Teraz nadszedł czas, aby dodać więcej informacji o każdym planie.

Jak widać, tabela zaczyna wyglądać jak nasz pożądany wynik. Dodajmy listę funkcji do naszej tabeli.

Aby to dodać, przejdź do Elements i wstaw element Ikona tekstu do swojej tabeli.

Aby zmienić ikonę, wybierz element i przejdź do zakładki Ikona . Tutaj będziesz mógł zmienić ikonę z listy podanych ikon.

Po dodaniu listy funkcji nasz cennik jest już prawie gotowy.

Czas dostosować stół. Zacznijmy od dodania odstępów między elementami. Dodamy trochę odstępów między ceną a nazwami planów.

Wybierz element tekstowy Cena i przewiń w dół do ustawień odstępów w panelu paska bocznego.

W sekcji Padding dodaj dopełnienie 20px na górze. Podobnie dodaj dopełnienie do innych elementów, aby uzyskać odpowiednie odstępy.

Kolejnym krokiem w stylizacji naszego stołu jest dostosowanie przycisków. Wybierz element przycisku i zmień rozmiar przycisku na Duży.

Włącz także przełącznik pełnej szerokości przycisku i zmień promień obramowania na 0. Po wprowadzeniu tych zmian wraz ze zmianą koloru przycisku, nasza tabela wygląda bardzo podobnie do naszej pożądanej tabeli.

Ostatnim krokiem w naszej stylizacji tabel jest zmiana tła każdej kolumny tabeli cenowej.

Kliknij przycisk Zarządzaj komórkami u góry tabeli i kliknij pierwszą kolumnę. Będziesz mógł zobaczyć ustawienia na pasku bocznym dla tej konkretnej kolumny.

W tych ustawieniach zmień kolor tła komórki .

Po zmianie koloru tła komórki każdej kolumny Twoja tabela powinna wyglądać tak:

Udało nam się stworzyć piękną i wysoce konwertującą tabelę cenową za pomocą WP Table Builder.

Przejdźmy do następnego kroku, czyli umieszczenia stołu na swojej stronie.

Krok 3. Ustaw swój stół

Umieszczenie tabeli cenowej za pomocą WP Table Builder jest bardzo proste. Wtyczka oferuje dwa sposoby na zrobienie tego.

Korzystanie z kodu skróconego

Po utworzeniu tabeli kliknij przycisk Osadź , a zobaczysz wyskakujące okienko z krótkim kodem.

Możesz wstawić ten krótki kod w dowolnym miejscu swojej witryny, aby osadzić tabelę.

Korzystanie z bloku Gutenberga

Innym sposobem umieszczenia stołu jest użycie bloku Gutenberga, który jest dostarczany z WP Table Builder.

W edytorze postów/stron kliknij ikonę bloku wstawiania i wyszukaj „WP Table Builder ”.

Wstaw ten blok i wybierz tabelę, którą chcesz wstawić.

Po wstawieniu tabeli możesz wyświetlić podgląd swojego posta i strony, aby zobaczyć, jak wygląda Twoja tabela.

Wniosek

I to wszystko! To jeden z najłatwiejszych i najszybszych sposobów tworzenia tabeli cen w WordPressie. Wtyczka WP Table Builder jest bardzo intuicyjna, co sprawia, że ​​cały proces jest bardzo prosty i łatwy.

Za pomocą tej wtyczki możesz tworzyć wszelkiego rodzaju tabele cenowe. Gotowe szablony dostarczane z tą wtyczką znacznie ułatwiają pracę.

Jeśli szukasz najlepszej wtyczki do tworzenia tabel dla WordPress, nie ma nic innego, co łączy prostotę i świetnie wyglądające tabele, tak jak robi to WP Table Builder.

Ujawnienie: Ten post zawiera linki partnerskie. Oznacza to, że możemy pobrać niewielką prowizję, jeśli dokonasz zakupu.