1-в-1 с оригиналом
Контейнер 1170px на десктопе, 375px на мобиле, один шрифт Circe везде. Переиспользовали готовые компоненты, чтобы структура блоков не отличалась от исходного сайта.
ЗНМИ — Перенос сайта на WordPress и доработка воронки продаж
22 мая 2024
Кейс клиента
Для завода нестандартных металлоизделий мы перенесли статичный HTML-сайт на WordPress с Elementor, добавили визуальный редактор и SEO-настройки для каждой страницы, собрали продукт-ориентированную воронку с квизами, формами и поп-апами, и продолжаем дорабатывать сайт вместе с ростом задач клиента — от новых посадочных до перфоманса и инфраструктуры.
6
посадочных страниц продуктов + новая категория «резьбовые шпильки»
~3 недели
от первого переноса до запуска сайта на WordPress
479
комментариев и уточнений по задачам проекта в Битрикс24
2023–2025
период развития сайта, доработки продолжаются
Задача
Дать клиенту управление сайтом и SEO без статичного HTML
Изначально сайт завода представлял собой набор голых HTML-страниц. Сначала стояла идея перенести его «как есть» на Битрикс, чтобы сео-специалист мог упражняться в настройках через админку. Но финальным решением стал WordPress с Elementor: клиенту нужен был визуальный редактор и SEO-настройки для каждой страницы, а не просто CMS-оболочка над кодом.
Что не устраивало
- Сайт на голом HTML: любое изменение контента — правка кода, к которой у клиента нет доступа.
- Нет визуального редактора: маркетинг и контент-менеджер не могли трогать страницы самостоятельно.
- SEO-настройки недоступны: нельзя управлять метатегами и структурой страниц из админки.
- Старый домен zavodnmt.ru нужно было аккуратно увести на новый zavodnmi.com без потери трафика.
Наш подход
- Перенос на WordPress + Elementor с визуальным редактором и SEO под каждую страницу.
- Точное сохранение вёрстки и анимаций исходного сайта (допускались незначительные отличия).
- Сборка воронки: квизы, формы с поп-апами, благодарственные письма, шапка и футер под логику мобильной версии.
- Настройка аналитики и коллтрекинга: Яндекс.Метрика, GTM, Callibri, сквозная разметка заявок.
- Перенос и доработка по мере роста: новые посадочные, отзывы, блоки, перфоманс и хостинг.
Перенос
Переложили статичный HTML на WordPress без потери вёрстки
Главным ограничением был визуальный контракт: клиент не должен был заметить подмены. Поэтому перенос шёл постранично — главная, полуприцепы, контейнеры, гнутый швеллер, профнастил и нестандартные металлоизделия — с сохранением контейнерной сетки 1170px, шрифта Circe и всех повторно используемых компонентов.
Допускались незначительные отличия
Сложные анимации Elementor не всегда повторял на 100% — это проговаривали с клиентом заранее. Визуальная схожесть в итоге на уровне ~90%+.
Резьбовые шпильки
В процессе переноса подключилась новая страница продукта от дизайнера: разделы «по методу производства», нормативная база с PDF под каждый ГОСТ, материалы и покрытия шпилек.
Шапка и главная
Категории в шапке приведены к логике главной: профлист, перфолист, шпильки, контейнеры, швеллер, блок-контейнеры. Полуприцепы убраны с главной и закреплённой шапки.
Скрытые посадочные
Для рекламы собраны копии категории с другим текстом на первом экране — /profnastil/tolstyi/, /nerzh/, /alum/ и /perf/. Они нигде не выводятся в меню, работают чисто под трафик.
ГОСТы и PDF
На страницу шпилек заведена нормативная база: перечень стандартов с скачиваемыми PDF, сгруппированными так, чтобы у пользователя были документы под рукой без перехода на внешние сайты.
Воронка
Собрали продукт-ориентированную воронку с квизами и формами
Сайт превратился из визитки в инструмент захвата заявок: на разных страницах работают поп-апы «получить консультацию» и «обратный звонок», пошаговые квизы подбирают решение и отправляют структурированную заявку на почту, а форма благодарности объясняет клиенту следующий шаг.
01
Формы и поп-апы
- Поп-апы «получить консультацию» и «обратный звонок» на всех посадочных и в шапке.
- Отправка форм заведена на единую почту для заявок (office@zavodnmt.ru, затем zavod@zavodnmt.ru).
- Окно благодарности после отправки заявки с пояснением времени обратной связи — по Челябинскому времени.
- Исправлено поведение: закрытие поп-апа больше не выбрасывает пользователя наверх страницы.
Квизы подбора
На перфорации и контейнерах добавлены пошаговые квизы: толщина и материал листа, состояние и размеры контейнера, потребность в сертификате РМРС/КБК/КТК. Ответы уходят в заявку с заполненными полями, а не «просто заявкой».
Отзывы и доверие
Блок благодарственных писем на фирменных бланках размещён на всех страницах каталога перед контактами. Рядом — ссылка на профиль СБИС, чтобы клиент сразу мог проверить юрлицо. Позже письма переделаны в картинки: встроенный PDF-вьюер в части браузеров сбоил.
Аналитика и коллтрекинг
Установлены Яндекс.Метрика (счётчик 84728836, клики по ссылкам, точный показатель отказов, вебвизор), Google Tag Manager и скрипт Callibri. Звонки и обращения фиксируются с источником трафика.
Перфоманс
Ускорили сайт и стабилизировали хостинг
После запуска сайт «пиздец медленно грузился» — тяжёлые страницы и слайдеры Elementor на слабом хостинге. Часть проблем лечилась кешированием, часть — повышением PHP и обновлением плагинов: на мобильной и десктопной версии PageSpeed вырос на 11 и 12 пунктов соответственно.
С 7.1 до актуальной
Хостинг жил на PHP 7.1.33, из-за чего часть плагинов (включая W3 Total Cache Pro) не ставилась. Подняли версию, обновили WordPress и плагины.
Кеширование и лимиты
Подключён W3 Total Cache, подняты memory_limit и time_limit — иначе «тяжёлые» страницы Elementor не открывались на редактирование и не собирались в архив переноса.
+11 / +12 в PageSpeed
После обновления стека мобильная и десктопная версии прибавили 11 и 12 пунктов соответственно. Отключена ленивая подгрузка слайдеров, из-за которой появлялись пустые пространства.
Инфраструктура
Перенос и аккуратное переключение старого домена
Разработка шла на тестовом поддомене zavod.realink.pro, после приёмки сайт выгружен на боевой хостинг Beget. Старый домен zavodnmt.ru не закрыли, а перевели в режим «заглушки»: сверху закреплена плашка «Больше актуальной информации на нашем новом сайте» со ссылкой на zavodnmi.com, формы на старом сайте перенастроены на новую почту.
zavod.realink.pro
Тестовый поддомен с HTTP-авторизацией и базой re_zavod. Сюда выгружались правки и приёмка до публикации на боевом хостинге.
Beget + adminer
Финальная выгрузка на Beget, база залита через adminer. Кеширование и PHP-лимиты прописаны сразу под объём страниц Elementor.
zavodnmt.ru
Закреплённая плашка-редирект на новый сайт, почта и телефон заменены на актуальные, формы переведены на zavod@zavodnmt.ru. Трафик ушёл на новый домен без жёсткого 301.
Результат: сайт стал управляемым и продолжил расти
У завода появился сайт на WordPress с визуальным редактором и SEO-настройками под каждую страницу, который клиент может развивать сам — без правок в коде. За сайтом закреплена воронка с квизами и формами, настроены аналитика и коллтрекинг, а старый домен аккуратно переведён в режим заглушки со ссылкой на новый. Сайт продолжает дорабатываться: мы добавляем новые посадочные, отзывы и блоки по мере роста задач клиента.
1 контур
WordPress + Elementor, SEO под каждую страницу, квизы и формы, Метрика + GTM + Callibri, тестовый поддомен и боевой хостинг Beget.
Дизайн сайта — SILANTEV, разработка — Realink. Данные по задачам и комментариям взяты из внутренней выгрузки Битрикс24 по проекту ЗНМИ. Сотрудничество с клиентом продолжается.
