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
Это заранее созданный сайт или интернет-магазин с демоконтентом, лид-формами и кнопками, который вы можете купить и использовать для своего проекта.
В будущем готовое решение можно доработать, обратившись к программистам.
В стоимость готового решения входят такие позиции:
- Шаблон дизайна.
- Набор цветовых схем.
- Запрограммированные веб-страницы.
- Демоконтент.
- Структура меню.
- Мастер установки.
Кроме приобретения решения для разработки сайта также понадобятся:
- Система управления контентом «Битрикс».
- Аренда домена и хостинга.
Список подходящих редакций указан на детальной странице каждого решения. Если рассматривать редакции с точки зрения функционала, то можно выделить две группы:
- Редакции для разработки лендингов и корпоративных сайтов.
- Редакции для создания интернет-магазинов.
Для разработки одностраничников и корпоративных сайтов подходят редакции «Старт» и «Стандарт». «Стандарт» отличается от «Старта» наличием модуля проактивной защиты. Что входит в модуль:
- Инструмент для проведения аудита.
- Панель безопасности с разными уровнями защищенности.
- Антивирус.
- Система одноразовых паролей.
- Защита от DDoS-атак.
- Журнал вторжений и др.
С помощью этих редакций можно создать интернет-магазин, но в этом случае вам понадобится модуль корзины, не входящий в комплектацию редакций. Такой модуль включен в состав некоторых готовых решений. Оптимальный вариант для разработки интернет-магазина - это редакции «Малый бизнес» и «Бизнес», поддерживающие интеграцию с 1С.
В каких случаях нужна редакция «Бизнес»:
- Если у вашего интернет-магазина несколько групп покупателей (например, оптовые и розничные), для которых должна быть разная цена на одинаковый товар.
- Для запуска программ лояльности, систем скидок и бонусов.
- Для магазинов, в которых продаются наборы (основной товар + аксессуары).
- Для магазинов, продающих комплекты из основной позиции и актуального (но не обязательного для использования товара).
- Для тех, кто распоряжается несколькими складами или оффлайн-магазинами (информация о наличии товара должна отображаться в интернет-магазине).
Если у вас нет необходимости в перечисленных возможностях, то вы можете выбрать редакцию «Малый бизнес». В будущем ее можно расширить до более полной редакции «Бизнес», внеся дополнительную плату.
Нет, для установки решения требуется активная лицензия, то есть с момента приобретения прошло менее 12 месяцев. После истечения этого срока лицензию необходимо продлить.
Вы можете продлить лицензию, воспользовавшись одним из двух тарифов - льготным или стандартным. Льготный тариф действует в течение 30 дней после окончания лицензии (его стоимость составляет 22% от ее цены). Стандартный тариф составляет 60% от базовой цены и действует, если после окончания прошло более 30 дней.
Да, мы можем установить решение на лицензию «Битрикс». Возможна бесплатная установка, начиная с лицензии «Малый Бизнес». Для этого вы предоставляете:
- Ссылки на хостинг, логин и пароль (это необходимо для авторизации).
- Доменное имя.
- Лицензионный ключ «Битрикс».
- Купон для установки.
- Зарегистрируйте лицензионный ключ на сайте Битрикс (придет вам по e-mail после покупки). Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате: XXX-XX-XXXXXXXXXXXXXXXX.
- Скачайте установочный файл на свой компьютер.
- Зайдите на сайт хостинг-провайдера и авторизуйтесь.
- Войдите в файловый менеджер. Там вы сможете загрузить установочный файл в корневую папку хостинга.
- Сформируйте базу данных.
- Перейдите по адресу тестового домена, воспользовавшись ссылкой имя-сайта/bitrixsetup.php.
- Выберите редакцию, которая соответствует отправленному вам лицензионному ключу.
- Воспользуйтесь отправленным на вашу почту 23-значным кодом и вставьте его в поле «Лицензионный ключ». Нажмите на кнопку «Загрузить».
- После того, как появится экран «Начало установки», кликните кнопку «Далее».
- Выберите пункт «Я принимаю лицензионное соглашение», поставьте галочку и кликните кнопку «Далее».
- Выберите пункт «Я хочу зарегистрировать свою версию продукта» и поставьте галочку. Не забудьте о заполнении обязательных полей. При создании сайта на иностранном языке поставьте отметку в пункте «Установить в кодировке UTF-8» и кликните «Далее».
- Перед вами появится экран для предварительной проверки системы. На нем вы увидите показатели вашей редакции. Выделенные зеленым цветом показатели соответствуют требованиям, а красным - не соответствуют. Чтобы исправить несоответствующие значения обратитесь в техподдержку хостинговой компании.
- На появившемся экране «Создание базы данных» внесите необходимые данные (база создается на хостинге).
- После заполнения всех обязательных полей вы можете создать администратора сайта.
- Воспользуйтесь шаблоном для установки. Вы можете выбрать как бесплатный шаблон, так и готовое решение.
Следуйте инструкции:
- Установите на хостинг систему «Битрикс».
- Авторизуйтесь под данными администратора, выполнив переход по ссылке имя-сайта/bitrix.
- В разделе Marketplace вы увидите административную панель. Перейдите в нее и выберите подраздел «Обновление решений». После этого откройте вкладку «Активация купона».
- Купон - это 25 символов (цифры и заглавные буквы латинского алфавита). Введите купон для активации и кликните «Активировать купон».
- После того, как в «Списке обновлений» появится название решения, поставьте галочку и загрузите его.
- Откройте вкладку «Установка обновлений» и установите.
- Выберите название купленного решения и отметьте пункт «Загрузить».
- В разделе «Настройки» найдите подраздел «Список мастеров». Найдите название вашего решения и отметьте пункт «Установить».
- После того, как появится мастер установки, отметьте пункт «Существующий» и нажмите «Далее».
- На экране «Выбор шаблона» кликните «Далее».
- Выбрав цветовую схему, нажмите «Далее».
- Замените демоконтент и кликните «Установить».
- На появившемся экране «Завершение настройки» кликните «Перейти на сайт».
Стоимость не всегда зависит от наличия хостинга. По своему опыту можем сказать, что не все хостинги одинаковы. В некоторых ситуациях параметров хостинга недостаточно для корректной работы сайта и обеспечения рекламной кампании. Если вы пользуетесь услугами провайдеров Timeweb, Ru-Center или Rusonyx, то стоимость будет снижена на ту сумму, которая была потрачена на хостинг. В ином случае советуем обратиться к менеджеру для уточнения деталей.
Владельцам небольших проектов мы предлагаем простые тарифы хостинга для снижения расходов.
Общие для всех продуктов:
- Обновление продукта;
- Получение новых версий (можно посмотреть какие и как часто выходят обновления для Управления сайтом и для Битрикс24);
- Приоритетная техническая поддержка в первую очередь (срок ответа не превышает шести рабочих часов);
- Система резервного копирования в облако;
- Использование Маркетплейс
- Конструктор Сайты24
Уникальные для «1С-Битрикс: Управления сайтом»
- Обновление системы безопасности;
- Инспектор сайтов;
- Ускорение загрузки сайта CDN
- Мобильное приложение администратора магазина (для редакций «Малый бизнес» и «Бизнес»)
- Автобюджет контекста в Яндекс.Директ
- BigData: Персонализация
- Защита от DDoS
Уникальные для «1С-Битрикс24»
- Работа телефонии
- Автозаполнение реквизитов по ИНН
- Работа открытых линий:
- настраивать и создавать Открытые линии можно без ограничений;
- онлайн-чат работает без ограничений;
- каналы коммуникаций исчезают из виджета CRM;
- сообщения на портал из настроенных каналов продолжают приходить;
- настроить каналы нельзя - будет выдаваться ошибка (кроме Онлайн-чата);
- нельзя ответить на сообщения - они не доставляются.
Даже если вы не приобретете продление на следующий год, то по истечение года активности лицензии сайт не отключится и продолжит работать.
Теперь немного подробнее как происходит лицензирование с юридической точки зрения.
После оплаты права использования программы, вы одновременно получаете две лицензии:
1. Стандартную – она позволяет использовать продукт, получать обновления, устанавливать решения из Маркетплейс, приоритетную техническую поддержку и т.д. (то о чем говорилось вначале). Срок действия Стандартной лицензии – один год. После этого необходимо продление.
2. Ограниченную – которая дает право использовать продукт без доступа к обновлениям и решениям из Маркетплейс. Владелец Ограниченной лицензии, если срок его Стандартной лицензии истек, получает техническую поддержку менее оперативно (срок ответа – до трех рабочих дней).
Ограниченная лицензия предоставляется не по письменному договору, а по EULA (лицензионное соглашение с конечным пользователем) и не учитывается в бухгалтерском учете. Ее назначение – подтверждение правомерности использования программного продукта клиентом по истечению годичного периода.
Срок действия Ограниченной лицензии совпадает со сроком исключительных прав на программный продукт (по статье 1281 ГК РФ).
Как осуществляется поставка? Получу ли я коробку/диск?
Все продукты «1С-Битрикс» поставляются в электронном виде по электронной почте. После подтверждения факта оплаты на e-mail, указанный при оформлении заказа, будет отправлено письмо с лицензионным ключом, инструкцией по его активации и получению дистрибутива, или купоном и инструкцией по активации купона.
Поставка программных продуктов "1С-Битрикс" на физических носителях (коробки/диски) не осуществляется.
После оплаты лицензионного вознаграждения вам предоставляется право использования ПО (авторизационный код/ключ) - договор считается исполненным. Согласно п. 4 ст. 453 ГК РФ: "Стороны не вправе требовать возвращения того, что было исполнено ими по обязательству до момента изменения или расторжения договора, если иное не установлено законом или соглашением сторон."
Поставка программных продуктов "1С-Битрикс" на физических носителях (коробки/диски) не осуществляется.