
Умный модал: установка PWA сайта на экран телефона
Готовое решение SmartModal для 1С-Битрикс: добавление сайта на экран телефона через PWA и всплывающее окно. Установите модуль для роста мобильных.
Дорого?
Напишите нам — бесплатно подберём похожее решение подешевле под вашу задачу.
Технические данные
- Опубликовано:
- 29.06.2022
- Обновлено:
- 26.07.2023
- Версия:
- 2.0.7
- Установлено:
- 100 - 499 раз
- Подходящие редакции:
- «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Да
- Поддержка Композита:
- Нет
- Совместимо с Сайты24
- Нет
Онлайн-демонстрация
Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.
Возможности модуля PWA
SmartModal: Добавление сайта в телефон пользователя (PWA, всплывающее окно) — это готовый компонент для CMS 1С-Битрикс, который заменяет необходимость разработки нативного мобильного приложения. Продукт реализует технологию PWA (Progressive Web App) на стороне вашего сайта. Основная задача решения — превратить стандартный сайт в веб-приложение, которое пользователь может установить на рабочий стол своего смартфона так же, как обычное приложение из магазина.
Функционал и возможности для владельца сайта
После установки модуля на ваш сайт под управлением 1С-Битрикс (поддерживаются редакции от «Старт» до «Бизнес») система автоматически начинает работать с посетителями. Пользователь видит всплывающее окно (pop-up) с предложением добавить иконку вашего сайта на рабочий стол телефона. Визуально ярлык на рабочем столе не отличается от иконки нативного приложения. Решение берет на себя всю техническую часть:
- Автоматическая генерация иконок приложения под все популярные разрешения экранов мобильных устройств.
- Настройка названия приложения и фирменного цвета через административную панель.
- Интеграция PWA-технологий, которые трансформируют внешний вид сайта в браузере, приближая его к интерфейсу мобильного приложения.
- Альтернативный режим работы: для браузеров, которые не поддерживают автоматическое добавление на рабочий стол, модуль выводит окно с пошаговой инструкцией по ручной установке.
Что получает покупатель после установки
Вы получаете работающий инструмент для удержания аудитории. Посетитель, установивший ярлык на рабочий стол, возвращается на сайт в одно касание, минуя поисковики и браузер. Это снижает риск потери клиента среди конкурентов или вкладок браузера. Администратор получает доступ к простым настройкам визуала (иконка, цвет, название) без необходимости редактировать код шаблона. Решение работает сразу после установки — не требуется сложной интеграции или подключения сторонних сервисов.
Для кого подходит решение
Продукт наиболее эффективен для бизнесов, где важны регулярные повторные визиты клиентов и быстрый доступ к сервису. Модуль показывает высокие результаты для:
- Сайтов компаний, работающих с дилерами и партнерами (B2B-порталы).
- Сервисных организаций и компаний по оказанию услуг.
- Медицинских клиник и медицинских центров.
- Ресторанов, кафе, кейтеринга и сферы HoReCa.
- Онлайн-СМИ, информационных порталов и новостных изданий.
Решение подходит для любого сайта на 1С-Битрикс, который стремится повысить лояльность мобильных пользователей и обеспечить постоянное присуттие бренда на экране смартфона клиента.
PWA — технология в web-разработке, которая визуально и функционально трансформирует сайт (вид мобильного приложения в браузере).
Преимущества решения
- Выводит всплывающее окно пользователю с предложением добавить иконку Вашего сайта на рабочий стол телефона.
- Возможность для администратора управления настройкой - иконка приложения, название, фирменный цвет.
- Автоматически генерирует несколько размеров иконок для различных разрешений.
- Для браузеров, в которых не поддерживается автоматическое добавление на рабочий стол, выводит окно с информацией как установить вручную.
Результат - Ваш сайт не потеряется и всегда под рукой у пользователя!
Особенно отлично работает для:
- Сайтов, работающих с дилерами и партнерами.
- Сервисных компаний, выполнение услуг
- Медицинских клиник
- Ресторанов, кафе, HoReCa
- Онлайн СМИ и порталов
- Интернет-магазинов
- Для любого сайта, который хочет прочнее "связать" себя с пользователем и вернуть его на сайт.
Какие задачи позволяет решить
- Упрощать поиск компании. Доступ к компании в один клик на экране.
- Повышать узнаваемость бренда. Иконка (логотип) компании всегда на виду у пользователя
- Стимулировать повторные продажи.
- Оставаться на связи с клиентом.
Примечание:
- Работает только на сайтах с протоколом https
- Сайт не должен содержать смешанное содержимое. Смешанное содержимое — когда страница с протоколом HTTPS, содержит ресурсы, загруженные с другого сайта по протоколу HTTP.
- Окно с предложением всплывает только на мобильных устройствах - иначе не будет возможности сохраннения на рабочий стол..
- Сайт в отличии от нативного мобильного приложения недоступен без интернета.
Для чего нужен продукт «Умный модал: установка PWA сайта на экран телефона»?
С какими редакциями и версиями 1С-Битрикс совместим модуль?
Какова стоимость и условия лицензирования решения?
Насколько сложна установка и настройка модуля для администратора сайта?
Какая техническая поддержка предоставляется после покупки?
Установите модуль из Маркетплейса
Перейдите в административной панели сайта в раздел «Маркетплейс» → «Каталог решений». Найдите модуль «Умный модал: установка PWA сайта на экран телефона» и нажмите «Установить». После завершения установки перейдите в «Маркетплейс» → «Установленные решения» и активируйте модуль.
Настройте основные параметры PWA
Зайдите в «Настройки» → «Настройки продукта» → «Настройки модулей» и выберите «Умный модал». Укажите название приложения (отображается под иконкой на телефоне) и фирменный цвет в формате HEX. Система автоматически сгенерирует иконки под все разрешения экранов.
Выберите сценарий показа всплывающего окна
В настройках модуля определите, при каких условиях показывать pop-up: сразу при заходе на сайт, после скролла страницы или через заданное время. Настройте частоту показа (например, один раз в сутки для каждого пользователя) и текст предложения установить сайт на экран.
Привяжите компонент к шаблону сайта
Откройте «Настройки» → «Настройки продукта» → «Сайты» → выберите ваш сайт и перейдите в «Шаблон сайта». В нужное место шаблона (например, перед закрывающим тегом </body>) добавьте вызов компонента smartmodal:pwa. Сохраните изменения.
Проверьте работу на мобильном устройстве
Откройте сайт на смартфоне через браузер (Chrome или Safari). Убедитесь, что всплывающее окно появляется в соответствии с настройками. Нажмите «Добавить на экран» — иконка сайта должна появиться на рабочем столе телефона, а при запуске — открываться без адресной строки браузера.
Протестируйте PWA-функционал в разных браузерах
Проверьте работу модуля в Google Chrome, Safari и Firefox на Android/iOS. Удостоверьтесь, что иконка корректно отображается, название приложения соответствует заданному, а фон вокруг сайта (splash screen) окрашен в указанный фирменный цвет.
- v2.0.726.07.2023Улучшена совместимость с кастомными шаблонами сайтов
- v2.0.609.01.2023Адаптировано для работы с php 8.
- v2.0.528.12.2022Мелкие исправления
- v2.0.428.12.20221. Библиотека jquery заменена на Js для увеличения скорости. 2. Мелкие улучшения по стилям модального окна.
Нужна помощь с установкой?
Напишите нам — поможем установить и настроить модуль на вашем сайте.
























