Как сделать прайс-лист на сайте – плагин для WordPress

Прайс-лист – это перечень товаров или услуг с их ценами, возможно, с характеристиками. Этот элемент является неотъемлемой частью любого сайта, который предлагает посетителям что-то приобрести, в том числе и интернет-магазина. В этой статье мы расскажем вам, как сделать прайс-лист на сайте под управлением WordPress.

Решать задачу мы будем с помощью отличного бесплатного плагина, и сразу скажем, какие именно прайс-листы он может создавать. Многим, пожалуй, представляется, что прайс – это большая таблица, где мелким шрифтом написаны товары с ценами. Плагин, о котором пойдёт речь, позволяет сделать прайс-лист дизайнерского типа: немного позиций (только самые выгодные или покупаемые) и красивое, привлекательное оформление. Подобное вы могли видеть, например, на страницах хостинг-провайдеров, где описывают разные тарифные планы.

Итак, как сделать прайс-лист на сайте. Короткая инструкция.

Как сделать прай-лист плагином Pricing Table by Supsystic

Pricing Table by Supsystic – это плагин, который позволяет сделать прайс-лист, который будет выглядеть привлекательно и состоять из нескольких (3-7 шт.) позиций с описаниями. Чтобы начать работать, скачайте, установите и активируйте данный плагин. В консоли у вас образуется новый пункт «Pricing Table by Supsystic». Чтобы сделать новый прайс-лист, необходимо выбрать подпункт «Add new table». Здесь всё будет очень легко и интересно.

Перед тем, как создать прайс-лист, необходимо вписать в строку «Table Name» название для новой ценовой таблицы. А потом внизу вам надо будет выбрать какой-то дизайн. Всего есть четыре разнообразных оформления, которые, кроме того, что сами собой могут подойти к разнообразным шаблонам сайта, но ещё и могут быть кастомизированны почти по все признакам.

Когда название вписано и дизайн выбран, переходим к следующему этапу, и тут у вас будет возможность сделать прайс-лист, то есть заполнить его собственными данными: названиями товаров/услуг, ценами и описаниями. Из основных инструментов для кастомизации имеются следующие:

Column. Добавление новой графы. По умолчанию в каждом дизайне 3-5 графы для товаров, но можно добавить необходимые или удалить лишние. И хоть добавить можно сколько угодно граф, слишком много будет смотреться плохо.

Rows. Операции со строками. Можно добавлять или удалять строки, и вписывать в них какую-то информацию, например характеристики или цены.

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

Когда вам удалось сделать прайс-лист, вы можете сохранить все изменения и вывести созданный элемент на сайте с помощью шорткода в записях или странице или с помощью PHP кода в файлах шаблона. Все эти данные предоставляются на странице редактирования. А как устанавливать коды в WordPress, мы рассказывали в этой статье.