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