Настройка Progressive Web Application

Progressive Web Application (PWA) — это веб-приложение, которое работает как мобильное. Оно позволяет пользователям устанавливать Web Shop прямо на главный экран мобильного устройства, и переходить в магазин без необходимости открывать браузер и вручную переходить на сайт.

Для платформ, где есть ограничения на прямую переадресацию, PWA предоставляет более удобный способ доступа к Web Shop, исключая лишние шаги и повышая вовлеченность пользователей. Благодаря упрощенному доступу, PWA увеличивает число повторных посещений и покупок в Web Shop.

Сценарий пользователя для установки PWA

  1. Пользователь открывает Web Shop на мобильном устройстве.

  2. Web Shop отображает баннер установки приложения в нижней части экрана.

  1. Пользователь нажимает Install.

  2. Web Shop отображает инструкции по установке PWA.

  1. Пользователь следует инструкциям. В результате PWA добавляется на главный экран устройства.

Как настроить

  1. В вашем проекте в Личном кабинете перейдите в раздел Site Builder.
  2. В панели вашего Web Shop нажмите Открыть Site Builder.
  3. Перейдите в раздел Настройки Web App.
  4. Установите переключатель Включить Web App в активное положение.
  1. Настройте баннер установки приложения (опционально):
    • Измените заголовок баннера.
    • Измените текст баннера.
    • Установите пользовательский фон.
    • Измените стиль кнопки.
  1. Измените инструкции по установке (опционально).
  1. Настройте отображение PWA на устройстве пользователя:
    1. Укажите название PWA, оно будет отображаться на главном экране и в списке приложений на устройстве пользователя.
    2. Загрузите значок PWA.
Примечание

Если PWA использует тот же значок, что и игра, мы рекомендуем установить переключатель Показывать рамку ярлыка в активное положение. Это добавит к значку магазина рамку, чтобы его было легче визуально отличить от игры.

  1. Чтобы изменения вступили в силу, опубликуйте ваш сайт.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Последнее обновление: 11 марта 2025

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!
Не получилось отправить ваш комментарий
Попробуйте еще раз позже или напишите нам на doc_feedback@xsolla.com.