Czy chcesz dodać siatkę cen? Elementor ?

Jeśli używasz swojego Witryna internetowa aby sprzedawać swoje usługi lub produkty, ważne jest, aby wyświetlić oferowane plany cenowe. Elementor, najpopularniejsza wtyczka do tworzenia stron WordPress, zawiera widżet Tabela cen za pomocą którego możesz bez wysiłku dodać siatkę cenową do strony lub szablonu. W tym artykule pokażemy, jak korzystać z tego widżetu.

Czytaj także: Jak stworzyć zaokrąglony obraz w Elementorze 

Sam widżet Tabela cen jest dostępny tylko na Elementor. Pro A więc żeby móc z niego korzystać trzeba używać Elementor Zawodowiec. W tym artykule bezpośrednio dodamy widżet Cennik do obszaru edycji.

Istnieją dwie opcje dodania siatki cen do strony lub szablonu Elementora. Po pierwsze, możesz użyć predefiniowanego szablonu bloku. Po drugie, możesz sam stworzyć stół. Od zera.

Dodaj siatkę cen z predefiniowanego szablonu

Elementor ma około 14 projektów bloków cenowych do wyboru. Ponownie musisz użyć Elementor Pro, aby korzystać z szablonów, ponieważ siatka cen jest dostępna tylko w Elementor Pro. Aby użyć szablonu bloku siatki cen, kliknij ikonę folderu w polu edycji, aby otworzyć bibliotekę szablonów.

W wyświetlonej bibliotece szablonów kliknij kartę Bloki i w kategoriach wybierz Cennik w rozwijanym menu, aby filtrować modele. Wybierz model, który Ci się podoba i kliknij przycisk WSTAWIĆ aby zaimportować go do edytora Elementor.

dodaj siatkę cen w Elementorze

Następnie możesz przejść do lewego panelu, aby zmienić domyślną zawartość siatek.

Dodaj siatkę cen od podstaw

Jeśli masz własną koncepcję projektu siatki cenowej, którą chcesz dodać, tworzenie tabel od podstaw jest świetnym pomysłem. Aby ułatwić sobie pracę, możesz stworzyć stół. Gdy skończysz, możesz go skopiować i dostosować zawartość zduplikowanych tabel. Zaoszczędzi Ci to dużo czasu.

Zobacz także: Jak utworzyć sekcję członka zespołu za pomocą Elementora

Zacznij od dodania nowej sekcji i wybierz strukturę kolumn zgodnie z liczbą tabel, które chcesz utworzyć i przeciągnij widżet Tabela cen do jednej z kolumn.

Przejdź do lewego panelu, aby zmienić domyślną zawartość. Możesz edytować zawartość pod zakładką Zawartość. Istnieje 5 bloków parametrów, które można otworzyć, aby to edytować: Nagłówek, Ceny, Funkcje, Stopka i Wstążka.

dodaj siatkę cen w Elementorze
  • Nagłówek

Możesz otworzyć ten blok, aby zmodyfikować zawartość nagłówka tabeli. Tytuł możesz zmienić od razu Tytuł a opis natychmiast Opis. Najlepiej użyć sekcji nagłówka tabeli, aby dodać nazwę pakietu.

  • Cennik

Możesz otworzyć ten blok, aby zmienić cenę pakietu. Możesz aktywować opcję Wyprzedaż jeśli pakiet jest w sprzedaży. Jeśli masz wiedzę na temat niestandardowych pól WordPress, możesz również dodać dynamiczną wycenę, klikając ikonę bazy danych données na polu Cena.

  • Korzyści

Możesz otworzyć ten blok, aby dodać funkcje, które chcesz zaoferować w pakiecie. Domyślnie masz trzy funkcje. Możesz otworzyć encję, aby ją edytować. Aby dodać nową funkcję, wystarczy kliknąć przycisk DODAJ ELEMENT.

Czytaj także: 7 kreatywnych sposobów korzystania z kreatora popup Elementor  

Domyślnie każda funkcja ma ikonę listy kontrolnej. Aby zmienić ikonę, po prostu kliknij ikonę. Aby go usunąć, po prostu kliknij ikonę kosza.

  • Footer

Stopka to sekcja, w której możesz dodać link i przycisk wezwania do działania. Możesz także dodać dodatkowe informacje do tej sekcji.

  • wstążka

Możesz dodać do tabeli tag sprzedaży, np. „WYPRZEDAŻ”, „SPECJALNA”, „GORĄCA OFERTA”. Jeśli chcesz dodać tag sprzedaży lub dowolny tag, możesz otworzyć blok Ruban i aktywuj opcję Pokaz. Możesz dodać swoją ulubioną etykietę w polu Tytuł i ustaw pozycję na opcji Pozycja.

Dostosowywanie siatki

Aby dostosować elementy etykiety, możesz przejść do zakładki styl w lewym panelu. Zobaczysz również pięć bloków ustawień na tej karcie.

  • Nagłówek : Możesz otworzyć ten blok, aby dostosować sekcję nagłówka tabeli. Możesz ustawić takie rzeczy, jak tło nagłówka, typografię (rodzina czcionek, rozmiar czcionki, styl czcionki) tytułu i opisu, a także kolor tekstu tytułu i opisu.
  • Cennik : Możesz otworzyć ten blok, aby dostosować sekcję cen. Możesz ustawić takie rzeczy, jak kolor tła, typografia, kolor tekstu, symbol waluty i pozycja itp.
  • Korzyści : Możesz otworzyć ten blok, aby dostosować sekcję encji. Możesz ustawić takie rzeczy jak tło, kolor tekstu, typografia, wyrównanie, włączenie / wyłączenie separatora itp.
  • Footer : Możesz otworzyć ten blok, aby dostosować sekcję stopki. Możesz zdefiniować elementy takie jak tło, rozmiar przycisku, kolor przycisku, typografia tekstu przycisku itp.
  • Faborek: Ten blok pojawi się tylko wtedy, gdy aktywujesz opcję wstążka pod zakładką Zawartość. Możesz otworzyć ten blok, aby dostosować wstążkę, na przykład kolor, kolor tekstu i typografię.

Gdy skończysz z pierwszą tabelą, możesz skopiować ją do innych kolumn, a następnie zastąpić zawartość w zależności od tego, jaką funkcjonalność chcesz zapewnić dla każdej tabeli/planu. Aby skopiować tabelę, kliknij prawym przyciskiem myszy uchwyt widżetu i wybierz Kopiować, następnie kliknij prawym przyciskiem myszy kolumnę, do której chcesz ją wkleić, i wybierz pasta.

W końcu

Elementor Pro zawiera widżet Tabela cen, który umożliwia łatwe dodawanie siatki cen do strony lub szablonu. Niektóre dodatki - takie jak Szczęśliwe dodatkiNiezbędne dodatki i Ji elementy - mieć również te same widżety z różnymi opcjami stylizacji.

Pobierz Elementor Pro teraz !!!

Wnioski

Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak dodać siatkę cen w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...