Привет, друзья. Сегодня хотел поговорить на тему зачеркивания цены. Наверняка вы видели такой коммерческий ход, когда зачеркнута старая цена, и большим ярким шрифтом написана новая, которая, в большинстве случаев, значительно ниже старой. По мнению многих предпринимателей, это довольно неплохо работает и увеличивает конверсию.
Мне не довелось протестировать зачеркивание цены на своих проектах. Возможно кто-то из вас проводил АБ тестирование этого элемента? Напишите в комментариях нишу и процент конверсии без зачеркивания цены и с этим элементом. Думаю, многим было бы интересно и полезно.
Может быть, после этой статьи у вас возникнет идея внедрить этот триггер в свою посадочную страницу. Вы напишите пожалуйста через месяц, другой как это повлияло на конверсию.
В большинстве случаев старая цена с зачеркиванием делается png картинкой (крест на крест или по диагонали). При помощи CSS тоже можно зачеркнуть текст, но только горизонтальной линией. Мне однажды приходилось делать такой тарифный план:
Смотрится - не плохо, но все зависит от задач. Делается это путем задания атрибута text-decoration, со значением line-through:
p span { text-decoration: line-through; }
Кроме того, акция с зачеркиванием цены отлично сочетается со счетчиком обратного отсчета. Когда новая (сниженная цена) действует в течении определенного промежутка времени, а счетчик, как раз, и визуализирует оставшееся время. Это заставляет посетителей вашего лендинг пейдж принять решение о покупке намного быстрее.
Этот маркетинговый ход может работать и в обратную сторону, например, когда цена повышается каждую неделю, и чем позже посетитель примет решение, тем выше будет цена. Главное не забыть предупредить потенциального клиента об этом :).
Скажу по секрету, вам даже не обязательно снижать цены, если у вас и так, цена немного ниже, чем у конкурентов, то вы может найти самую дорогую и поставить ее в качестве зачеркнутой, но следите чтобы присутствовала существенная выгода. А если товар уникален в своем роде, то вообще проблем не возникнет.
Конечно, такой вид акции подходит далеко не всем, но при предварительной записи на мероприятие отлично сработает. Но учтите, что у вашей рекламной компании должен быть достаточно большой охват, чтобы успеть предупредить об этой акции всех потенциальных клиентов.
Вот такая вот мини статья получилась, которая подкинет вам новый элемент для АБ тестов. А на сегодня - все. Пока!
4 комментария
А меня не устраивает горизонтальное зачеркивание старой цены. Она становится плохо видна. Сейчас ищу как можно сделать зачеркивание текста по диагонали средствами css. У вас случайно нет такого решения ?
Здравствуйте, нет, средствами css - это "костыли" будут, пока что.
Каккие костыли? Можно псевдо-элемент :before использовать - прекрасно получается - наклонное зачеркивание красным цветом. Родительскому - даем относительное позиционирование а before - абсолютное и ляля не плачет
Это и называется костыли... Но примерно такими и пользуются все.