“Мобильное приложение (PWA)”

Примечание

Данный модуль доступен в Русской версии CS-Cart, начиная с тарифного плана Бизнес, и в Русской версии Multi-Vendor, начиная с тарифного плана Плюс.

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

Прогрессивное веб-приложение (PWA, Progressive Web Application) по сути представляет собой веб-сайт, который выглядит и ведет себя как мобильное приложение: у него есть иконка на главном экране, оно отображает уведомления и поддерживает ярлыки. PWA не обязательно публиковать в магазине приложений, а вашим клиентам достаточно обычного браузера, чтобы работать в таком приложении. Другие преимущества PWA включают:

  • простая настройка и запуск: вам нужно только установить модуль и задать несколько параметров;
  • ваши клиенты будут видеть витрину вашего магазина такой, как она выглядит на компьютере; более того, вы можете настроить прогрессивное веб-приложение для нескольких витрин;
  • поддержка любых (в том числе и сторонних) модулей;
  • оптимизировано для поисковых систем и легко индексируется;
  • легкое приложение, экономящее интернет-трафик.

В CS-Cart также поддерживается установка нативного мобильного приложения: оно обеспечивает более глубокое взаимодействие с системой устройства, может использовать все его функции и распространяется через традиционные магазины приложений. Выбор типа приложения (PWA или нативное) зависит от ваших целей:

  • выбирайте прогрессивное веб-приложение, если вам нужно легкое приложение, которое разрабатывается и запускается в несколько кликов;
  • выбирайте нативное приложение, если вам важна максимальная интеграция с устройством, на которое оно будет установлено.

Настройка прогрессивного веб-приложения в Панели администратора

  1. Установите модуль Мобильное приложение (PWA).

  2. В меню модуля перейдите на вкладку Настройки. Здесь можно задать название вашего приложения и установить для него иконку:

    Обратите внимание на следующие рекомендации:

  3. Как только вы будете готовы запустить ваше прогрессивное веб-приложение, нажмите кнопку Запустить приложение.

Важно

  • После запуска прогрессивного веб-приложения вы не сможете изменить его настройки для пользователей, которые уже установили приложение. Например, если вы изменили иконку в прогрессивном веб-приложении, ее увидят только новые пользователи, а пользователям, которые уже установили это приложение, придется переустановить его, чтобы увидеть эту новую иконку.
  • Если отключить прогрессивное веб-приложение (перевести кнопку Запустить приложение в положение Off), уже установленные приложения продолжат работать; это действие влияет только на новые установки вашего прогрессивного веб-приложения.

Использование прогрессивного веб-приложения на компьютерах и мобильных устройствах

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

Чтобы установить и начать использовать приложение, нажмите Установить.

Мобильные устройства. Предложение об установке прогрессивного веб-приложения на мобильное устройство зависит от используемого браузера и/или операционной системы устройства:

  • iOS
    • Safari не предлагает установить прогрессивное веб-приложение автоматически. Для установки нужно:
      • Открыть сайт в браузере;
      • Нажать кнопку Поделиться (квардрат со стрелкой);
      • Выбрать опцию На экран “Домой” и подтвердить добавление.
    • В других браузерах прогрессивное веб-приложение устанавливается аналогично.
    • В Mozilla Firefox возможность установки прогрессивного веб-приложения не предусмотрена.
  • Android
    • В Mozilla Firefox возможность установки прогрессивного веб-приложения не предусмотрена.
    • Google Chrome имеет определенные алгоритмы показа такого предложения. Сначала система должна “понять”, что прогрессивное веб-приложение может быть интересно и полезно пользователю. Известны следующие рекомендации:
      • Минимум 2 визита на сайт в разные дни (с интервалом минимум 1 день). Иногда требуется 3 и более визита на сайт, особенно если время пребывания на сайте было недолгим.
      • Время активного пребывания пользователя на сайте должно составлять не менее 30 сек.
      • Поведение пользователя должно быть активным (клики, навигация по сайту, прокрутка страниц), чтобы Google Chrome интерпретировал его как интерес к сайту.
      • Если сайт впервые открыт сегодня, то предложение появится не ранее, чем через сутки.
      • Если пользователь закрыл предложение об установке, Google Chrome запоминает это и не показывает предложение снова примерно 90 дней.
      • Если браузер все равно не предлагает установить приложение автоматически:
        • Откройте сайт в браузере;
        • В настройках браузера найдите опцию Добавить на главный экран;
        • Выберите Установить и подтвердите установку.

Настройка прогрессивного веб-приложения для нескольких витрин

Если в вашем магазине есть несколько витрин, вы можете настроить отдельное приложение для каждой из них:

Если вы планируете использовать прогрессивное веб-приложение для определенной витрины, рекомендуем размещать ее на поддомене или отдельном домене:

  • если доступ к витрине осуществляется через поддомен или отдельный домен, прогрессивное веб-приложение создается обычным способом;

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