ДЕМОВЕРСИЯ сервиса подбора и сравнения тарифов
Страница демонстрирует, как может выглядеть описание тарифа, включающего домашний интернет, ТВ и мобильную связь. Вся информация здесь — от текстов до цен — управляется администратором через удобные поля.
Все эти блоки редактируются в административной панели сайта. Подробнее о том, как это устроено, рассказано на отдельной странице.
Характеристики домашнего интернета в этом тарифе управляются через административную панель. При редактировании описания интернета, в удобном редакторе, можно добавлять любые таблицы, пример:
| Параметр | Значение | Значение |
|---|---|---|
| Скорость интернета | 200 Мбит/с | 200 Мбит/с |
| Количество устройств | до 5 одновременно | до 5 одновременно |
| Тип кабеля | оптоволокно | оптоволокно |
| Видеонаблюдение | включено | включено |
| Без проводов | возможно | возможно |
Это редактируемое описание тарифа для Москвы. Кратко объясним, как работает фильтр интернет-тарифов на сайте, для демонстрации преимуществ.
Допустим, вы заходите на страницу Интернет + Мобильная связь и начинаете выбирать параметры. Вы нажимаете на скорость 200 Мбит/с — и в этот момент сайт проверяет все остальные варианты в левой колонке фильтра. Он «думает»: «А есть ли вообще тарифы, где скорость 200 Мбит/с и при этом подключено телевидение?» Если таких тарифов нет, то раздел «Телевидение» становится некликабельным и появляется подсказка, почему он недоступен.
Это сделано для того, чтобы вы никогда не получили пустой результат. Представьте обычный интернет-магазин: вы ставите галочки, а сайт говорит «Ничего не найдено». Здесь такого быть не может. Фильтр сам ведёт вас и подсказывает, какие комбинации реальны, а какие нет. Он работает без перезагрузки страницы — быстро и удобно.
Также в фильтре по цене два ползунка (от и до) физически не могут «перепрыгнуть» друг друга. Если вы попробуете подвинуть нижний слишком близко к верхнему, система не даст этого сделать, потому что знает минимальную и максимальную цены среди подходящих тарифов. Всё это работает само, вам не нужно следить за цифрами.
Это описание — лишь пример. В реальном проекте здесь может быть любой текст, таблица или список. Администратор редактирует его в удобном визуальном редакторе, как в Word.
Это описание мобильной части тарифа. Оно редактируется в админке, и сюда можно вставлять не только текст, но и структурированную информацию. Например, с помощью жирного шрифта и обычного списка:
Дополнительные условия (перенос остатков, безлимитные мессенджеры, раздача интернета) настраиваются галочками и автоматически появляются в разделе «Подробнее» и в сравнении тарифов. Всё это управляется без программирования.
Этот блок можно развернуть, и сейчас мы расскажем, как работает сравнение тарифов на этом сайте, чтобы любой пользователь (даже не технический специалист) понял его удобство.
Представьте, что вы присматриваете несколько тарифов с мобильной связью. Нажимаете на карточке кнопку «Сравнить» — тариф запоминается. Так можно добавить несколько штук. Затем открываете страницу Сравнение. Там все выбранные тарифы выстраиваются рядом, и под ними идут блоки: «Интернет», «Мобильная связь», «Телевидение». В блоке «Мобильная связь» сводятся все важные данные: минуты, трафик, сим-карты, дополнительные опции.
Особенно полезна кнопка «Показать только различия». Если вы сравниваете два похожих тарифа, она скроет одинаковые цифры и оставит только то, чем они отличаются. Не нужно вручную выискивать разницу — она сразу перед глазами.
На мобильном телефоне экран уже, поэтому тарифы показываются по одному, и их можно перелистывать стрелками. Верхняя часть экрана всегда показывает, какой тариф вы сейчас смотрите. Всё это работает плавно и не требует перезагрузки страницы.
Администратору не нужно настраивать сравнение отдельно — достаточно заполнить поля в карточке тарифа, и всё автоматически попадёт в таблицу. Это экономит время и исключает ошибки. Если какой-то услуги у тарифа нет, соответствующая ячейка остаётся пустой, и это сразу видно.
Данный текст — просто пример для тарифа «Московский». Администратор может написать здесь что угодно, используя таблицы, как выше в интернете, или списки, как показано ниже в мобильной связи.
Если вы планируете заказать разработку сервиса подбора тарифов и сравнения интернета, мобильной связи и ТВ, этот пример наглядно показывает, как можно автоматизировать продажи сопутствующих товаров (роутеров и ТВ-приставок) внутри комплексных пакетов услуг.
Вся абонентская техника (роутеры и ТВ-приставки) управляется через отдельный, независимый раздел в админке. Это изолирует карточки товаров от основных пакетов услуг и защищает базу данных от перегрузки. При создании сайта-агрегатора тарифов связи такое архитектурное решение позволяет безболезнечно масштабировать каталог до тысяч позиций без хаоса и путаницы.
Привязать роутер к конкретному пакету услуг можно за пару секунд — достаточно выбрать нужные модели из списка прямо внутри редактора тарифа. Система поддерживает три формата владения (аренду, рассрочку и выкуп) и гибкие временные акции. Менеджер может вручную переопределить цену оборудования для отдельного спецпредложения (например, сделать роутер бесплатным при покупке премиум-пакета), не меняя его стоимость на всём остальном сайте.
Чтобы сайт выглядел аккуратно, для каждого устройства созданы независимые поля под разные зоны интерфейса: для коротких подсказок у иконок, развёрнутого блока «Подробнее» и финального оформления заказа. Скрипт сам выстраивает приоритеты вывода цен (Аренда → Рассрочка → Покупка), соединяет цифры с текстом и автоматически дописывает нужные маркеры в скобках. В каталоге пользователь видит простую лаконичную карточку, а в корзине — полноценный интерактивный калькулятор для онлайн-подбора тарифов интернета и ТВ.
Модуль разработан по стандартам ядра WordPress, поэтому он идеально совместим со всеми популярными инструментами продвижения (Yoast SEO, Rank Math, All in One SEO). Прямо внутри карточки роутера контент-менеджер может настраивать мета-теги, управлять индексацией, прописывать канонические ссылки и автоматически добавлять страницы в карту сайта (sitemap.xml). Это критически важный плюс при разработке сайтов для сравнения цен на услуги связи, который позволяет проекту со старта занимать высокие позиции в поисковой выдаче Яндекса и Google.
Описание редактируемое через панель администратора сервиса
При редактировании доп. услуги в панели администратора, если возможность настроить приоритет её вывода в списке других доп. услуг
В описании доп. услуг можно использовать таблицы
| 1 | Текст |
| 2 | Текст |
| 3 | Текст |
Данный сайт является демонстрационной моделью из портфолио и работает в демо-режиме. Мы не собираем, не храним и никак не обрабатываем персональные данные пользователей.
Чтобы протестировать работу форм обратной связи или обсудить проект, пожалуйста, напишите на voitkov.ne@yandex.ru