Jak tworzyć przyciągające uwagę tabele cen

Nie bez powodu tak wiele witryn korzysta z tabel cenowych. Umożliwiają prezentację wielu ważnych informacji obok siebie, a przy tym mogą wyglądać bardzo stylowo. Jednak tworzenie, stylizowanie i dodawanie tabeli cen do witryny może być o wiele trudniejsze, niż można by się spodziewać.

Właśnie tam na ratunek przychodzi Uncode. Dzięki naszemu uniwersalnemu motywowi WordPress możesz łatwo projektować stylowe tabele cen i dodawać je do dowolnych stron lub postów, korzystając z intuicyjnego kreatora wizualnego. Wystarczy nauczyć się kilku prostych kroków, a w mgnieniu oka stworzysz niesamowite tabele cenowe.

W tym artykule porozmawiamy nieco więcej o tabelach cen, dlaczego są tak skuteczne i kiedy ma sens ich używanie. Następnie pokażemy, jak stworzyć własną tabelę cenową za pomocą Uncode. Chodźmy do pracy!

Wprowadzenie do tabel cenowych (i dlaczego są przydatne)

Gdy zaczniesz ich szukać, przekonasz się, że tabele cenowe są wszędzie. Na przykład, jeśli sprawdzisz witrynę dowolnego dostawcy usług hostingowych, założymy się, że znajdziesz co najmniej jedną tabelę zawierającą plany lub poziomy tej firmy:

Ogólna struktura tabel cenowych jest dość prosta. Zobaczysz wiele kolumn – każda skupiająca się na jednym planie, produkcie lub innej opcji – podzielonych na sekcje z dalszymi szczegółami. W powyższym przykładzie możesz zobaczyć nazwy każdego planu wraz z jego kluczowymi funkcjami i cenami.

Dzięki tabeli cen możesz na pierwszy rzut oka porównać dostępne opcje i przedstawić odwiedzającym podsumowanie tego, czego mogą oczekiwać od każdego z nich. Co więcej, korzystanie z tabel cenowych pozwala również zwrócić uwagę na plany lub produkty, które mają wybrać odwiedzający.

Jeśli ponownie obejrzysz powyższy zrzut ekranu, zauważysz, że istnieje plan wyróżniony naklejką z najlepszą wartością . W większości przypadków jest to plan najbardziej opłacalny dla Ciebie i przydatny dla Twoich klientów.

Chociaż struktura tabel cenowych jest zawsze podobna, ich styl może się bardzo różnić. Oto fajny przykład ze strony Uncode, która wykorzystuje bardzo minimalistyczne podejście:

Możesz także całkowicie wyeliminować obramowania i wybrać bardziej płynny styl:

Zauważ, że nawet w tym przypadku informacje są podzielone na segmenty i możesz szybko znaleźć to, czego szukasz. To tylko pokazuje, że możesz użyć dowolnego stylu dla swoich tabel cenowych, o ile informacje są dobrze zorganizowane.

Ogólnie rzecz biorąc, tabele cenowe doskonale pasują do witryn serwisowych i członkowskich. Oznacza to, że są one prawie niezbędne w przypadku witryn oferujących wiele poziomów planów. Możesz również skorzystać z tabel cenowych, aby porównać poszczególne produkty. Wreszcie, jeśli masz portfolio online i oferujesz usługi o stałej cenie, możesz również skorzystać z tabel cenowych.

Jak tworzyć przyciągające uwagę tabele cenowe za pomocą funkcji Uncode (w zaledwie 2 krokach)

Tworzenie tabeli cen za pomocą Uncode jest dość proste. Prawdziwa praca polega na dostosowaniu jej stylu. W kolejnych sekcjach omówimy oba etapy tego procesu.

Krok 1: Dodaj moduł tabeli cen do swojej strony lub postu

Na potrzeby tego samouczka założymy, że masz już skonfigurowaną i aktywowaną funkcję Uncode w swojej witrynie. Następnie pierwszą rzeczą, którą musisz zrobić, to otworzyć edytor dla dowolnej strony lub posta, w którym chcesz umieścić tabelę, i upewnij się, że jesteś w wizualnym konstruktorze Uncode:

Kliknij ikonę plusa dla sekcji, której chcesz użyć, a zostanie wyświetlona lista opcji modułu. Znajdź tabelę o nazwie Tabela cen i wybierz ją:

Pamiętaj tylko, że musisz dodać nowy moduł tabeli cen dla każdej kolumny, którą chcesz uwzględnić. Na przykład tworzymy tabelę cen z trzema opcjami, więc umieściliśmy trzy moduły obok siebie. Tak teraz wygląda nasza strona:

Zapewnia to strukturę tabeli cen, ale to nie wystarczy. Następnym krokiem będzie dodanie informacji, które chcesz uwzględnić w każdej kolumnie. Aby to zrobić, wybierz jeden z modułów, które właśnie umieściłeś i wybierz ikonę Edytuj , aby wprowadzić pewne zmiany.

Pojawi się teraz nowe okno, w którym możesz wpisać tekst dla tej kolumny tabeli cenowej:

Będzie tutaj jakiś domyślny tekst, który możesz zastąpić dowolnym, który chcesz. Oczywiście możesz również podać cenę dla tego konkretnego planu lub opcji.

Po zapisaniu zmian powtórz ten proces dla każdej kolumny, którą chcesz uwzględnić w tabeli. Zanim skończysz, Twoja tabela cen powinna wyglądać mniej więcej tak:

Na tym etapie możesz nazwać to dniem i opublikować nową tabelę cen. Jednak funkcja Uncode zapewnia wiele opcji dostosowywania, których można użyć, aby uczynić tabele bardziej atrakcyjnymi wizualnie, co omówimy w dalszej części.

Krok 2: Dostosuj styl swojej tabeli cen

Aby dostosować tabelę cen, musisz jeszcze raz otworzyć okno edycji dla każdego z jej elementów. W poprzednim kroku użyłeś wynikowego menu do zmiany tekstu i cen w każdej kolumnie. Jeśli jednak przewiniesz dalej w oknie ustawień, zauważysz, że masz również kilka opcji stylistycznych:

Dwa najważniejsze ustawienia, które można tutaj dostosować, to Kolor bloku i Najpopularniejsze . Pierwsza pozwala wybrać kolory akcentów dla treści w każdej kolumnie, jak w poniższym przykładzie:

Masz mnóstwo opcji kolorystycznych do zabawy. Przetestuj je wszystkie, aż znajdziesz kombinację, która Ci się spodoba. Jeśli chodzi o ustawienie Najpopularniejsze , możesz użyć tej opcji, aby poszczególna kolumna w tabeli była bardziej widoczna, na przykład:

Jest to przydatne, ponieważ w wielu przypadkach masz jeden plan, który chcesz, aby ludzie wybierali inne. Zaznaczając go, zapewnisz, że wzrok odwiedzających zostanie przyciągnięty do tej kolumny. Pamiętaj jednak, że nadal będziesz musiał przekonać ich, że plan jest wart ich pieniędzy, co zależy od treści w tej kolumnie.

W praktyce możesz ukończyć cały proces w ciągu kilku minut, jeśli masz już całą zawartość, którą chcesz umieścić w swoim stole. Potem wystarczy dokonać kilku prostych zmian stylistycznych, a Twój stół będzie gotowy do publikacji. Oczywiście możesz nadal bawić się w wizualnym konstruktorze Uncode do woli, dostosowując wygląd i układ tabeli cen, aż będzie w sam raz.

Wniosek

Istnieje wiele sytuacji, w których korzystanie z tabel cenowych może zmienić zasady gry. Na przykład witryny usługowe mogą odnieść korzyści z prezentowania wszystkich swoich planów i opcji obok siebie. W ten sposób potencjalni klienci będą mogli szybko uzyskać potrzebne im informacje.

Jeśli chodzi o tworzenie tabel cenowych, Uncode ułatwia życie dzięki dedykowanemu elementowi tabeli cenowej. Ułatwia to dodanie tabeli cen w dowolnym miejscu w witrynie. Następnie możesz go dowolnie dostosować, aby się wyróżniał.

Masz pytania dotyczące projektowania efektywnych tabel cenowych? Porozmawiajmy o nich w sekcji komentarzy poniżej!