Клиент и задача
WARM производит и продает отопительное оборудование: газовые котлы AUROS, котлы PREMIX и GYDROS, наружные котлы WARM EXO, дымоходы, принадлежности и каскадные установки. Сайт работает на OpenCart и несколько лет переходил из рук в руки: каждый подрядчик правил свое и не заботился о целом.
К моменту старта у сайта были типичные проблемы:
- Нет единого стиля. Заголовки, шрифты, отступы и кнопки на страницах отличались, часть шрифтов подтягивалась не оттуда.
- Верстка «съехала». На планшетах шапка перекрывала начало страниц, на телефонах текст уезжал за экран.
- Сайт тормозил. Тяжелое видео на главной, неоптимизированные картинки.
- Заявки терялись и портились. Письма с заявками приходили искаженными, не было понятно, откуда пришла заявка.
- Магазин не продавал дорогую технику. Кнопка «в корзину» не работает для покупки за 200–500 тысяч рублей.
Что мы сделали
1. Навели единый стиль на всем сайте
- Сформулировали правила: два шрифта (EuropeExt для заголовков и кнопок, Roboto для текста), единый размер основного текста, единая линия под заголовком страницы.
- Привели к одному виду заголовки примерно 27 страниц: информационных, категорий, контактов и страницы продукта.
- Исправили сдвиг на планшетах, где фиксированная шапка закрывала начало страниц.
- Ввели правила для ссылок (цвет текста, красный при наведении, без подчеркивания), списков, кнопок и слайдеров, чтобы новые страницы получались одинаковыми без дополнительной работы.
- Заменили знак рубля на отрисованный в стиле шрифта: в нем нет нужного символа, и браузер подставлял чужой.
2. Переписали главную и ключевые страницы
- Главная: новый заголовок и подзаголовок, плавная прокрутка к продукции, обновленный баннер AUROS PRO, исправленная карусель партнеров.
- Страница «Контакты»: реквизиты, телефоны, время работы и адрес сгруппированы, карта не перехватывает прокрутку страницы.
- «Вакансии» и «Приложение WARM Control»: исправлены списки, шрифты и галерея скриншотов в одну ленту.
- Страница партнерской программы «Теплые люди» собрана заново по макету: герой с фотографией, блоки преимуществ, карточки котлов и форма заявки.
3. Сделали посадочные под линейки котлов
Для категорий AUROS, GYDROS, PREMIX, дымоходов, каскадных установок и пакетных предложений собрали отдельные страницы по одному шаблону: крупный блок с фотографией, карточки преимуществ, вопросы и ответы и призыв к действию. Попутно нашли и исправили проблемы в данных:
- у товаров не было артикулов, и в карточках они не показывались;
- у части карточек пустое краткое описание, из-за чего в сетке оставались провалы;
- порядок товаров в категории не совпадал с ценой;
- в больших категориях показывались только первые 20 товаров;
- названия товаров были короче, чем у аналогичных на другом сайте компании.
4. Превратили дорогие категории в заявки
Для линейки наружных котлов WARM EXO (212–542 тысячи рублей) корзину заменили на бесплатную консультацию: кнопки «Подобрать котел» и «Получить расчет» ведут на форму. Формы стоят в трех местах страницы: в начале, после блока «четыре ситуации» и внизу. Для защиты от спама вместо капчи работает скрытое поле и проверка времени заполнения, чтобы не терять заявки на трении. Тот же механизм подключили для PREMIX.
5. Починили почту и сделали журнал заявок
Нашли критическую ошибку: письма с заявками приходили не письмами, а сырым техническим текстом без темы и с пустым отправителем. Причина оказалась в библиотеке отправки: после обновления PHP она теряла пустую строку, отделяющую заголовки письма от текста. Мы исправили ее в одном месте, и починились сразу все формы сайта.
Затем сделали в админке раздел «Каталог → Заявки»:
- дата, форма, имя, телефон, объект, кнопка или блок, страница, источник и метки UTM;
- определение канала: Яндекс Директ, поиск, ВКонтакте, Telegram и другие по меткам и по перешедшей ссылке;
- статусы заявки: новая, спам, нецелевая, живая, продажа;
- выгрузка в CSV, фильтры по датам и источникам;
- отправка статусов в Яндекс.Метрику как офлайн-конверсий, чтобы Директ учился на реальных заявках;
- фильтрация пустых заявок от ботов на сервере: раньше с 2021 года накопилось около двух тысяч пустых записей.
Старые заявки (88 записей) перенесли в новый журнал. В каждую форму добавили обязательный флажок согласия на обработку персональных данных.
6. Подготовили фид для Яндекс Директа
Выгрузка товаров в формате для Директа собирает все активные товары из девяти категорий. Это позволяет запускать товарные кампании без ручной загрузки каталога.
7. Запустили раздел «Полезная информация»
Новости, статьи, обзоры и кейсы теперь собраны в одном разделе с вкладками и счетчиками. Сейчас там 95 материалов: 72 новости, 13 статей, 5 обзоров и 5 кейсов. Мы перенесли часть новостей в статьи без потери адресов, сделали сортировку от новых к старым и вывели последние материалы на главную. Для статей подготовили шаблон с оглавлением, таблицами, вопросами и ответами и микроразметкой.
Первая большая статья про выбор между одноконтурным и двухконтурным котлом: около 4 800 слов, 21 раздел, 4 таблицы, 11 иллюстраций, внутренняя перелинковка на продукты и вопросы и ответы на 12 вопросов с микроразметкой.
8. Добавили страницу трейд-ина
Отдельная посадочная про обмен старого котла на новый: условия, шаги, форма заявки и цель в Метрике.
9. Ускорили сайт и закрыли технические дыры
- Видео на главной сжали с 9 МБ до 0,5 МБ, оригинал сохранили отдельно.
- Обновили сертификат: когда платный сертификат слетел, поставили бесплатный Let's Encrypt с автопродлением.
- Провели аудит безопасности: вредоносного кода нет, служебные файлы закрыты, лишний файл с информацией о сервере удален, права доступа в порядке.
- Подготовили код к PHP 8.3: проверили все 1 188 файлов, исправили устаревшие конструкции и прогнали 496 адресов сайта, лог ошибок остался пустым.
- Убрали из карты сайта и отключили страницы, которые отдавали ошибку.
- Перед каждой правкой делали копию файла, чтобы можно было откатиться.
Результат
Сайт получил единые правила оформления, а значит новые страницы теперь собираются быстро и выглядят как часть целого. Заявки доходят до менеджеров читаемыми письмами и попадают в журнал с источником, а Директ учится на реальных статусах. Для дорогих линеек вместо корзины работает консультация. Раздел с материалами и статьи работают на поиск.
Мы обновим этот кейс. Когда накопятся данные по росту заявок и позициям в поиске, добавим их сюда.
Что вынесли из проекта
- Сначала правила, потом страницы. Когда у сайта есть свод правил, новая страница не требует отдельной работы над стилем.
- Дорогую технику продает консультация. Корзина подходит для аксессуаров, но не для покупки на сотни тысяч рублей.
- Заявка без источника почти бесполезна. Журнал с метками показывает, какая реклама приводит заявки, а не только звонки.
- Ошибки живут годами, если их никто не ищет. Сломанные письма и пустые заявки накапливались годами, пока не провели аудит.
Частые вопросы
Что входит в доработку интернет-магазина на OpenCart?
Мы проверяем сайт, составляем свод правил оформления, приводим страницы к единому стилю, собираем посадочные под категории, настраиваем формы заявок и почту, журнал заявок и аналитику, исправляем скорость и безопасность. Состав зависит от задач магазина.
Почему для дорогого оборудования корзину лучше заменить на заявку?
Покупка техники за сотни тысяч рублей требует консультации: нужно подобрать модель и условия монтажа. Кнопка «Получить расчет» с формой дает больше обращений, чем «В корзину», на которой посетитель останавливается.
Как узнать, откуда пришла заявка?
Для этого на сайте сохраняют метки перехода (UTM, идентификаторы кликов, внешнюю ссылку) и записывают их вместе с заявкой. В журнале видно канал: Яндекс Директ, поиск, ВКонтакте, Telegram или прямой заход.
Можно ли доработать сайт, не переписывая его с нуля?
Да. Если платформа рабочая, мы чиним основу и наводим порядок: стили, шаблоны, данные, формы и скорость. Переписывать с нуля нужно, когда платформа упирается в потолок.
С какими бюджетами вы работаем?
Мы берем проекты с рекламным бюджетом от 60 000 ₽. С меньшей суммой в современном интернете сложно получить результат и честно посчитать цену заявки.