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