Електронна комерція замінила офлайн магазини у більшості товарних ніш. І приємно усвідомлювати, що величезна кількість WordPress тем для електронної комерції надає перелік різних параметрів ціноутворення для товарів та послуг.
Спочатку прайс-таблиці були популярними серед хостингових компаній, яким потрібно було відобразити велику кількість функцій для різних тарифних планів. Завдяки такому представленню тарифних планів відвідувачі розуміли, що вони придбають і за яку ціну. Зараз вони використовуються для інших сайтів і ресурсів: SAAS, WordPress плагіни, програмне забезпечення, курси, тренінги, семінари та багато інших освітніх послуг.
Дивіться також:
9 найкращих плагінів WordPress для представлення таблиць.
Проблема використання тільки функціоналу теми полягає в тому, що якщо ви змінюєте на своєму сайті тему, то прайс-таблиці зникають, і їх доводиться створювати наново. Якщо ж вони формуються на підставі плагіна, то все набагато простіше – ви створюєте таблиці один раз, і вони залишаються та відображаються у наступних темах.
Плагін Easy Pricing Tables
Одним із таких нових плагінів є Легкі Столи Ціни, доступний Codecanyon за $20. З його допомогою створюються порівняльні прайс-таблиці з цінами та описом продуктів у 10-ти кольорових шаблонах на вибір.
В огляді розглянемо встановлення та налаштування цього плагіна, що дозволить створювати привабливі прайс-таблиці для товарів та послуг, що надаються вами.
Як створити прайс-таблицю
Після завантаження та активації плагіна ви побачите новий розділ меню "Easy Price Table". Перейшовши за посиланням, ви виявите першу створену таблицю. Спробуйте трохи з нею поекспериментувати, щоб побачити, як працює плагін, а потім створюйте свою вже з нуля.
Вгорі є список, що випадає з 10-ти шаблонів, 10-ти колірних схем і 5-ти hover-параметрів на вибір.
Внизу ви побачите демо-версію прайс-таблиці, де відобразяться зміни, які ви вибрали вище.
Вгорі кожної колонки та вздовж кожного ряду знаходяться іконки, що дозволяють редагувати, копіювати, видаляти чи переміщувати елементи. Якщо ви оберете режим редагування, то з'явиться вікно, де можна встановити ширину, мінімальну ширину, стандартний hover-статус або додати ярлик з наявних – «безкоштовно», «нове», «розпродаж».
Натиснувши на окрему комірку в таблиці, ви зможете ввести текст, ціну, колір, інше:
Для створення нової колонки натисніть на велику кнопку + справа, і нова порожня колонка з'явиться з незаповненими осередками:
Коли нова колонка вже створена, натисніть порожню колонку, після чого з'явиться накладка. З її допомогою можна вибрати тип елемента контенту, який має відображатись у цій колонці.
У списку параметрів для відображення контенту включено:
- шапка,
- текст,
- ціна,
- кнопка,
- іконки,
- зображення,
- відео,
- HTML.
Продовжуйте заповнювати кожну комірку таблиці у форматі вибраного вами контенту.
Розміщення прайс-таблиці
Після того, як ваша перша прайс-таблиця готова, натисніть "Зберегти". Тоді на екрані з'явиться сторінка, яка містить усі ваші прайс-таблиці із кодом для кожної з них. Що може бути легшим, ніж скопіювати ці коди та розмістити у себе на сайті? Саме таким чином ви розмістите прайс-таблиці на потрібних сторінках.
Нижче наведено зображення демо-сайту з різними стилями, які є наочним прикладом того, що можна зробити за допомогою плагіна Легкі Столи Ціни.
Функції плагіна
Нижче наведено повний список функцій, доступних у плагіні:
- 10 тем.
- 10 квітів.
- 8 елементів контенту.
- 5 hover-ефектів.
- 120+ ярликів.
- 100 іконок.
- Попередній перегляд у реальному часі.
- Простота у використанні.
- Адаптивність.
- Конструктор сторінок Visual Compose.
- Каскадні таблиці стилів (Css3).
- Шорти.
- Наявність відео.
- Необмежену кількість таблиць.
- Сортування за Columns & Rows.
- Налаштування ширини та висоти Columns & Rows.
- Адмін-панель прайсової таблиці.
- Стандартні Active Columns.
- Документація.
- Підтримка.
До того ж, він допоможе вам підняти конверсію сайту завдяки візуальному оформленню таблиць, а саме можливість додавати зображення, іконки і навіть відеоматеріали. Тим більше, що дизайн плагіна є адаптивним та дозволяє використовувати різні hover-ефекти.
Якщо ви шукаєте плагін для створення прайс-таблиць за доступною ціною, то цей плагін безумовно вартий вашої уваги.
Коментарі до запису: 10
У прикладах скрізь показано вертикальну таблицю, коли заголовки знаходяться в шапці таблиці. А чи вміє цей плагін заголовки розміщувати зліва? Скажімо роблячи список послуг яких може бути кілька десятків вертикальний спосіб не дуже підходить.
ось так поступово цей сайт перетворюється на банальний штовхач платних тем та плагінів. все нудніше і нудніше. ніякої тобі халяви. ніяких рекомендацій як вижити в морі платного :)
сумую за вільними проектами
Докладно розписано процес, автор молодець.
А можливо, зробити блоки з переліком товарів «клікабельними», тобто повз натискання на кнопку в блоці, при натисканні на сам блок можна було перейти за посиланням
У налаштуваннях самого плагіна це не передбачено, але це можна зробити самостійно, якщо покопатися в коді плагіна.
А чи є безкоштовні аналоги? Буде добре, якщо зробите добірку.
https://hostenko.com/wpcafe/tutorials/kak-dobavit-spisok-tsen-v-wordpress-s-pomoshhyu-besplatnogo-plagina-pricing-table/
Привіт усім!
Хочу поділитися з вами з найкращим плагіном прайс-таблиць!
Я використовую його вже довгий час для свого веб-сайту і дуже задоволена ним!
Спробуйте і ви: https://wordpress.org/plugins/pricing-table-builder/
Арино, привіт. А чи не підкажіть як у цьому плагіні в полі url замість посилання вставити шорткод модального вікна? Не виходить.
Всім здоров'я!
Запитання до знавців.
Сайт на платформі woocommerce, в магазині є категорії товарів від шт до упаковки.
Питання: Як зробити так, щоб ця таблиця в карті товару пропонувала, наприклад, купити упаковку 100 руб, купити ящик 10,000р, купити вагон 500,000. Проблема в тому, як зробити або знайти посилання, яке вставляється в Button url і при натисканні давала команду покласти в кошик товар у кількості обраному покупцем. Сподіваюся суть питання буде зрозуміла )