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