Як зробити, щоб сайт встановлювався на телефон як застосунок

← Назад

Додайте інформер «Установити застосунок»: у відвідувача на телефоні з'явиться кнопка, яка ставить значок сайту на головний екран.

  1. Додайте пункт меню й у полі «Модуль» виберіть через «Вибрати» → «Інформери» картку «Установити застосунок» (код informer_pwa). Збережіть.
  2. Відкрийте пункт і натисніть «Налаштування модуля»:
    • «Текст кнопки»;
    • «Назва застосунку» і «Підпис під значком (до 12 символів)» — порожньо, береться назва сайту;
    • «Іконка застосунку (квадратна, від 512×512)» — немає її, береться фавіконка або логотип, а немає й їх — перша літера назви на кольоровому тлі;
    • «Колір тла й рядка стану застосунку»;
    • «Показувати кнопку й на комп'ютері».
  3. Збережіть.

Відвідувач бачить кнопку в браузері телефона, доки застосунок не встановлено. На Android у Chrome, Яндекс Браузері та Samsung Internet вона відкриває вікно встановлення, на iPhone — коротку інструкцію «Поділитися → На екран «Додому»». Зі встановленого застосунку кнопки немає. Без зв'язку застосунок показує сторінку «Немає з'єднання з інтернетом».

Ви як адміністратор бачите кнопку завжди — блідою там, де відвідувач її не бачить, — і підказки, якщо щось заважає встановленню.

На телефоні верхнє меню згортається в кнопку-«бутерброд», і кнопка встановлення опиниться всередині. Щоб вона була на видноті, поставте інформер у підвал або секцією на сторінку.

Якщо не вийшло

  • «Сайт відкрито не за HTTPS». Установка працює лише за захищеною адресою.
  • Сховав пункт із меню — установка зникла. Застосунок вмикає лише видимий інформер. З «Нікому. Можна перейти.» він перестає працювати.
  • Відвідувач із Telegram або ВКонтакте не може встановити. Із вбудованого браузера не можна; кнопка підкаже відкрити сайт у Chrome або Safari.
Стаття допомогла?

Дивіться також

У розділі довідки ви знайдете відповіді на поширені запитання та корисні інструкції щодо роботи з конструктором сайтів Site Look. Тут можна дізнатися, як керувати розділами, додавати об'єкти та налаштовувати сайт. Матеріали будуть корисні як новачкам, так і досвідченим користувачам. Якщо ви не знайшли відповідь, зверніться до підтримки.