PWA-КНОПКА - ЭТО ПЛАГИН, ПРЕВРАЩАЮЩИЙ САЙТ В МОБИЛЬНОЕ ПРИЛОЖЕНИЕ
На Вашем сайте появится КНОПКА, при клике на которую сайт установится на устройство клиента, как приложение. PWA-приложения создается прямо из вашего сайта: пользователь видит мобильную версию и может просматривать уже посещенные страницы даже без интернета..
Сразу работают все модули, все авторизации, бонусные системы, личные кабинеты и т.д. Все изменения, которые вы делаете на сайте, мгновенно становятся доступны в приложении. Фактически, PWA - это плагин для вашего сайта, добавляющий кнопку на экраны смартфонов и управляющий кэшированием с доступом к сайту даже оффлайн.
В чем отличие от обычного PWA-плагина?
Основное отличие этого плагина от других - на Вашем сайте появится кнопка, с помощью которой и происходит установка сайта на устройства клиентов. В обычных плагинах такой кнопки нет - браузер однократно предлагает установку приложения, и если пользователь закрыл окно с предложением, оно больше не выводится. Кнопка же выводится всегда.
Кто уже использует PWA? Tinder, Youtube Music, Telegram, ВКонтакте, Twitter, Google Maps, Aliexpress, Spotify, Pinterest, Trivago, Starbucks, Financial Times и множество других проектов активно используют технологию PWA. Все развивается, будьте в числе лидеров! |
Больше постоянных клиентов
Иконка на экране смартфона - это самый простой и быстрый путь на сайт. Чем больше повторных заходов на ваш сайт, тем чаще совершаются продажи. Чем больше постоянных клиентов - тем меньше зависимость от рекламы.
Выше скорость > больше продаж
Сайт будет работать в режиме PWA у всех посетителей, для этого им не обязательно устанавливать приложение на свои устройства. Скрипты будут автоматически сохранять страницы в устройствах и сделают их доступными даже без интернета.
Улучшение позиций в поиске
Позиции в поисковиках зависят, в том числе, от активности посетителей сайта. Технология PWA помогает улучшить ключевые показатели: количество возвратов, скорость сайта, количество просмотров, достижение ключевых целей.
Видео-пример работы приложения в iOs
Для каких сайтов подходит?
Если Вам нужны постоянные клиенты и важна скорость работы сайта, то PWA поможет решить обе эти задачи. Практически любой сайт можно ускорить и превратить в мобильное приложение. Полностью сохраняется дизайн, продолжают работать все модули оплат, личные кабинеты, системы лояльности, статистика и т.д., но все становится намного быстрее и в смартфоны добавляется иконка.
Кто использует технологию?
? интернет-магазины
? сайты кафе и ресторанов
? доставка готовой еды
? салоны красоты
? спортзалы и клубы
? личные блоги
? онлайн-школы
? информационные проекты
В каких браузерах работает?
PWA работает в большинстве современных браузеров: на сайте появится кнопка "Установить", которую можно нажать. На главный экран телефона добавится иконка, и при нажатии на нее сайт будет открываться как приложение (без элементов браузера). В большинстве браузеров это работает именно так, но в некоторых - с нюансами.
Кнопка работает на Android-устройствах:
? Chrome
? Samsung Browser
? Android Browser
? Yandex Browser
? и некоторых других браузерах.
На iOs устройствах только в браузере Safari.
В браузере Opera и в режиме "Инкогнито" других браузеров технология не поддерживается.
Откройте сайт в мобильном телефоне, дождитесь появления кнопки в левом нижнем углу (она появляется через несколько секунд) и нажмите ее. Приложение установится на телефон, появится иконка на главном экране. Ваш сайт можно будет устанавливать так же!
Хорошо оптимизированный сайт с быстрой мобильной версией + технология PWA = современная альтернатива тяжелым нативным приложениям. |
В чем отличия от нативной разработки?
Веб-приложения (PWA) создаются прежде всего для увеличения скорости работы сайта и мгновенному доступу к нему с экрана смартфона. PWA ускоряют ваш сайт в любом случае - приложение не обязательно устанавливать на смартфон.
Нативные приложения - это отдельный продукт, для которого нужно отдельно настраивать взаимодействие с сайтом. Преимущества нативной разработки - доступ к особым возможностям устройства: Bluetooth, NFC, камере смартфона, GPS и т.д. Минусами нативной разработки можно считать высокую стоимость (обычно сотни тысяч рублей, т.к. работать будут несколько программистов), сложность обновлений, сложность взаимодействия с серверной частью, время разработки (несколько месяцев), необходимость создания аккаунтов в маркетах.
Если ваш проект может работать через браузер, то PWA - это быстрое доступное современное решение.
Можно ли добавить в Google Play и Appstore?
Технически это возможно: для приложений создаются специальные оболочки, создаются аккаунты в маркетах и программы публикуются. Мы предлагаем сначала запустить именно PWA-версию с установкой из браузера и все протестировать - это быстрее, дешевле и намного проще. Если возникнет необходимость публикации, то у вас уже будет работающее приложение.
Есть ли технические требования к сайту?
Первое требование - подключенный HTTPS. На большинство хостингов это можно сделать за 10 минут бесплатно прямо в панели управления хостингом. Сайты с https лучше ранжируются поисковиками, и в любом случае это полезно для сайта. Второе - вам должна нравиться мобильная версия сайта, т.к. приложение будет ее точной копией. В будущем вы сможете вносить в нее любые изменения - все развивается, и технология PWA (в отличии от нативной разработки) позволяет мгновенно автоматически обновлять приложение вместе с сайтом.
Это будет как ярлык для сайта?..
Нет, кроме иконки на устройство устанавливаются скрипты, которые управляют кэшированием сайта (его ускорением). Эти скрипты можно настроить через панель управления: указать страницы сайта, которые будут доcтупны даже оффлайн, поменять иконку приложения и т.п. На сайте появится кнопка для установки приложения прямо из браузера (дизайн кнопки и место ее расположения могут быть любыми). Ускорение работы интерфейса и его плавность - это и есть основная цель создания большинства мобильных приложений.
Как будет обновляться информация?
Вся информация в приложении автоматически обновляется одновременно с обновлениями на сайте. Т.е. новые материалы, новые цены товаров, новые сервисы на сайте и т.п. появляются в приложении мгновенно автоматически без необходимости пересборки. Если вы меняете что-то в дизайне сайта - одновременно автоматически меняется и дизайн приложения.
Сайт будет доступен без интернета?
Цель приложения - ускорить работу сайта. Для этого на устройстве сохраняются файлы сайта: картинки, файлы стилей, html-код страниц, скрипты. В некоторых браузерах (Chrome, Android Browser и т.п.) приложение может загружать страницы даже ДО их просмотра, в других браузерах будут сохраняться только просмотренные страницы. Все, что сохранилось на устройстве, будет доступно и без интернета.
Будет ли работать поиск по сайту?
Да, поиск по сайту будет работать внутри приложения как обычно, но для этого нужен доступ в интернет.
Будет ли работать статистика?
Да, статистика будет работать как обычно в вашем аккаунте Метрики или другой системы: вы сможете видеть просмотры, достижения целей и т.п.
Приобретенные программные продукты поставляются в виде цифро-буквенного кода. Используя код, вы сможете установить продукт на хостинг. Код приходит на указанный в заказе адрес электронной почты.
Время от момента получения оплаты до момента отправки кода составляет несколько часов. В течение этого периода выполняет оформление приобретенной продукции.
Обращаем ваше внимание, что дополнительная задержка может быть вызвана некорректно указанным адресом почты. Просим вас внимательно проверять ваши персональные данные при оформлении заказа. Мы гарантируем, что конфиденциальность ваших данных будет соблюдена.
Что требуется для установки:
- CSM «1С-Битрикс».
- Домен.
- Хостинг.
Мы предлагаем приобрести все необходимое в готовом наборе на нашем сайте. Это позволит ускорить дальнейшую установку.
Бонус: бесплатная базовая установка!
Чтобы получить подробную информацию о сервисе, вы можете ознакомиться с официальными реестрами Visa International и MasterCard Worldwide. Заполнив и подтвердив заказ, вы будете переадресованы на сайт сервиса Яндекс.Деньги. Там вы сможете оплатить заказ, воспользовавшись картой Visa, Mastercard или Maestro или кошельком Яндекс.Деньги.
Подробнее
Настройки кнопки доступны через: Настройки - Настройки продукта - Настройки модулей - Mainapp. PWA приложение
Добавление кнопки и манифеста в шаблон:
1) В файле header.php Вашего шаблона между тегами <head> нужно добавить код:
<li nk href="/manifest.json?v=<?=time();?>" rel="manifest" /> <li nk rel="apple-touch-icon" sizes="36x36" href="/upload/apple-touch-icon-36x36.png"> <li nk rel="apple-touch-icon" sizes="48x48" href="/upload/apple-touch-icon-48x48.png"> <li nk rel="apple-touch-icon" sizes="72x72" href="/upload/apple-touch-icon-72x72.png"> <li nk rel="apple-touch-icon" sizes="96x96" href="/upload/apple-touch-icon-96x96.png"> <li nk rel="apple-touch-icon" sizes="144x144" href="/upload/apple-touch-icon-144x144.png"> <li nk rel="apple-touch-icon" sizes="192x192" href="/upload/apple-touch-icon-192x192.png"> |
<?$APPLICATION->IncludeComponent( "mainapp:pwa.footer", ".default", Array( "CACHE_TYPE" => "N" ), false );?> |
- Оптимизация модуля под версию php 8.1
Это заранее созданный сайт или демоверсия интернет-магазина с лид-формами и кнопками, который вы можете оплатить и использовать для своего проекта.
В будущем можно корректировать ресурс.
На стоимость влияют дизайн, используемые цветовые схемы, количество страниц, демоконтент, структура меню и т.д.
Также для разработки интернет-магазина нужны система управления контентом на платформе «Битрикс», домен и хостинг. Они тоже влияют на итоговую стоимость.
С перечнем подходящих редакций можно ознакомиться на странице любого решения. По набору функций редакции делятся на две категории:
- Редакции для создания лендинговых и корпоративных сайтов;
- Редакции для разработки интернет-магазинов.
Одностраничные сайты и корпоративные порталы разрабатывают на базе редакций «Старт» и «Стандарт». Последняя имеет модуль проактивной защиты, в который входят:
- антивирус;
- панель безопасности;
- инструмент для аудиторской проверки;
- система одноразовых паролей;
- журнал вторжений;
- защита от хакерских атак и др.
Модуль корзины в эти редакции не входит, что затрудняет создание интернет-магазина. Этот модуль включен в редакции «Малый бизнес» и «Бизнес», которые поддерживают интеграцию с 1С.
Редакция «Бизнес» понадобится, если:
- Цена на один и тот же товар различна для нескольких групп покупателей.
- Вы запускаете программы лояльности, системы бонусов и скидок.
- Вы продаете наборы товаров.
- В магазине продаются комплекты из основной позиции и необязательных аксессуаров.
- Необходимо отображать информацию о наличии товара в офлайн-магазинах или на складах.
Если вы не нуждаетесь в таких возможностях, остановитесь на «Малом бизнесе». В будущем можно перейти на редакцию «Бизнес».
Да, мы можем интегрировать сайт с «Битрикс». Мы сделаем это бесплатно для лицензий категории «Малый бизнес» и выше.
Для этого нам нужны ссылки на ваш хостинг и доступы к нему для авторизации, домен, лицензионный ключ «Битрикс», купон для установки.
- После покупки лицензионного ключа вам на почту придет код: 23 символа, которые состоят из букв латинского алфавита и цифр в формате XXX-XX-XXXXXXXXXXXXXXXX. Зарегистрируйте эти данные на платформе «Битрикс».
- Скачайте файл для установки.
- Авторизуйтесь на сайте вашего хостинг-провайдера.
- Зайдите в файловый менеджер. Здесь можно загрузить файл в папку хостинга.
- Создайте базу данных.
- Перейдите на тестовый домен формата имя-сайта/bitrixsetup.php.
- Выберите ту версию, которая соответствует вашему лицензионному ключу.
- Скопируйте 23-значный код из почты и вставьте его в поле «Лицензионный ключ», загрузите его.
- Нажмите кнопку «Далее», когда появится окно установки.
- Примите соглашение и нажмите «Далее».
- Выберите пункт ««Я хочу зарегистрировать свою версию продукта» и заполните обязательные поля. Если вы хотите создать сайт на иностранном языке, также отметьте пункт «Установить в кодировке UTF-8» и переходите далее.
- На экране предварительной проверки убедитесь, что все показатели горят зеленым. Если некоторые показатели красные, значит, они не соответствуют требованиям. Чтобы их исправить, обратитесь в техподдержку хостинговой компании.
- Заполните всю необходимую информацию на этапе создания базы данных. Она создается на хостинге.
- После заполнения всех обязательных полей создайте администратора сайта.
- Установите шаблон.
- Установите на хостинг систему «Битрикс».
- Авторизуйтесь как администратор по ссылке имя-сайта/bitrix.
- Перейдите в Marketplace — административная панель — обновление решений — активация купона.
- Чтобы активировать купон, введите 25 символов.
- Когда увидите в «Списке обновлений» ваш сайт, выберите его и загрузите.
- Зайдите в «Установку обновлений» и установите сайт.
- Выберите ваш интернет-магазин и загрузите его.
- Перейдите в настройки и установите ваш сайт в разделе «список мастеров».
- После того как появится мастер установки, отметьте пункт «Существующий» и нажмите «Далее».
- На экране «Выбор шаблона» кликните «Далее».
- Выберите цвета и нажмите «Далее».
- Добавьте на сайт актуальную информацию и кликните «Установить».
- На появившемся экране «Завершение настройки» кликните «Перейти на сайт».
Наличие хостинга не всегда влияет на стоимость. Опыт показывает, что иногда параметры хостинга недостаточны для правильной работы сайта и запуска рекламной кампании. Если вы пользуетесь хостингами от провайдеров Timeweb, Ru-Center или Rusonyx, то стоимость будет снижена на ту сумму, которую вы заплатили за хостинг. В остальных случаях обращайтесь к администратору, чтобы обсудить детали.
Если у вас небольшой проект, то мы можем предложить вам простой тариф, чтобы оптимизировать затраты.
В течение года вам доступны следующие услуги:
Для всех продуктов:
- обновление;
- получение новых версий;
- приоритет в получении технической поддержки (ответ в течение 6 рабочих часов);
- резервное копирование;
- использование Маркетплейса;
- доступ к конструктору «Сайты24».
Для «1С-Битрикс: Управления сайтом»:
- обновление системы безопасности;
- доступ к инспектору сайтов;
- возможность ускорять загрузку сайта CDN;
- наличие мобильного приложения администратора (для редакций «Малый бизнес» и «Бизнес»);
- автоматическое формирование бюджета для контекстной рекламы в Яндекс.Директ;
- доступ к функции BigData: Персонализация;
- защита от хакерских атак (DDoS атак).
Для «1С-Битрикс24»
- IP-телефония;
- Автоматическое заполнение данных по ИНН;
- Работа открытых линий:
- настройка и неограниченное создание Открытых линий;
- полный доступ к онлайн-чату;
- каналы коммуникаций исчезают из виджета CRM;
- сообщения на портал из настроенных каналов продолжают приходить;
- настроить каналы нельзя — будет выдаваться ошибка (кроме Онлайн-чата);
- нельзя ответить на сообщения, так как они не приходят.
Если вы не продлите лицензию на следующий год, сайт продолжит работать.
Теперь подробнее остановимся на юридической стороне лицензирования.
Вы оплачиваете право использования программы и получаете 2 лицензии:
- Стандартная. Позволяет пользоваться продуктом, получать обновления, устанавливать решения из Маркетплейса. Также вы получите приоритет при получении технической поддержки. Это относится к блоку «для всех продуктов», описанному выше в этом вопросе. Такая лицензия действует 1 год, после чего ее нужно продлить.
- Ограниченная. Дает право только на использование продукта. В данном случае нет доступа к обновлениям, Маркетплейсу, отсутствует приоритетность при обращении в техподдержку.
Ограниченная лицензия выдается на основании EULA (лицензионного соглашения с конечным пользователем) и не считается в бухгалтерском учете. Ее цель — подтвердить, что вы по праву пользуетесь программой после истечения срока действия основной лицензии.
Ограниченная лицензия действует столько же, сколько и исключительное право на программный продукт (ст. 1281 ГК РФ).
Вы получите продукт по почте в электронном виде. После подтверждения оплаты вам на e-mail придет лицензионный ключ, инструкция по его активации и активации дистрибутива или же купон и инструкция по активации купона.
Мы не доставляем продукты «1С-Битрикс» в физическом виде.