На сегодняшний день существует огромное количество WordPress тем для электронной коммерции, в которых можно создать перечень различных параметров ценообразования для предоставляемых вами товаров и услуг.

Сперва прайс-таблицы стали популярными среди хостинг компаний, которым нужно было отобразить большое количество функций для разных тарифных планов и разрешить посетителям видеть, что они приобретут и за какую цену. Сейчас же они используются для других сайтов и ресурсов: SAAS, WordPress плагины, программное обеспечение, прочее.

Смотрите также:

Проблема состоит в том, что если вы меняете тему на своем сайте, то прайс-таблицы исчезают, и их приходится создавать заново. Если же они входят в используемый вами плагин, то все намного проще — вы создаете таблицы один раз, и они остаются в последующих темах.

Плагин Easy Pricing Tables

Одним из таких новых плагинов является Easy Pricing Tables, доступный на Codecanyon за $18. С его помощью создаются сравнительные прайс- таблицы с ценами и описанием продуктов в 10-ти цветовых шаблонах на выбор.

В сегодняшнем обзоре мы рассмотрим установку и настройку этого плагина, что позволит вам создать несколько привлекательных прайс-таблиц для предоставляемых вами товаров и услуг.

Как создать прайс-таблицу

После загрузки и активации плагина вы увидите новый раздел меню «Easy Price Table», в котором вы сможете приступить к созданию прайс-таблицы. Перейдя по ссылке, вы обнаружите первую созданную таблицу. Попробуйте немного с ней поэкспериментировать, чтоб увидеть, как работает плагин, а затем создавайте свою уже с нуля.

Вверху есть выпадающий список из 10-ти шаблонов, 10-ти цветовых схем и 5-ти hover-параметров на выбор.

Внизу вы увидите демо-версию прайс-таблицы, в которой будут отображаться изменения, которые вы выбрали выше.

Вверху каждой колонки и вдоль каждого ряда находятся иконки, позволяющие редактировать, копировать, удалять или перемещать элементы. Если вы выберите режим редактирования, то появится окно, где вы сможете установить ширину, минимальную ширину, стандартный hover-статус, или же добавить ярлык из имеющихся – «бесплатно», «новое», «распродажа».

Нажав на отдельную ячейку в таблице, вы сможете ввести текст, цену, цвет, прочее:

Для создания новой колонки нажмите на большую кнопку «+» справа, и новая пустая колонка появится с незаполненными ячейками:

Когда новая колонка уже создана, нажмите на пустую колонку, после чего появится накладка. С ее помощью можно выбрать тип элемента контента, который должен отображаться в этой колонке.

В списке параметров для отображения контента включены:

  • Шапка
  • Текст
  • Цена
  • Кнопка
  • Иконки
  • Изображения
  • Видео
  • HTML

Продолжайте заполнять каждую ячейку таблицы в формате выбранного вами контента.

Размещение прайс-таблицы

После того, как ваша первая прайс-таблица уже готова, нажмите на «Сохранить». Тогда на экране появится страница, содержащая все ваши прайс-таблицы с кодом для каждой из них. Что может быть легче, чем скопировать эти коды и разместить у себя на сайте? Именно таким образом вы и разместите прайс-таблицы на нужных страницах.

Ниже приведено изображение демо-сайта с различными стилями, которые служат наглядным примером того, что можно сделать с помощью плагина Easy Pricing Tables.

Функции плагина

Ниже указан полный список функций, доступных в плагине:

  • 10 тем
  • 10 цветов
  • 8 элементов контента
  • 5 hover-эффектов
  • 120+ ярлыков
  • 100 иконок
  • Предварительный просмотр в реальном времени
  • Простота в использовании
  • Адаптивность
  • Конструктор страниц Visual Compose
  • Каскадные таблицы стилей (Css3)
  • Шорткоды
  • Наличие видео
  • Неограниченное количество таблиц
  • Сортировка Columns & Rows
  • Настройка ширины и высоты Columns & Rows
  • Админ-панель прайсовой таблицы
  • Стандартные Active Columns
  • Документация
  • Поддержка

Заключение

Easy Pricing Tables — очень многогранный плагин. С его помощью вы создадите любую по структуре прайс-таблицу. Интерфейс плагина полностью интуитивно понятный, и вам не нужно использовать HTML или CSS.

К тому же, он сможет помочь вам поднять конверсию сайта благодаря визуальному оформлению таблиц, а именно возможности добавлять изображения, иконки и даже видеоматериалы. Тем более, что дизайн плагина является адаптивным и позволяет использовать различные hover-эффекты.

К слову, если вы ищете плагин для создания прайс-таблиц по доступной цене, то этот плагин определенно стоит вашего внимания.

Источник: wplift.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

10 комментариев

сначала новые
по рейтингу сначала новые по хронологии

Всем здравия!
Вопрос к знатокам.
Сайт на платформе woocommerce, в магазине присутствует категории товаров от шт до упаковки.
Вопрос: Как сделать так чтобы, эта таблица в карте товара предлагала, к примеру, купить упаковку 100 руб, купить ящик 10,000р, купить вагон 500,000. Проблема в том, как сделать или найти ссылку которая вставляется в Button url и при нажатии давала команду положить в корзину товар в количестве выбранном покупателем. Надеюсь суть вопроса будет понятна )

Привет всем!
Xочу поделиться с вами с лучшим плагином прайс-таблиц!
Я использую его уже долгое время для своего веб сайта и очень довольна им!
Попробуйте и вы:https://wordpress.org/plugins/pricing-table-builder/

Рустам

Арина, здравствуйте. А не подскажите как в этом плагине в поле url вместо ссылки вставить шорткод модального окна? Не получается.

Андрей

А есть бесплатные аналоги? Будет хорошо, если сделаете подборку.

Виталий

А возможно, сделать блоки с перечнем товаров "кликабельными", то есть по мимо нажатия на кнопку в блоке, при нажатии на сам блок можно было перейти по ссылке

В настройках самого плагина это не предусмотрено, но это можно сделать самостоятельно, если покопаться в коде плагина.

Подробно расписан процесс, автор молодец.

вот так постепенно этот сайт превращается в банальный толкатель платных тем и плагинов. всё скучнее и скучнее. никакой тебе халявы. никаких рекомендаций как выжить в море платного :)
скучаю по свободным проектам

Михаил Лисецкий

В примерах везде показана вертикальная таблица, когда заголовки находятся в шапке таблицы. А умеет данный плагин заголовки размещать слева? Скажем делая список услуг которых может быть пару десятков вертикальный способ не очень подходит.