Шаблоны для прайса — лучшие варианты на основе html / css

Бесплатные шаблоны Счетов и Коммерческих предложений

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

01 A4 INVOICE v6 / 01 A4 INVOICE v6 1

Используется вами для формирования счета клиенту на основе составленного заказа.

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

Шаблон коммерческого предложения с картинками

01 A4 QUOTE w images v6

От основного шаблона отличается наличием в списке предлагаемых товаров миниатюрной картинки товара.

Шаблон коммерческого предложения с дополнительными полями

01 A4 QUOTE w images v6

От основного шаблона отличается отличается наличием в списке предлагаемых товаров миниатюрной картинки товара.

Несколько правил

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

Информативность. Прейскурант остаётся у клиента, и, в отличие от менеджера, он не может что-то дополнительно прорекламировать и рассказать.
Запоминаемость. Документ должен выделяться на фоне других. Заказчик получает сотни прайсов, содержащих информацию от разных поставщиков

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

Ещё один способ «зацепить» клиента – выполнить прайс на листе большей плотности (до 160 гр/м 2 ).
Наличие элементов фирменного стиля, например, логотипа компании. Клиент хочет видеть, с кем работает, а искать написанное мелким шрифтом название организации у него нет времени. Желательно отойти от использования шаблонных шрифтов (например, Times New Roman), выбрав более современный.
Отсутствие орфографических ошибок. Никто не желает работать с неграмотным менеджером.
Актуальность. Цены должны соответствовать действительности, поэтому рекомендуется указывать дату составления листа и срок его действия.

Информирование об уровне цен

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

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

Также, согласно закону «О защите прав потребителей» от 07.02.1992 №2300-1 (в редакции от 18.07.2019 г.), прайс-лист любой организации должен включать:

1. Полное наименование компании, которая оказывает услуги или продает товары;
2. Цену в валюте страны;
3. Перечень всех услуг, оказываемых в салоне и товаров, предлагаемых потребителю. При этом при изменении цен, в прейскурант должны своевременно вноситься правки, иначе отпуск по новой цене невозможен. Клиент вправе платить столько, сколько написано в прайсе;
4. Дату, с которой цены вступают в силу;
5. Подпись руководителя салона и печать.

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

Кстати, по закону «О защите прав потребителей», перечень цен должен располагаться в доступном месте, где с ним может ознакомиться любой желающий. Как вариант – уголок покупателя или стойка администратора.

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

Распространенные вопросы

Любые дополнительные изображения отвлекают внимание от текста. Если ты продаешь товар – резонно разместить его миниатюру рядом с ценой, если услугу – незачем отвлекать клиента от описания процедуры на разглядывание абстрактных картинок

Если хочется дополнить прейскурант изображениями или логотипом, размести их в шапке документа.

Конечно — используй специализированные сервисы, которые облегчат работу, и обязательно изучи тонкости оформления рекламных материалов – удачные цветовые сочетания, шрифты и их размер. Не забудь вычитать перечень на ошибки, перед тем, как отдавать прайс в печать. Но если позволяют средства, рекомендуем сэкономить время и обратиться к дизайнеру.

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

Что такое прайс-лист?

Словари бизнес-терминов определяют прайс-лист как список цен на товары или услуги, предлагаемые какой-либо организацией. Данный термин позаимствован из английского языка и происходит от слов «price» (цена) и «list» (список). Прайс-лист вытеснил из обихода распространенное ранее слово «прейскурант», хотя значение у обоих слов идентичное.

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

Прайс-листы используются и крупными поставщиками, и мелкими предпринимателями, ориентированными, например, на дропшиппинг. Прайс упрощает управление ассортиментом компании, увеличивает прозрачность отношений фирмы с клиентами и повышает ее доходность.

Создание современной таблицы прайсов с помощью HTML и CSS

В этом руководстве рассказывается, как создать современную таблицу цен в Photoshop. После того, как дизайн будет готов, мы реализуем его код с помощью HTML и каскадных таблиц стилей CSS.

Воссозданный шаблон прайсов с http://www.webs.com/pricing.htm.

Это адаптивная таблица цен для адаптивных тем.

Free Flat Responsive Pricing Table

Это плоская адаптивная таблица цен, созданная с помощью адаптивной таблицы CSS. Скачайте ее бесплатно и используйте в своих проектах.

Пожалуйста, оставьте свои отзывы по текущей теме материала. Мы крайне благодарны вам за ваши комментарии, дизлайки, отклики, подписки, лайки!

Зачем нужен прайс в Инстаграм

Прайс-лист в Инстаграм – это сохраненные сторис в альбомах (хайлайтс), которые всегда доступны для просмотра. В них указывают список услуг и товаров, цены на них или примерную вилку стоимости («от 500 рублей», «цена по запросу»).

Прайс-лист в сохраненном

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

Еще с помощью прайс-листа можно дополнительно воздействовать на аудиторию и спрос. Например, в альбоме «Меню» разместить только те позиции, которые нужно продать в первую очередь, или сделать альбом «Скидки» с актуальными предложениями. И это не говоря о том, что через аккуратное оформление можно придать дополнительную ценность продукту. О том как сделать красивый прайс мы подробно разберем далее, а сейчас разберемся с типами прейскурантов.

Смета на ремонт квартиры (2021 г.)

Наименование работ	Единица	Кол-во	Цена	Сумма
Черновой этап (срок выполнения работ шесть недель)
СТЕНЫ:
Заделка сантехнических штроб	пог.м.	7	180	1260
Грунтовочные работы под штукатурку	кв.м.	179,63	30	5388,9
Высококачественная штукатурка гипсовым раствором	кв.м.	179,63	450	80833,5
Монтаж подоконников	пог.м.	4,44	400	1776
Установка штукатурного уголка	пог.м.	42,82	100	4282
Устройство откосов	пог.м.	32,67	400	13068
ПОЛЫ:
Грунтовочные работы под стяжку	кв.м.	61,45	30	1843,5
Устройство высококачественной стяжки по маякам до 80 мм	кв.м.	61,45	450	27652
САНТЕХРАБОТЫ:
Скрытая разводка труб водоснабжения	комплекс	1	12000	12000
Скрытая разводка канализации	комплекс	1	7500	7500
Замена подводки полотенцесушителя с врезкой в стояк	ед.	1	3800	3800
Перенос водомерного узла	ед.	4	1400	5600
Замена радиаторов отопления (подводка металл)	ед.	3	5000	15000
РАЗНОЕ:
Разгрузочно-погрузочные работы 4 этаж без лифта	весь объем	1	9000	9000
Заказ машины под вывоз мусора	Газель	1	3000	3000
ИТОГ:	192003,9
Получистовой этап (срок выполнения работ четыре недели)
СТЕНЫ:
Монтаж короба из ГКВЛ	пог.м.	2,7	650	1755
Установка штукатурного уголка	пог.м.	14	100	1400
Грунтовочные работы под шпаклевку «Ветонит»	кв.м.	149,75	30	4492,5
Шпаклевка смесью «Ветонит» в два слоя	кв.м.	149,75	240	35940
Шпаклевка откосов смесью «Ветонит» в два слоя	пог.м.	26,07	240	6256,8
Финишная шпаклевка откосов смесью «Шитрок»	пог.м.	15,87	240	3808,8
Грунтовочные работы под облицовочные работы	кв.м.	29,88	30	896,4
Облицовка стен керамической плиткой с затиркой	кв.м.	29,88	1200	35856
Подрезка торца плитки под 45 градусов	пог.м.	5,6	500	2800
Устройство люка скрытого типа	ед.	1	1400	1400
ПОЛЫ:
Подготовка поверхности под самонивилирующие смеси	кв.м.	48	40	1920
Финишное покрытие самонивилирующими смесями	кв.м.	48	250	12000
Грунтовочные работы под облицовочные работы	кв.м.	13,45	30	403,5
Укладка (прямая) напольной плитки одного рисунка с затиркой	кв.м.	13,45	1200	16140
РАЗНОЕ:
Разгрузочно-погрузочные работы 4 этаж без лифта	весь объем	1	5000	5000
Заказ машины под вывоз мусора	Газель	1	3000	3000
ИТОГ:	133069
Чистовой этап (срок выполнения работ три недели)
СТЕНЫ:
Грунтовочные работы под поклейку обоев	кв.м.	149,75	30	4492,5
Поклейка обоев	кв.м.	149,75	240	35940
Окраска откосов за два слоя	пог.м.	15,87	160	2539,2
Монтаж имитации бруса с устройством деревянного каркаса	кв.м.	18,24	600	10944
Монтаж подоконников	пог.м.	4,54	400	1816
Покрытие поверхности дерева маслом в два слоя с ошкуриванием	кв.м.	18,24	200	3648
Облицовка откосов имитацией бруса	пог.м.	6,6	500	3300
Монтаж деревянного погонажа	пог.м.	40,6	100	4060
ПОТОЛОК:
Полотно S01 (550) с монтажом	кв.м.	55,21	460	25396.6
Пристенная вставка с учетом монтажа	пог.м.	75,8	80	6064
Монтаж стойки светильника	кол-во	9	300	2700
Монтаж стойки под люстру	кол-во	4	400	1600
Обработка углов свыше 4-х	кол-во	16	120	1920
Монтаж имитации бруса с устройством деревянного каркаса	кв.м.	4,81	800	3848
Покрытие поверхности дерева маслом в два слоя с ошкуриванием	кв.м.	4,81	240	1154,4
ПОЛЫ:
Укладка (прямая) ламината	кв.м.	48	250	12000
Монтаж ПВХ плинтуса	пог.м.	56,47	85	4799.95
Монтаж деревяного плинтуса	пог.м.	8,97	300	2691
Монтаж металических стыкоперекрывающих профилей	пог.м.	4,26	250	1065
САНТЕХРАБОТЫ:
Установка и подключение водонагревателя	ед.	1	1400	1400
Установка и подключение ванны акриловой	ед.	1	2400	2400
Установка смесителя и штанги под душевую лейку	ед.	1	1400	1400
Установка унитаза	ед.	1	1800	1800
Установка умывальника с тумбой и смесителя	ед.	1	2400	2400
Установка хромированных водозапорных кранов	ед.	8	200	1600
РАЗНОЕ:
Установка аксессуаров	ед.	8	300	2400
Комплексная уборка помещения после ремонта	кв.м.	61,45	200	12290
Разгрузочно-погрузочные работы 4 этаж без лифта	весь объем	1	3800	3800
Заказ машины под вывоз мусора	Газель	1	3000	3000
ИТОГ:	161468,6
ОБЩИЙ ИТОГ:	486542

Классификация

По форме представления различают два вида документов.

1. Бумажные – располагают в торговом зале. Такой лист с ценами покупатель может взять с собой.
2. Электронные – размещают на сайте организации или рассылают клиентам по e-mail. Если файл имеет формат приложений MS Office (doc или xls) или же предназначен для просмотра в Acrobat Reader (формат pdf), то его легко распечатать, то есть получить бумажный прайс-лист.

Также существует классификация с точки зрения содержимого.

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

Прейскурант на услуги. Данный документ не стоит оформлять в виде калькуляции на конкретный вид работ

Важно отразить в прайсе основные виды услуг, чтобы клиент в первом приближении смог оценить свои затраты. Если рассчитать затраты на услуги невозможно, достаточно привести стоимость часа работы сотрудника

Накладные и транспортные расходы, зависящие от стоимости всей работы, оцениваются в процентах.

Как сделать прайс в Excel с картинками

Есть два способа.

Прайс с постоянными картинками

Допустим, у нас есть небольшой подготовленный прайс.

В графе КАК ВЫГЛЯДИТ будем размещать картинки. На вкладке ВСТАВКА кликаем РИСУНОК. Появляется окно, предлагающее выбрать изображение с компьютера. Выбираем его. Появляется огромная картинка, которую можно уменьшить, потянув за уголок, а также переместить.

Делаем так, чтобы картинка аккуратно вписалась в нужную ячейку. Хотя, правильно будет говорить НА ячейку, потому что фактически, если кликнуть на С3, она будет пустой. Аналогично подгружаем остальные картинки. Получаем красивый прайс.

Прайс в зависимости от курса валют

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

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

На вкладке ДАННЫЕ выбираем пункт ИЗ ИНТЕРНЕТА (в других версиях Excel может быть написано ИЗ ВЕБА).

В появившемся браузере вбиваем в поисковой строке www.cbr.ru/currency_base/dynamics.aspx (сайт Центробанка России). Открывается сайт, на котором нам нужно найти ссылку КУРСЫ ВАЛЮТ, кликнуть по ней. Откроется окно, в котором надо выбрать ДИНАМИКА ОФИЦИАЛЬНОГО КУРСА ЗАДАННОЙ ВАЛЮТЫ.

Выбираем нужную валюту и интервал, за который нам нужны данные. Т.к. нам важны только актуальные данные, можно поставить, например, с 27.02.2016 по 27.02.2016. Но для наглядности захватим одну неделю. Нажимаем ПОЛУЧИТЬ ДАННЫЕ. Появляется таблица, которую нужно выгрузить и синхронизировать. Чтобы это сделать, сначала надо эту таблицу выделить при помощи значка в виде черной стрелки на желтом фоне. Находим ту стрелочку, которая выделит нам нужную таблицу (в некоторых версиях Excel выделяется сразу вся страница), а затем щелкаем на СОХРАНИТЬ ЗАПРОС (в верхнем правом углу).

Сохраняем запрос в компьютере под именем, например, CBR с расширением .IQY.

Теперь заходим в эту папку (C:UsersMyUserNameAppDataRoamingMicrosoftЗапросы) и открываем запрос при помощи блокнота

Откроется код, в котором нам важно заменить конечную дату на плавающую (динамическую). Даем ей имя поля, в котором в будущем у нас будет записываться дата

Пусть оно так и называется – ДАТА.

Сохраняем изменения. Закрываем файл. Возвращаемся к Excel. На вкладке ДАННЫЕ выбираем СУЩЕСТВУЮЩИЕ ПОДКЛЮЧЕНИЯ. В появившемся окне нажимаем НАЙТИ ДРУГИЕ и выбираем запрос, который мы назвали cbr.iqy. Перед тем, как подключиться, программа спросит, куда помещать запрос (можно выбрать любую свободную ячейку) и попросит указать значение параметра, который мы изменили в блокноте (в нашем случае это ДАТА).

В качестве ДАТЫ выбираем любую свободную ячейку, куда мы впоследствии будем вбивать нужную нам дату. Не забываем проставить галочки, чтобы значение курса евро обновлялось при каждом заходе в Excel.

Нажимаем ОК, и на листе появляется информация с сайта cbr.ru. Удаляем все лишнее, оставляя только табличку с курсами евро. А в ячейку D1, где у нас должна быть динамическая дата, вбиваем формулу.

Т.к. в формуле используется функция СЕГОДНЯ, Excel будет автоматически обновлять запрос с сайта Центробанка каждый раз при смене даты. Т.е. ежедневно в таблице будут появляться новые данные. Т.к. 28.02.2016 – это воскресенье, новых данных у Центробанка нет, поэтому конечным значением является курс евро на 27.02.2016.

Как сделать красивый прайс-лист в Инстаграме

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

1. Заходим на сайт Canva и создаем новый шаблон «Истории в Instagram».

Создаем новый дизайн для сторис

2. Загружаем подготовленные фотографии. Размещаем изображение на всю область сторис, растягиваем или центруем. Если в вашем случае растянуть фото не получится, то используйте фоновую подложку – вариант можно найти во вкладке «Фон». Лучше использовать что-то однотонное с градиентом – так зритель не будет отвлекаться на лишние детали и весь фокус пойдет на блюдо и его цену.

Добавляем фоновое изображение

3. Создаем заголовок для позиции в меню. Будем использовать белый шрифт, а чтобы он не потерялся – включим обводку-тень. Также помните про то, что вся важная информация должна быть в центре и с отступом от верхнего и нижнего края. Это нужно для того, чтобы интерфейс Инстаграма не закрывал наш креатив.

Прописываем заголовок

4. Пишем состав блюда. Кратко перечислим состав блюда. Если это пицца, то нет смысла указывать в составе тесто, лучше сконцентрироваться на отличиях от других позиций: у Гавайской это может быть ананас, курица и моцарелла. Наша задача – помочь покупателю сориентироваться, а не загрузить его подробностями. Полный состав же можно указать на сайте.

Пишем состав

5. Указываем цену. Цену нужно выделить – для этого используем однотонный круг из вкладки «Элементы». Пишем стоимость и центруем ее в круге

Обратите внимание, что вся информация сосредоточена в одном месте: зритель видит название, состав и цену рядом, ему не нужно бегать глазами по всей области экрана

Ставим цену

6. Добавляем анимацию. Чтобы сторис «ожила» и не была статичной, в Canva можно добавить несколько простых анимаций. Благодаря тому, что анимация накладывается на все элементы в сторис (фон, текст, подложки), то получается очень динамично. Такие «залипательные» элементы позволяют зрителю задержаться на просмотре чуть дольше.

Добавляем анимацию

7. Копируем сторис. Если нужно сделать сразу несколько позиций – дублируйте вашу сторис и далее просто меняйте фон и текст. Это позволит вам быстро сделать целое меню в едином стиле. Шаблон же сохранится в личном кабинете и к нему всегда можно будет вернуться.

Копируем наш шаблон и создаем новую сторис

8. Сохраняем сторис. Нажимаем «Скачать». Тут важный момент: выбираем, как в видео ниже, скачивание отдельных файлов, а не все сразу. Если этого не сделать, то все сторис сохранятся в одно большое видео, которое потом придется как-то резать.

Скачиваем созданный прайс

9. Размещаем в Инстаграм. Загружаете на телефон через облако или USB-кабель. Также можно загрузить видео с прайсом сразу через наш сервис отложенного постинга SMMplanner – для этого выбираем «Запланировать сторис» и далее в «Фоне» выбираем «Видео».

Важно: вы можете сразу создавать прайслист в SMMplanner c помощью конструктора Canva – он находится на вкладке «Фон»

Прайс-лист можно сразу загрузить в SMMplanner и запланировать его выход в Инстаграм

Все эти загруженные сторис теперь нужно добавить в тематический альбом в Инстаграм и назвать его «Меню», «Цены», «Прайс», «Услуги» и т. п. Подробнее о том, как работать с хайлайтс читайте в нашей статье «Как добавить и поменять актуальное в Инстаграме».

Готовый прайс-лист

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

Типы прайс-листов

Печатный прайс. Обычно у бизнеса есть готовый прейскурант, которые используется в заведении – исходный файл можно взять и перенести в сторис. Например, ресторан УголЬ использует в альбомах точно такие же файлы, что и для печатной версии меню.

Тут важно учитывать вертикальный формат сторис 9:16 перед публикацией такого же меню, что лежит на стойке или подается гостям. Если меню-исходник изначально вписывается в эти рамки, то в Инстаграме он будет смотреться хорошо, но если меню квадратное – придется как-то заполнять фон

УголЬ это использует: обратите внимание на однотонную подложку, которая заполняет пространство, чтобы скрыть края

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

Печатный прайс-лист ресторана УголЬ

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

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

Уникальные сторис для каждого блюда у ресторана китайской кухни GONG

В идеале, конечно, разработать уникальный креатив для каждой позиции. Особенно, если услуг немного и меню небольшое. Так сделал Burger Heroes: на каждой сторис – крупный план блюда, его цена и краткий состав. Читается легко, выглядит вкусно, заказ хочется сделать практически сразу.

Отдельные сторис для каждой позиции в Burger Heroes

Таблица с услугами. Хороший вариант для бизнеса и предпринимателей, которые оказывают услуги. Таблица подходит тогда, когда нет фотографий или просто нет смысла их размещать. Например, так сделала парикмахерская Молодежная, разместив всего на двух сторис весь перечень услуг: стрижки, оформление бороды, опасное бритье и тонирование.

Прайс-лист в виде таблицы у парикмахерской Молодежная

Таблица хороша тем, что позволяет на нескольких сторис разместить весь перечень работ. Например, так делает SMM-блог Кукуруза, которая делит списки на направления: продвижение, контент-маркетинг и консалтинг.

Прайс-лист с услугами у SMM-блога Кукуруза

Визуализация. Если компания представляет услуги по ремонту или почину, то хороший способ проиллюстрировать результат работы – показать до/после. Так делает Barett Service, которые занимаются ремонтом и реставрацией обуви. Само оформление, конечно, выглядит просто, но зато выдержано в цветах компании и наглядно показывает все услуги.

Прайс-лист с иллюстрациями до и после у Barett Service

Бесплатные HTML / CSS шаблоны прайсов

Простые адаптивные таблицы цен

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

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Еще один плоский шаблон для таблиц цен со всеми основными функциями.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

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

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Responsive Flip Pricing Table

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

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Простые и красивые таблицы цен для вашего сайта с добавлением анимации.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Крутой шаблон прайса с красивой шапкой, кнопкой в нижней части и областью описания.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Flat Pricing Table

Плоский шаблон, в котором реализован раскрывающийся с эффектом анимации прайс. Для этого используются каскадные таблицы стилей CSS.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Single Price Tags

Красивый шаблон прайса, который можно использовать на своем сайте для отображения информации о стоимости месячных планов и постоянной подписки.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Product Preview Slider

Компактный и простой шаблон прайса со слайдером изображений для демонстрации галереи товаров.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Price Table Template

Это бесплатный шаблон. Его можно использовать так, как вам нравится, данный шаблон отлично работает с фреймворком Bootstrap.

ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Цветная CSS таблица цен отображается в современном минималистичном стиле с помощью комбинации трех цветов.

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

Unique Price Template

Чистый плоский дизайн с аккуратно размещенными элементами и жирным шрифтом, который читается на любом устройстве.

Mini Pricing Table

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

Минималистичный и плоский макет, который поддерживает адаптивные функции.

Cool Table

Шаблон прайса, который напоминает WordPress. Ширина по умолчанию установлена на 80%, что делает всю таблицу слишком широкой, поэтому скриншот был сделан с шириной 50%.

Plans & Pricing Table

Простой прайс для демонстрации доступных тарифных планов. Поставляется с выделенным «популярным» планом с помощью оформления таблицы CSS.

CSS3 стили для создания прайсов – руководство

Из учебника вы узнаете, как использовать некоторые новые свойства CSS3 для создания красивого шаблона прайса. Его суть состоит в том, чтобы задать для столбцов стили блоков и списков, и получить красивый и уникальный дизайн.

Checkout Pricing Table HTML Template

Простой шаблон прайса. Каждый тарифный план содержит название, цену, список функций и фиолетовую кнопку регистрации.

Как оформить прайс-лист

Общепринятой инструкции, как оформить прайс-лист, нет. Вы можете делать это по своему усмотрению. Но есть рекомендации:

• Текст должен быть читаемым, не используйте мелкий или слишком крупный шрифт. Посмотрите наш прайс-лист: скачать шаблон можно здесь >>
• Укажите название и контакты организации, адреса торговых точек или представительств. На первом листе разместите описание компании и конкурентные преимущества.
• Добавьте только необходимую информацию, не перегружайте прайс текстом.
• Не сокращайте названия. Если что-то может быть непонятно покупателю — расшифруйте.
• Избегайте лишних позиций. В прайс-листе не должно быть одинаковых товаров это усложняет процесс выбора.
• Если у вас много товаров, разбейте ассортимент на группы.
• Можете сделать образец прайс-листа в word — это удобно, если ассортимент маленький.

Источник

В заключение: про что помнить

Размещайте информацию с отступами от верхних и нижних краев примерно на 20 %. Это нужно для того, чтобы на изображение не накладывался интерфейс Инстаграма. То, что хорошо смотрится на печати не факт, что будет хорошо смотрется в сторис. То же касается и когда создаете прайс в редакторе – лучше размещать всю информацию по центру и не впритык к краю. Заведите для теста сторис дополнительный аккаунт.

Ошибки при публикации прайс-листов в Инстаграм

Адаптируйте прайс под формат сторис. Многие кафе и рестораны размещают в Инстаграме файлы из печатного меню и в результате получается мелко или оно просто не влезает в экран. Если продуктов и товаров много, то лучше разделить их на тематические столбцы, а не добавлять скопом в одну сторис. Прайс должен легко читаться.

Удачная адаптация столбцов из печатного меню в горизонтальный формат

Еще несколько полезных советов в финале:

• Прайс должен быть в едином визуальном стиле с брендом, логотипом или оформлением аккаунта. Подробнее – в статье «Как оформить Актуальное в Инстаграме: инструкция и фишки».
• Не используйте нагромождение мелких деталей и цветов, которые отвлекают от позиции в прайсе и его цены. Помните, что прайс-лист в первую очередь отвечает на вопрос «что есть в наличии и сколько это стоит?».
• Используйте картинки высокого разрешения.
• Не делайте слишком мелкий шрифт: у людей разные сценарии использования Инстаграм, поэтому цену не должны искать.