«Скиньте ссылку ещё раз»Ваш сайт — иконкой на экране
PWA — это сайт, который добавляется на главный экран смартфона в пару касаний и открывается как приложение, со своей иконкой. Делаем его на основе вашего сайта на WordPress.
сделать PWA для сайтасайт как приложениеPWA на WordPressиконка сайта на экране телефонаприложение без магазина приложенийPWA для салонаPWA для кафе с менюускорение сайта для мобильных
сделать PWA для сайтасайт как приложениеPWA на WordPressиконка сайта на экране телефонаприложение без магазина приложенийPWA для салонаPWA для кафе с менюускорение сайта для мобильных
До
Одно касание против цепочки шагов
Разница не в новом продукте и не в большом бюджете, а в том, сколько шагов отделяет клиента от вашего сайта.
Как делали
Клиент ищет сайт — или просит ссылку заново
Клиент каждый раз ищет сайт в поиске или просит ссылку: название вспоминается не сразу, сообщение теряется в переписке, визит откладывается. Часть таких визитов так и не случается — не потому что передумали, а потому что не нашлось.
ссылка живёт в перепискеназвание сайта вспоминается не сразупоиск откладывает визитклиент уходит туда, кто «под рукой»
VS
Как делаем
Иконка рядом с мессенджерами
Делаем иконку вашего сайта на главном экране смартфона — рядом с мессенджерами. Клиент открыл в одно касание: не ищет в поиске, не листает переписку и не просит ссылку заново.
открыл в одно касаниеиконка рядом с мессенджерамипоиск не нуженработает как приложение
После
Демо: поставьте иконку на экран
Что сделать: нажмите «Добавить на экран», затем коснитесь появившейся иконки «Ваш сайт»
12:30пример · схема экрана
Чаты
Камера
Галерея
Почта
Календарь
Ваш сайт
Ваш сайт · главный экран
Пример: здесь ваши страницы — меню, акции, запись, товары и контакты
Так это выглядит у клиента
Клиент заходит на ваш сайт, добавляет иконку в пару касаний — и дальше открывает вас как приложение. Никаких магазинов и модераций, всё на основе вашего сайта на WordPress.
Шаг 1 · нажмите «Добавить на экран»
Экран — упрощённая схема, а не скриншот: так иконку видит клиент на своём смартфоне.
Иконка появляется рядом с мессенджерами — открыл в одно касание.
По фактам услуги: без публикации в магазинах приложений и без модераций.
После
Анатомия: пять частей одной услуги
Что сделать: нажимайте точки на схеме — справа раскроется описание части
Схема — упрощённый пример главного экрана смартфона.
01 / 05
Иконка на главном экране
После настройки у вашего сайта появляется иконка — как у обычного приложения. Клиент добавляет её на главный экран смартфона в пару касаний прямо с сайта.
Добавление — в пару касаний, без установки из магазинов
Иконка со своим значком — сайт узнаётся с первого взгляда
Место на экране — рядом с мессенджерами
Клиенту не нужно просить ссылку заново
Открывается как приложение
Иконка открывает ваш сайт как обычное приложение. То, что клиенту нужно, — меню, акции, экскурсии, товары, запись — на первом экране.
Запуск — одним касанием по иконке
Открывается как обычное приложение, со своей иконкой
Клиент попадает на ваш сайт сразу, а не через поиск
Постоянным клиентам проще возвращаться
Без публикации в магазинах приложений
PWA не нужно размещать в магазинах приложений. Это значит: никаких публикаций, никаких ожиданий модерации и никаких платежей за размещение.
Не нужно платить за публикацию в магазинах приложений
Не нужно ждать модерацию
Иконка ставится прямо с вашего сайта
Работает на базе сайта, а не отдельного продукта
На основе вашего сайта на WordPress
Второй продукт с нуля не нужен: PWA мы делаем на основе вашего действующего сайта на WordPress.
Работаем с вашим сайтом на WordPress
Отдельное приложение с нуля не нужно
В иконке — ваш сайт: разделы, страницы, контакты
Один бренд — и сайт, и иконка на экране клиента
Ускорение для мобильного интернета
Дополнительно можно ускорить сайт для мобильного интернета — чтобы страницы открывались увереннее там, где связь слабая.
Опция по вашему выбору — подключаем по желанию
Оптимизация загрузки страниц под мобильный интернет
Актуально для клиентов «на ходу»: в дороге, в очереди, между делами
Обсуждаем вместе с остальными настройками PWA
После
Что меняется для каждой стороны
Одна иконка на главном экране — и у клиента, у вас и у сайта появляются новые свойства. Переключайте, кому смотрим.
Клиенту: вы всегда под рукой
Постоянному клиенту больше не нужно вспоминать название, искать вас в поиске или просить ссылку заново. Ваш сайт открывается с главного экрана — как обычное приложение, со своей иконкой.
Скорость возврата к вамвысокая
Число шагов до вашего сайтаминимум
Открыл в одно касание — рядом с мессенджерами
Не ищет сайт в поиске и не хранит ссылку в переписке
Всё нужное — меню, акции, запись, товары — на первом экране
Вам: клиенты возвращаются сами
Клиент, у которого ваш сайт стоит иконкой на экране, возвращается без напоминаний — и не уходит к тому, кто оказался «под рукой». При этом вы не платите за публикацию в магазинах приложений и не ждёте модерацию.
Напоминание о вас на экране клиентапостоянное
Расходы на публикацию и модерациюнулевые
Не нужно платить за публикацию в магазинах приложений
Не нужно ждать модерацию — иконка ставится прямо с сайта
Клиентам не нужно каждый раз просить ссылку заново
Сайту: второй продукт не нужен
PWA мы делаем на основе вашего сайта на WordPress — отдельное приложение с нуля не разрабатывается. Дополнительно можно ускорить сайт для мобильного интернета, чтобы страницы открывались увереннее при слабой связи.
Использование вашего сайта на WordPressполное
Скорость на мобильном интернетеповышается
Один сайт — и в браузере, и иконкой на экране
Ускорение для мобильного интернета — опция по желанию
Разделы, страницы и контакты — те же, что на сайте
Шкалы качественные, без процентов: они показывают характер изменения, а не измеренные значения.
После
Сценарии применения
Примеры ситуаций, не отзывы клиентов
Салон · мастера
Запись — с экрана, а не из переписки
У мастера с постоянными клиентами иконка студии стоит на главном экране: клиентка открыла в одно касание — между делом глянула свободные окошки и записалась.
постоянные клиентки открывают запись в одно касание
Кафе
Меню и акции — в одно касание
Гость поставил иконку кафе на главный экран: сегодня заглянул — открыл меню и увидел актуальные акции, без поиска названия заведения.
меню и акции всегда на первом экране
Экскурсии · прокаты
Маршрут и запись — с экрана телефона
Гид и прокат живут на потоке гостей: иконка сайта на экране нового клиента — и расписание экскурсий или свободный самокат он открывает уже без поиска.
расписание и бронь открываются в одно касание
Магазины
За новым — по иконке
В магазины, к которым возвращаются за новым, покупатель заходит снова и снова. Иконка на экране превращает «зайду как-нибудь» в осознанное возвращение — без поиска и закладок.
возвращение за новым — одним касанием
Мост
Пять шагов — от первого сообщения до иконки у клиента
Двигайтесь по шагам — каждый короткий и понятный. Сроки обсуждаем индивидуально: напишите, посмотрим ваш сайт и назовём честный горизонт.
Шаг 01 · обсудим сроки
Пишете в Telegram
Одно сообщение — и мы на связи. Рассказываете, какой у вас сайт и что важно: запись, меню, каталог. Уточним детали и обсудим сроки — честно, без «универсальных» цифр.
Шаг 02 · обсудим сроки
Смотрим ваш сайт на WordPress
Изучаем структуру и мобильную версию: что клиент увидит первым экраном, откуда удобнее ставить иконку. После осмотра называем объём работ и сроки.
Шаг 03 · обсудим сроки
Настраиваем PWA и иконку
Готовим PWA на основе вашего сайта: значок иконки, поведение при запуске, при желании — ускорение для мобильного интернета. По завершении присылаем, что именно настроено.
Шаг 04 · обсудим сроки
Проверяем добавление на экран
Проходим путь клиента вместе: сайт — «добавить на главный экран» — иконка рядом с мессенджерами. Проверяем на реальных смартфонах, что всё открывается как приложение.
Шаг 05 · обсудим сроки
Показываем клиентам, как установить
Даём короткую памятку: где на экране появится иконка и что она откроет. Клиенты ставят сайт на главный экран в пару касаний — и возвращаются к вам в одно касание.
SEO-бриф · простыми словами
PWA — сайт как приложение: что это и зачем
PWA — это обычный сайт, которому добавили поведение приложения: его можно поставить на главный экран смартфона в пару касаний, и дальше он открывается со своей иконкой, как привычное приложение. Сайт при этом остаётся сайтом — он по-прежнему работает в браузере и остаётся на вашем WordPress. Просто у него появляется второй «вход»: иконка на главном экране рядом с мессенджерами.
Что такое PWA простыми словами
Обычный сайт живёт в браузере: чтобы попасть на него, клиент ищет вас по названию или просит ссылку. PWA превращает сайт в иконку на главном экране — одно касание, и сайт открывается на весь экран, как приложение, с вашим значком. При этом второй продукт с нуля не нужен: мы делаем PWA на основе вашего действующего сайта на WordPress.
Пара слов о терминах
PWA расшифровывается как Progressive Web App — «прогрессивное веб-приложение». Для клиента это просто «приложение с иконкой», для вас — тот же сайт, без нового сайта и без нового продукта.
Чем это удобно постоянным клиентам
Главная выгода — привычный жест: нажал на иконку — ты на сайте. Постоянному клиенту больше не нужно ничего вспоминать и никуда «сходить»:
пара касаний — и иконка вашего сайта стоит на главном экране;
клиент не ищет вас в поиске и не просит ссылку заново;
иконка лежит рядом с мессенджерами — там, куда смотрят каждый день;
меню, акции, запись, товары и контакты — на первом экране;
вернуться к вам проще, чем листать переписку.
«Скиньте ссылку ещё раз» — фраза, которая больше не понадобится: сайт теперь всегда на экране у клиента.
Почему не нужна публикация в магазинах приложений
PWA ставится прямо с вашего сайта, поэтому не требует публикации в магазинах приложений: не нужно платить за размещение, ждать модерацию и подстраиваться под чужие правила. Иконка появляется на экране сразу после короткого подтверждения.
Как клиент ставит иконку — весь путь в пять шагов:
Клиент заходит на ваш сайт со смартфона.
В меню браузера выбирает «Добавить на главный экран».
Подтверждает — иконка появляется рядом с мессенджерами.
Открывает сайт с этой иконки — как приложение, на весь экран.
Дальше возвращается к вам в одно касание.
Чем PWA не является
Это не второе приложение с нуля и не переделка сайта: настраиваем PWA на основе вашего сайта на WordPress — со всеми разделами, страницами и контактами, которые там уже есть.
Внимание
PWA — это оболочка вашего сайта, а не его копия: если сайт недоступен, иконка не откроется. Поэтому мы проверяем добавление на экран на шаге 4 — именно на ваших устройствах.
Что входит
Настройка PWA на основе вашего сайта, иконка для главного экрана, проверка добавления на экран и короткая памятка для клиентов. По желанию — ускорение сайта для мобильного интернета.
Частые вопросы
Приложение правда не публикуется в магазинах?
Правда: иконка ставится прямо с сайта в пару касаний. Поэтому ни публикация, ни модерация, ни плата за размещение не нужны.
Мой сайт должен быть на WordPress?
Мы делаем PWA на основе вашего сайта на WordPress — второй продукт с нуля не нужен. Напишите нам: посмотрим ваш сайт и скажем, как лучше всего поставить иконку.
Что нужно, чтобы начать?
Одно сообщение в Telegram, по телефону или во ВКонтакте. Дальше — по шагам: смотрим сайт, настраиваем PWA и иконку, проверяем добавление на экран, показываем клиентам, как установить.
Можно ли заодно ускорить сайт?
Да, ускорение для мобильного интернета доступно как опция — обсудим его при настройке PWA.
PWA — это короткий путь от «вспомнить о вас» до «открыть ваш сайт»: пара касаний до иконки, ноль модераций в магазинах, один сайт вместо второго продукта. Напишите в Telegram, по телефону или во ВКонтакте — обсудим ваш сайт на WordPress и сроки.
Мост
Куда написать
Выбирайте привычный канал — отвечаем сами, без ботов и очередей.