Установка приложения на компьютер и телефон

Задача

Поставить «Багетку» на устройство как обычную программу: со значком, в своём окне и с работой без интернета. Установка занимает одну-две минуты, ничего скачивать и запускать вручную не нужно.

Куда вы хотите установить?

Компьютер с Windows (Edge или Chrome)
Компьютер Mac (Chrome или Safari)
Телефон или планшет Android (Chrome или Samsung Internet)
iPhone или iPad (Safari)

Сначала стоит прочитать зачем это нужно и почему это безопасно. Если готовы — переходите сразу к своему устройству.

Зачем устанавливать

«Багетка» — это сайт-конструктор, и его можно просто открывать в браузере. Установка ничего не меняет в самой работе, но делает её удобнее:

Работает без интернета. После установки конструктор запускается даже там, где нет связи: в галерее с плохим сигналом, в самолёте, на выезде к заказчику. Рамки, паспарту, размеры, спецификация и сохранение проекта в файл доступны офлайн. Интернет нужен только для общего проекта, чата и обновлений.
Запускается одним нажатием. Значок «Багетка» лежит на рабочем столе, в меню «Пуск», в Dock или на экране телефона — не нужно искать закладку и вводить адрес.
Открывается в своём окне. Без вкладок, адресной строки и чужих кнопок: всё место занимает холст. На телефоне — на весь экран.
Быстрее стартует. Файлы уже лежат на устройстве, поэтому запуск не зависит от скорости сети.
Обновляется сама. Когда мы выпускаем новую версию, приложение при следующем запуске с интернетом предложит обновиться — одной кнопкой «Обновить». Ничего переустанавливать не нужно.

Это безопасно: что именно устанавливается

Это самый частый вопрос, поэтому отвечаем прямо: рисков нет. Вот почему.

Никакой программы-установщика нет. Вы не скачиваете и не запускаете файлы .exe, .msi, .dmg или .apk. Браузер сам создаёт ярлык на сайт artsnet.store и сохраняет у себя копию его файлов (около 3 МБ — как несколько фотографий).
Не нужны права администратора и пароль от компьютера. Ничего не добавляется в системные папки, драйверы, автозапуск (если сами не включите такую галочку).
Приложение живёт в «песочнице» браузера — той же защите, что и обычный сайт. Оно не может читать ваши документы и папки: видит только те файлы, которые вы сами выбрали кнопкой «Фото» или «Проект». Камера включается только после вашего явного разрешения.
Это тот же самый сайт. Установленное приложение открывает тот же адрес https://artsnet.store/frame/app.html. Установка не подключает ничего нового и не даёт нам никаких дополнительных возможностей на вашем устройстве.
Ваши фото остаются у вас. При обычной работе конструктора изображения обрабатываются на вашем устройстве и не отправляются на сервер. Данные уходят по сети только если вы сами пользуетесь общим проектом или чатом.
Удаляется как любая программа — в два нажатия (см. «Как удалить»). Следов в системе не остаётся.

Итог

Установленное приложение — это «ярлык-окно» на знакомый вам сайт плюс копия его файлов для работы без интернета. Установить его безопаснее, чем скачать любую программу, а если передумаете — удалить можно без остатка.

Что вы получите после установки

Значок «Багетка» (оранжевый, как на сайте) — на рабочем столе, в «Пуске», Dock или на главном экране.
Отдельное окно без адресной строки: заголовок оранжевый, внутри — привычный конструктор.
Работа без интернета после первого запуска с сетью.
Сообщение «Доступна новая версия конструктора» с кнопкой «Обновить», когда выходит новая версия.

На какие устройства можно установить

Установка работает почти везде, где есть современный браузер. Разница — в том, как именно нажимать, и в нескольких особенностях.

Устройство	Браузер	Можно?	Что важно знать
Windows 10 / 11	Edge, Chrome	Да, проще всего	Значок в адресной строке, одно нажатие. Инструкция
Mac (macOS)	Chrome	Да	Так же, как в Windows. Инструкция
Mac (macOS Sonoma 14 и новее)	Safari	Да	Через меню «Файл → Добавить в Dock». В старых macOS Safari не умеет — ставьте Chrome.
Linux, Chromebook	Chrome, Chromium	Да	Как в Windows: значок в адресной строке.
Android-телефон и планшет	Chrome	Да	Через меню ⋮. Инструкция
Android	Samsung Internet	Да	Через меню ☰ → «Добавить страницу в». Инструкция
Android	Firefox	Да	Меню ⋮ → «Установить».
iPhone, iPad	Safari	Да, но вручную	Кнопки «Установить» нет: только через «Поделиться → На экран «Домой»». Инструкция
iPhone, iPad	Chrome, Firefox, Edge	Частично	На iOS эти браузеры работают на движке Safari; в новых версиях iOS в них тоже есть «Поделиться → На экран «Домой»», в старых — только через Safari. Надёжнее использовать Safari.
Компьютер	Firefox	Нет	Firefox на компьютере не умеет ставить сайты как приложения. Пользуйтесь Chrome или Edge либо работайте во вкладке — офлайн-режим и там работает.
Смарт-ТВ, консоли, старые телефоны	—	Нет	Слишком старые или ограниченные браузеры.

Есть ли разница в сложности?

Windows, Mac (Chrome/Edge), Android Chrome — самое лёгкое: браузер сам показывает кнопку «Установить», ошибиться трудно.
iPhone и iPad — самое «спрятанное»: подсказки от браузера нет, нужно знать, что искать в меню «Поделиться». Зато после этого всё работает так же.
Samsung Internet и Safari на Mac — пункт находится в меню, а не в адресной строке; читайте шаги внимательно.

Что нужно для установки на любом устройстве

Открыть адрес https://artsnet.store/frame/app.html с включённым интернетом и дождаться, пока страница загрузится полностью (лучше подождать 10–20 секунд).
Актуальная версия браузера (обновите, если ему больше двух-трёх лет).
Около 10 МБ свободного места.
Не открывать страницу в «режиме инкогнито» / «приватной вкладке» — там установка недоступна.

Самый простой способ. Откройте конструктор и загляните в меню «Справка»: если браузер умеет установку, там первым пунктом будет «Установить приложение». Нажмите на него — и остальное браузер сделает сам. На iPhone и iPad он называется «Установить на iPhone / iPad…» и покажет короткую инструкцию.

Установка на компьютер с Windows

Шаги почти одинаковы в браузерах Microsoft Edge (он уже есть в Windows 10 и 11) и Google Chrome. Выберите свой.

Windows, браузер Edge

Шаг 1. Откройте конструктор. Запустите Edge, щёлкните в адресную строку, введите artsnet.store/frame/app.html и нажмите Enter. Дождитесь загрузки страницы.

Шаг 2. Найдите значок «Установить». В правой части адресной строки появится значок в виде монитора со знаком «+». Нажмите на него.

Окно Edge с открытым конструктором. В правой части адресной строки выделен оранжевой рамкой значок «Установить». — Рис. 1. Значок «Установить» (1) в конце адресной строки Edge

Шаг 3. Подтвердите. Под значком откроется окошко «Установить приложение». Нажмите синюю кнопку «Установить».

Окно «Установить приложение» с названием «Багетка — проектировщик экспозиции» и выделенной кнопкой «Установить». — Рис. 2. Окно подтверждения: нажмите «Установить» (1)

Шаг 4. Разрешите ярлыки. Приложение сразу откроется в своём окне, а Edge спросит, куда положить значок. Оставьте галочки «Закрепить на панели задач» и «Создать ярлык на рабочем столе» и нажмите «Разрешить».

Окно «Багетка» без адресной строки, поверх — сообщение «Приложение установлено» с выделенной кнопкой «Разрешить». Внизу на панели задач выделен значок «Багетка». — Рис. 3. Готово: кнопка «Разрешить» (1) и значок на панели задач (2)

Значка «Установить» нет? Нажмите в Edge три точки «⋯» справа вверху → «Приложения» → «Установить этот сайт как приложение». Дальше — с шага 3.

Меню Edge: «Приложения» → «Установить этот сайт как приложение», пункты выделены. — Рис. 4. Установка через меню «⋯»: 1 — кнопка меню, 2 — «Приложения», 3 — «Установить этот сайт как приложение»

Windows (и Linux), браузер Chrome

Шаг 1. Откройте Chrome, введите artsnet.store/frame/app.html, нажмите Enter, дождитесь загрузки.

Шаг 2. В правой части адресной строки нажмите значок «Установить» (монитор со стрелкой вниз).

Окно Chrome с конструктором; выделен значок установки в конце адресной строки. — Рис. 5. Значок установки (1) в адресной строке Chrome

Шаг 3. В окошке «Установить приложение?» нажмите «Установить».

Окно Chrome «Установить приложение?» с кнопкой «Установить». — Рис. 6. Подтверждение установки (1)

Шаг 4. Приложение откроется в отдельном окне. Значок «Багетка» появится в меню «Пуск». Чтобы закрепить его на панели задач: правая кнопка мыши по значку внизу экрана → «Закрепить на панели задач».

Отдельное окно «Багетка» и значок приложения на панели задач Windows. — Рис. 7. Установленное приложение и его значок (1) на панели задач

Значка в адресной строке нет? Нажмите три точки «⋮» → «Трансляция, сохранение и отправка» → «Установить страницу как приложение…» (в старых версиях: «Установить Багетка…»).

Меню Chrome: «Трансляция, сохранение и отправка» → «Установить страницу как приложение…». — Рис. 8. Установка через меню Chrome: 1 — «⋮», 2 — раздел меню, 3 — нужный пункт

Результат

На панели задач или в «Пуске» — значок «Багетка». Он открывает конструктор в отдельном окне, без адресной строки.

Установка на компьютер Mac

Mac, браузер Chrome

Шаги те же, что в Windows: откройте artsnet.store/frame/app.html, нажмите значок «Установить» в адресной строке и подтвердите кнопкой «Установить».

Окно Chrome на Mac с выделенным значком установки в адресной строке. — Рис. 9. Значок «Установить» (1) в Chrome на Mac. Дальше — кнопка «Установить», как на рис. 6

Приложение откроется в своём окне, значок появится в Dock и в папке «Программы» → «Приложения Chrome». Чтобы значок остался в Dock навсегда, нажмите на него правой кнопкой (или Control + клик) → «Параметры» → «Оставить в Dock».

Окно «Багетка» на Mac, в Dock выделен значок приложения. — Рис. 10. Установленное приложение и значок (1) в Dock

Mac, браузер Safari (macOS Sonoma 14 и новее)

Шаг 1. Откройте artsnet.store/frame/app.html в Safari. В строке меню вверху экрана нажмите «Файл» → «Добавить в Dock…».

Строка меню Safari: «Файл» → «Добавить в Dock…» (выделено). — Рис. 11. Меню «Файл» (1) → «Добавить в Dock…» (2)

Шаг 2. В окошке оставьте название «Багетка» и нажмите «Добавить».

Окно «Добавить в Dock» с названием «Багетка» и кнопкой «Добавить». — Рис. 12. Кнопка «Добавить» (1)

Шаг 3. Значок «Багетка» появится в Dock. Нажмите на него — конструктор откроется в своём окне.

Окно «Багетка» и значок приложения в Dock. — Рис. 13. Значок «Багетка» (1) в Dock

Частая ошибка

В меню «Файл» нет пункта «Добавить в Dock…». Значит, у вас macOS старее Sonoma (14). Обновите систему или установите на Mac браузер Chrome и действуйте по инструкции выше.

Установка на телефон или планшет Android

Android, браузер Chrome

Шаг 1. Откройте Chrome, введите artsnet.store/frame/app.html, дождитесь загрузки страницы. Нажмите три точки «⋮» в правом верхнем углу.

Шаг 2. В меню выберите «Установить приложение». Если такого пункта нет, выберите «Добавить на главный экран» — дальше всё так же.

Chrome на Android: выделены кнопка «⋮» и пункт меню «Установить приложение». — Рис. 14. Кнопка меню «⋮» (1) и пункт «Установить приложение» (2)

Шаг 3. Внизу экрана появится окошко с названием «Багетка». Нажмите «Установить» и подождите 2–3 секунды.

Всплывающее окошко внизу экрана «Установить» с названием «Багетка». — Рис. 15. Кнопка «Установить» (1)

Шаг 4. Значок «Багетка» появится на главном экране (если нет — найдите в общем списке приложений, потянув экран вверх). Нажмите на него — конструктор откроется на весь экран.

Главный экран Android со значком «Багетка» (выделен). — Рис. 16. Готово: значок «Багетка» (1) на главном экране

Android, браузер Samsung Internet (телефоны Samsung)

Шаг 1. Откройте artsnet.store/frame/app.html в Samsung Internet. Нажмите кнопку меню «☰» (три полоски) в правом нижнем углу.

Samsung Internet: выделена кнопка меню «☰» справа внизу. — Рис. 17. Кнопка меню «☰» (1)

Шаг 2. Выберите «Добавить страницу в», затем «Главный экран». В окошке нажмите «Добавить».

Меню Samsung Internet: «Добавить страницу в» и «Главный экран» выделены. — Рис. 18. «Добавить страницу в» (1) → «Главный экран» (2)

Шаг 3. Значок «Багетка» появится на главном экране. Нажмите на него.

Главный экран со значком «Багетка». — Рис. 19. Значок «Багетка» (1) на главном экране

В новых версиях Samsung Internet рядом с адресом может появиться значок установки — тогда достаточно нажать его и выбрать «Установить». Название пунктов зависит от версии браузера и оболочки телефона, но порядок один: меню → добавить на главный экран.

Установка на iPhone и iPad

На устройствах Apple кнопки «Установить» нет — приложение добавляют через меню «Поделиться». Делайте это в браузере Safari (голубой компас). Это нормально: вы получите такой же значок на экране «Домой».

Шаг 1. Откройте Safari, введите artsnet.store/frame/app.html, дождитесь загрузки страницы.

Шаг 2. Нажмите кнопку «Поделиться» — квадрат со стрелкой вверх. На iPhone она внизу по центру, на iPad — вверху справа.

Safari на iPhone: внизу выделена кнопка «Поделиться». — Рис. 20. Кнопка «Поделиться» (1)

Шаг 3. Откроется список. Пролистайте его пальцем вверх и нажмите «На экран «Домой»».

Меню «Поделиться» на iPhone: выделен пункт «На экран «Домой»». — Рис. 21. Пункт «На экран «Домой»» (1)

Шаг 4. Название оставьте «Багетка». В правом верхнем углу нажмите синюю надпись «Добавить».

Окно «На экран «Домой»» с названием «Багетка» и выделенной кнопкой «Добавить». — Рис. 22. Кнопка «Добавить» (1) в правом верхнем углу

Шаг 5. На экране «Домой» появился значок «Багетка» (он может оказаться на последней странице — пролистайте экран вправо). Нажмите на него.

Экран «Домой» iPhone со значком «Багетка» (выделен). — Рис. 23. Готово: значок «Багетка» (1) на экране «Домой»

Особенность iPhone и iPad

Установленное приложение на iOS хранит данные отдельно от Safari. Проекты из списка «Недавние проекты», сделанные в браузере, в приложении не отобразятся. Поэтому сохраняйте важные проекты в файл кнопкой «Сохранить» (это JSON-файл) и открывайте его кнопкой «Проект» — так работа никогда не потеряется.

Как понять, что всё получилось

Значок «Багетка» есть на рабочем столе, в «Пуске», Dock или на главном экране.
При нажатии открывается конструктор без адресной строки и вкладок.
Проверка офлайн-режима: отключите интернет (режим «В самолёте» или выключите Wi-Fi) и запустите приложение. Оно должно открыться и работать. Не забудьте включить сеть обратно.

Как удалить приложение

Если приложение больше не нужно, удалите его так же, как любую программу. Проекты, которые вы сохранили в файлы, останутся на месте.

Windows: «Пуск» → правая кнопка по «Багетка» → «Удалить». Или откройте приложение, нажмите «⋯» (в окне справа вверху) → «Удалить …».
Mac: Dock → правая кнопка по значку → «Удалить из Dock» (для Chrome — также удалите в «Программы» → «Приложения Chrome»).
Android: долгое нажатие на значок → «Удалить» / «Удалить приложение».
iPhone, iPad: долгое нажатие на значок → «Удалить закладку» / «Удалить приложение».

Перед удалением сохраните важные проекты в файл: данные, которые хранились только внутри приложения (например, список «Недавние проекты»), вместе с ним могут удалиться.

Если что-то не получается

Нет значка «Установить» или пункта в меню. Проверьте: открыт ли адрес https://… (с замочком), не включён ли режим инкогнито, обновлён ли браузер. Подождите 10–20 секунд после открытия страницы и обновите её (F5).
Приложение уже установлено. Вместо «Установить» браузер показывает «Открыть в приложении» — значит, установка уже сделана; ищите значок в «Пуске» или на экране.
Приложение не открывается без интернета. После установки его нужно хотя бы один раз запустить с сетью и подождать 10–20 секунд: за это время сохраняются все файлы.
Приложение показывает старую версию. Закройте и откройте его с интернетом — появится плашка «Доступна новая версия конструктора» с кнопкой «Обновить». Если не помогло: сброс кэша (проекты, сохранённые в файлы, не пострадают).
Не нашли ответ. Напишите нам — контакты: укажите устройство, браузер и что именно вы нажимали.

Хотите показать конструктор на своём сайте? См. встраивание на другие сайты.

Далее: загрузка фото и проекта · сохранение и экспорт · глоссарий · к оглавлению