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