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

← Назад

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

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

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

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

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

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

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

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

Як поставити логотип і фавіконкуОбидві картинки завантажуються в налаштуваннях інформера «Логотип» — полями «Логотип» і «Фав-іконка».Як оформити блок: рамка, фон, відступи, тіньНаведіть на блок і натисніть шестерню — відкриється вікно стилів із вкладками «Межа», «Блок», «Текст», «Посилання», «Анімація», «Позиціонування».Як додати лічильник або чужий віджет на всі сторінкиВкладка «Про сайт» у загальних налаштуваннях, поле «HTML-код віджетів» — код вставляється на кожну сторінку сайту.Що таке інформери в менюЦе маленькі віджети, які стоять у меню нарівні з пунктами: логотип, кошик, пошук, перемикач мови, чат та інші.

Підказки для роботи з конструктором

Розділ «Довідка» створено для тих, хто вперше збирає сайт на «Першій лінії». Тут зібрано відповіді на часті питання: як створити сайт, що писати в полях, як редагувати тексти й фотографії, як підключити власний домен і налаштувати розділи. Матеріали допоможуть розібратися без звернення до підтримки.

Конструктор влаштований просто: ви заповнюєте поля на сторінці створення, а потім редагуєте вміст прямо на готовому сайті. Якщо щось не виходить або незрозуміло, загляньте у відповідний пункт довідки. Інструкції написані простою мовою й описують кожен крок.

У довідці ви знайдете відповіді на питання:

  • як придумати адресу сайту і що робити, якщо ім'я зайняте;
  • як змінити назву, опис та інші тексти на сторінці;
  • як додати товари, послуги або форми заявок;
  • як підключити свій домен замість адреси на firstline.com.ua;
  • як налаштувати розділи й модулі під завдання вашої справи.

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.