Как сделать, чтобы сайт ставился на телефон как приложение
← ZurückДобавьте информер «Установить приложение»: у посетителя на телефоне появится кнопка, которая ставит значок сайта на главный экран.
- Добавьте пункт меню и в поле «Модуль» выберите через «Выбрать» → «Информеры» карточку «Установить приложение» (код
informer_pwa). Сохраните. - Откройте пункт и нажмите «Настройки модуля»:
- «Текст кнопки»;
- «Название приложения» и «Подпись под значком (до 12 символов)» — пусто, берётся название сайта;
- «Иконка приложения (квадратная, от 512×512)» — нет её, берётся фав-иконка или логотип, а нет и их — первая буква названия на цветном фоне;
- «Цвет фона и строки состояния приложения»;
- «Показывать кнопку и на компьютере».
- Сохраните.
Посетитель видит кнопку в браузере телефона, пока приложение не установлено. На Android в Chrome, Яндекс Браузере и Samsung Internet она открывает окно установки, на iPhone — короткую инструкцию «Поделиться → На экран «Домой»». Из установленного приложения кнопки нет. Без связи приложение показывает страницу «Нет соединения с интернетом».
Вы как администратор видите кнопку всегда — бледной там, где посетитель её не видит, — и подсказки, если что-то мешает установке.
На телефоне верхнее меню сворачивается в кнопку-«бутерброд», и кнопка установки окажется внутри. Чтобы она была на виду, поставьте информер в подвал или секцией на страницу.
Если не получилось
- «Сайт открыт не по HTTPS». Установка работает только по защищённому адресу.
- Скрыл пункт из меню — установка пропала. Приложение включает только видимый информер. С «Никому. Можно перейти.» он перестаёт работать.
- Посетитель из Telegram или ВКонтакте не может установить. Из встроенного браузера нельзя; кнопка подскажет открыть сайт в Chrome или Safari.
