Выпуск №57. Как оформить прайс-лист на сайте

Здравствуйте, уважаемые клиенты и партнеры Megagroup.ru!

Опрос о том, стоит ли указывать цены на сайте (или лучше прятать их от посетителей), принёс несколько интересных отзывов, которые мы намерены обнародовать.

Отзыв 1>>> Спасибо, очень интересный выпуск. Поделюсь своим маленьким опытом продаж медицинских услуг. Долгое время не указывал на сайте цены по "неоднозначным позициям". Так как затраты на лечение одного пациента могут составить 100 руб, а другого 300 руб. с одинаковым заболеванием в зависимости от сопутствующей патологии. Трехкратная разница не позволяла сделать публичную оферту цены услуги и презентовать ее в рекламных компаниях. Сейчас мы разбили услугу по блокам, где каждый блок включает различные варианты медицинских манипуляций и "клиент" ПОШЕЛ!!!! Как говорилось в одном мультфильме: "Ура-а-а!!!! Заработало!!!"

Огромное спасибо за развёрнутый дельный ответ! Искренне надеемся, что Ваше мнение будет услышано скептиками, что Ваш опыт принесёт пользу другим коммерческим структурам.

Отзыв 2>>> А Яндекс учитывает есть или нет цена? В смысле не ставит ли он некоммерческие сайты выше коммерческих через ключевые слова рубль, цена и т.п.

Давайте вспомним один из наших старых выпусков о формировании семантического ядра сайта, где мы говорили о том, что запросы бывают информационными и коммерческими.
Если посетитель сайта пришёл на Ваш веб-ресурс по коммерческому запросу (вида «цены пластиковых окон», «стоимость ремонта ванны», «продажа холодильников», «купить мобильный телефон») – цена в данном случае не желательна, а обязательна. Почему?
На сайт пришёл пользователь, готовый к совершению сделки (это чётко следует из запроса, который он ввёл в строку поиска). На странице человек должен получить исчерпывающую информацию об условиях совершения сделки (способ оплаты, гарантию продавца, условия поставки, но в первую очередь –цену). В данном случае Яндекс, скорее уж, будет понижать в выдаче те сайты, на которых не указана стоимость товара. Как раз потому, что они не дают ПОЛНЫЙ ОТВЕТ на запрос пользователя системы поиска.

А если запрос другого вида, например «Ламинат 33 класса»? Это информационный запрос. Его могут вводить и те, кто готовы приобрести ламинат, и те, кто просто хочет для себя понять: а чем, собственно, ламинат 33 класса лучше ламината 31 класса? Почему он дороже стоит? За что надбавка? Что это вообще за зверь такой, классы у ламината?
В данном случае Яндекс не может точно определить: за какой информацией гость пришёл на сайт - чтобы узнать про ламинат или чтобы купить его? Возможны оба варианта. Соответственно, в ТОП-10 на странице выдачи поисковая система предложит потребителю некий «микст» - набор информационных и коммерческих сайтов, которые будут чередоваться. Это позволит удержать ЛЮБОГО пользователя от перехода к конкурентам (в Google, Search.Mail.Ru), что и является главной задачей поисковой системы Яндекс.
Так станут ли цены (и слова в тексте «рубль», «стоимость») препятствием к попаданию сайта в ТОП-10? Никоим образом!

Отзыв 3>>> Слишком очевидные вещи.

Приглашаем Вас на стажировку в наш отдел продвижения. Послушать, что говорят предприниматели, когда сотрудники Мегагрупп.ру предлагают поставить на сайт цены :)))

Отзыв 4>>> Для нашей компании вопрос, поднятый в выпуске №56, совершенно не актуален. Мы глубоко убеждены, что продающий сайт без цен - все равно, что свадьба без невесты. Прятать цены ото всех - клиентов, налоговой, конкурентов - это уже какая-то маниакальная конспирология, сильно отдающая клиникой.

Отзыв 5>>> Все, что сказано все верно. У меня на сайте все цены. Они меняются. Запросто меняются цены с импорта Excel. Я сам ни секунды не задерживаюсь на сайтах , где нет цен. В обычных магазинах без ценника можно получить солидный штраф.
Итог: Владельцы магазина без ценников либо глупцы, либо мошенники (аферисты), работающие на обмане покупателей.

:) Довольно жёстко сказано. Но, с другой стороны, честно. Личная позиция. Спасибо.

Давайте теперь посмотрим на результаты опроса (после Вашего голосования, дорогие подписчики) и подведём итоги.

Итак, наш субъективный опрос дал следующие цифры: 71% потребителей не перезванивают и не пишут в компанию, если на её сайте не указаны цены. Люди предпочитают не тратить собственное время на такие «предложения» и сразу уходят за покупками на другие веб-ресурсы. То есть, из каждых 100 посетителей сайта коммерческая структура СРАЗУ ЖЕ - за первые 10-15 секунд - теряет 71-го потенциального клиента.
Лишь 5%, не видя цен на сайте, ВСЕГДА перезванивают или пишут менеджерам данной организации. То есть, из 100 человек – 5 готовы продолжить диалог и потратить время.
Ещё 24 человека из 100 могут позвонить, а могут и уйти – в зависимости от настроения, погоды, расположения звёзд на небосклоне...
Сами делайте выводы о пользе размещения цен.

Коли уж мы заговорили в прошлом выпуске о необходимости размещения цен (и проведённое тестирование подтвердило, что цены лучше ставить, чем не ставить), возникает вопрос – а как, собственно, сделать красивый прайс-лист на сайте???
Как правило, у коммерческой организации есть прайс-лист, подготовленный на компьютере (в формате .doc или .xls), но его необходимо:
- либо заново создать на сайте, с «нуля» (нарисовать табличку и набить в неё все цифры);
- либо перенести прайс-лист с компьютера на сайт (что выглядит менее затратным вариантом).

Давайте поговорим о том, как это делается.
Процесс размещения таблиц, созданных в любом из редакторов (Word, Excel и подобным им), практически одинаков, потому рассмотрим вопрос именно на примере Excel (наиболее часто встречающемся редакторе таблиц). В качестве подопытного «кролика» кровожадно возьмём прайс-лист на создание сайтов компании Мегагрупп.ру.

В Excel прайс выглядит так:

Первым делом нужно скопировать таблицу. Для этого выделяем все нужные ячейки курсором (если в документе за пределами самого прайса нет ячеек, как в файле-примере, то можно выделить сразу весь документ сочетанием клавиш Ctrl+A).

----------
Здесь маленькое отступление. Когда мы указываем сочетание клавиш Ctrl+A, это означает, что на клавиатуре нужно сначала нажать и удерживать клавишу Ctrl, а затем нажать A латинской (не русской) раскладки. Все похожие комбинации клавиш выполняются по аналогии с описанным примером. Возвращаемся к теме.
----------

Затем копируем выделенное (клик правой клавишей мыши и выбор в появившемся меню варианта «Копировать», либо просто сочетание клавиш Ctrl+C). Переходим в систему управления сайтом и открываем редактор той страницы, куда хотим разместить прайс. Для вставки выделенного объекта используем сочетание клавиш Ctrl+V.
Давайте посмотрим, что получилось...

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

Таблица выходит за границы области для размещения текста. На некоторых сайтах (в зависимости от вёрстки) может вообще не отображаться та часть, которая находится вне контентной области сайта.
 

Почему так происходит? Где ошибка?!

Дело в том, что в Excel и Word используются свои методы форматирования, далеко не всегда подходящие для веб-страниц (подробнее). Что касается ширины таблицы и её столбцов – очень часто они бывают строго заданы в исходном документе.

Поэтому после вставки таблицы на сайт мы рекомендуем обнулить её стили. Для этого выделяем таблицу, начиная с конца строки до таблицы и заканчивая началом строки после таблицы (если на странице в принципе располагается только редактируемая таблица – выделяем ее сочетанием клавиш Ctrl+A), и нажимаем на кнопку «Очистить формат» (пятая слева во втором ряду) - см.картинку.

Это уже приведёт к тому, что таблица будет смотреться на сайте аккуратнее.

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

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

Теперь нужно задать границы между ячейками (это облегчит визуальное восприятие). Поставив курсор на любую ячейку таблицы, выходим в её свойства, кликнув на кнопку «Добавление/Изменение таблицы» (12 слева в верхнем ряду).
В параметрах таблицы задаём границу, выбрав в классах «Таблица с рамкой».

Перейдя на вкладку «Дополнительно», можно задать цвет фона таблицы.

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

Для назначения цвета определённой строке ставим курсор в любую её ячейку и нажимаем кнопку «Параметры строки» (13 слева в верхнем ряду). В открывшемся окне на вкладке «Дополнительно» задаём нужный цвет.  Если нужно назначить одинаковый цвет нескольким строкам, отстоящим друг от друга на произвольное количество ячеек, копируем получившийся код цвета и используем его при редактировании остальных строк.

Хороший приём для визуализации таблицы - раскрасить строки через одну. Это поможет посетителю сайта с лёгкостью проследить все значения определённой линии по горизонтали и не сбиться.

Для этого при назначении цвета для строки внизу окна с параметрами выбираем «Обновить все чётные строки в таблице» или «Обновить все нечётные строки в таблице» (в зависимости от того, в редакторе какой строки мы находимся в данный момент) и применяем изменения, нажав на кнопку «Обновить».

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

Для задания жирности и центрирования текста используем соответственно кнопки    и  , предварительно выделив текст заголовка курсором. Также можно задать тексту заголовков отдельный (собственный) цвет. Для этого служит  .

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

P.S. Иногда таблицы могут содержать очень много столбцов и быть настолько широкими, что и при описанных выше действиях они не поместятся на страницу.

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

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

Инструкцию о том, как можно разместить ссылку на скачивание файла, Вы найдёте здесь.

Взгляните на Ваш прайс-лист глазами потенциального клиента. Получился ли документ достаточно удобным? Легко ли отыскать в нём нужный товар?

Возможно, Вам уже давно хотелось изменить страницу с ценами, сделать её более солидной, привлекающей к себе внимание, но… известная проблема предпринимателя - некогда, нет времени.
Как поступить в данной ситуации?

Обратитесь за помощью к профессионалам!

Компания «Мегагрупп.ру» готова взять на себя часть рутинных работ: наши специалисты с удовольствием подготовят для Вас удобные и презентабельные варианты прайс-листов. Красивое оформление и функциональный интерфейс гарантированно понравятся клиентам.

Что Вы получаете, заказав визуальное оформление в Мегагрупп.ру:

1. Внешний вид прайс-листа на Ваш вкус. В Вашем распоряжении - огромный выбор удобных и красивых шаблонов. Посмотреть примеры готовых прайс-листов на их основе можно здесь:

• http://www.uventa21.ru/prays-list-test
• http://tencolors.ru/price-parikmaherskiy-zal.php
• http://flikom.ru/prays-list
• http://flikom.ru/praysy
• http://ckm-remont.ru/remont-kvartir
• http://med498.ru/detskoe-otdelenie
• http://bw-nn.ru/prays-list

2. Быстрота выполнения – Ваш прайс-лист преображается за несколько дней.

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

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

Проявите заботу о клиентах! Пишите прямо сейчас на support@megagroup.ru с пометкой в теме «Визуальное оформление прайс-листа», и Ваш прайс-лист станет предметом зависти всех конкурентов! :)

1. Подсказка-справочник по работе с таблицами в системе CMS.S3 Megagroup.
   
   
   
   
   
   
   
   
   
   
2. Академия SEO-фитнеса: здесь Вы можете прочитать тот выпуск, который пропустили; посмотреть статью в архиве, если не открываются изображения в письме; распечатать то, что нужно иметь под рукой для составления программы ежедневного SEO-фитнеса :)