PWA плагин

Учитывая растущую популярность мобильных телефонов и привычки пользователей посещать интересующие их сайты через мобильные устройства, многие компании задумываются о том, как предоставить своим пользователям нативный опыт при использовании сайта через телефон. Новые технологии решают эти проблемы. И PWA является самым эффективным и распространённым решением в сети на сегодняшний день.

О плагине в общем

PWA — это прогрессивное веб-приложение, которое служит оберткой для вашего сайта, превращая его в подобие мобильного приложения. В результате использования PWA пользователи получают первоклассный опыт использования вашего сайта, также повышается надежность и привлекательность сайта за счет использования плагина PWA.

С технической точки зрения, Плагин добавляет веб-манифест, в котором содержатся все данные о вашем сайте в формате JSON. Файл содержит информацию о названии приложения, пути к иконкам, загрузочным экранам и другие данные, необходимые для работы PWA и его взаимодействия с браузером.

Пользовательский интерфейс

Войдя на ваш сайт с мобильного устройства, пользователь увидит всплывающее окно с предложением установить PWA на свой телефон. После установки значок PWA появляется на экране телефона среди других установленных приложений.

После этого пользователь сможет пользоваться вашим сайтом, как и любым другим мобильным приложением. Иными словами, ему не придется снова заходить в браузер и набирать URL сайта. Вместо этого он просто кликнет по иконке на рабочем столе и сразу же попадет на ваш сайт, который будет выглядеть как полноценное мобильное приложение.

Поддержка PWA браузерами

Полная поддержка (с возможностью отображения баннера и push-уведомлений) доступна для следующих браузеров:

• Google Chrome (версия 57+);
• Chrome для Android (версия 62+);
• Mozilla Firefox (версия 57+);
• Firefox для Android (версия 58+);

На момент выхода Плагина его поддержка на устройствах iOS и в браузере Safari является частичной. Не поддерживаются установочный баннер и push-уведомления. Для всех пользователей устройств, работающих на базе iOS, мы добавили опцию баннера, который заменяет автоматически всплывающее уведомление. Другими словами, любой пользователь, вошедший на ваш сайт с iOS устройства, также увидит баннер с предложением установить PWA на свой телефон.

Технические требования

PWA требует, чтобы все ресурсы сайта передавались по HTTPS-протоколу. Кроме того, версия PHP на сайте должна быть 7.2 или выше. Если ваш хостинг не соответствует данным требованиям, обновите его и установите недостающие модули перед покупкой плагина PWA.

Push-уведомления

Самое ожидаемое нововведение от PWA — это push-уведомления, на которые предлагается подписаться пользователю. Приняв подписку, пользователь будет получать уведомления о новых сообщениях, а также о добавленных объявлениях, которые соответствуют критериям сохраненного поиска. Пользователю также предоставляется возможность отписаться от push-уведомлений в личном кабинете.

Панель администратора

Плагин оснащён менеджером настроек, который добавляется в панель администратора при установке. Имейте в виду, что Плагин работает из коробки и не требует какой-либо конфигурации. Настройки Плагина нацелены главным образом на его визуальную составляющую.

В менеджере настроек вы можете ввести название для своего приложения и его описание, также задать фоновый цвет приложения, подгрузить иконку, которая будет добавлена на экран пользователя при установке, а также выбрать фон для загрузочного экрана.

Другой раздел менеджера настроек предоставляет статистические данные об использовании Плагина в виде таблицы. Вы можете посмотреть количество установок, страны в которых пользователи устанавливали Плагин, дату установки и прочую статистическую информацию, которая может быть для вас полезна.