PWA и Magento: создание мобильных покупок нового поколения

Это гостевой пост Виестурса Абелиса, руководителя отдела контента в Scandiweb.

Прогрессивные веб-приложения. Все говорят о них, и даже если вы не уверены, что именно они представляют собой, вы, вероятно, уже используете эту технологию. Twitter, Starbucks, AliExpress и многие другие успешно внедрили PWA, которыми ежедневно пользуются миллионы людей.

И результаты уже есть. Количество страниц за сеанс в Twitter увеличилось на 65%, количество отправленных твитов увеличилось на 75%, а показатель отказов снизился на 20%. AliExpress удвоил количество посещенных страниц за сеанс и увеличил коэффициент конверсии на 104%. Google накопил поразительное портфолио историй успеха PWA.

То, что пару лет назад было технологией, используемой в основном цифровыми гигантами, из-за высокой стоимости разработки и неизбежности пользовательских решений, сегодня становится все более демократизированным и доступным. Благодаря новым PWA-решениям и широкому распространению PWA эта технология теперь доступна каждому.

PWA меняют правила игры, и, поскольку все больше и больше продавцов присоединяются к этому тренду, важно понимать, что происходит и что эта новая технология означает для вас.

Что такое прогрессивное веб-приложение?

Прогрессивные веб-приложения — это новый тип технологии веб-разработки (хотя идея существует уже некоторое время), которая сочетает в себе лучшее из веб-приложений и собственных приложений и создает превосходные цифровые возможности, подобные приложениям, прямо в браузере пользователя. Итак, когда вы слышите PWA, думайте — мобильный веб-сайт с функциями и полной функциональностью нативного приложения.

О каких именно особенностях идет речь? Прежде всего, PWA быстрые. Благодаря продемонстрированному увеличению скорости загрузки страниц на 300 % высокооптимизированные страницы достигают почти мгновенного времени загрузки, что делает их такими же отзывчивыми и приятными в использовании, как и нативные приложения.

Другие функции включают полноэкранный пользовательский интерфейс, сохранение на главном экране, push-уведомления, доступ к оборудованию и даже автономный режим. Благодаря удивительному сервис-воркеру, о котором вы можете узнать больше здесь, в этом выступлении сообщества разработчиков Google, PWA объединяют в себе множество современных цифровых разработок, чтобы обеспечить действительно похожий на приложение опыт.

Их даже можно развернуть в магазинах приложений, если вы хотите. Однако, в отличие от нативных приложений, ограниченных этими платформами, PWA функционируют как обычные веб-сайты и индексируются в Google, что делает их не только доступными для обнаружения, но и дает вам потенциальный прирост поисковой выдачи из-за более быстрого времени загрузки и лучшего предлагаемого опыта. Это также означает отсутствие громоздких загрузок и автоматических обновлений, что упрощает начальное взаимодействие.

Растущую популярность PWA можно объяснить возникающим разрывом возможностей между тем, как используются нативные приложения и мобильный Интернет: мобильный Интернет привлекает больше посетителей, но приложения предлагают лучший опыт и превосходят Интернет с точки зрения взаимодействия. PWA предоставляют людям то, чего они хотят, именно там, где они ищут.

PWA: шумиха или будущее?

Как и в случае с любой новой технологией, осторожность превыше принятия. Сильно зависящие от поддержки браузеров, изменчивые в зачаточном состоянии и все еще находящиеся в непрерывном развитии, PWA еще не предлагают уверенности и спокойствия для безошибочного принятия. PWA окружены атмосферой тайны, поскольку продавцы изо всех сил пытаются их понять.

Однако одно можно сказать наверняка — это не просто шумиха. Технология надежна, первые последователи были щедро вознаграждены, и по мере распространения знаний распространяется и внедрение.

PWA положительно влияют практически на каждый маркетинговый KPI

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

В эпоху мобильных устройств неудивительно, что такие преобразующие технологии превосходят более традиционные цифровые каналы, и важность определения приоритетов мобильного опыта по-прежнему возрастает. Мобильные покупки все больше доминируют в электронной коммерции; Google недавно объявила об индексации для мобильных устройств, которая по умолчанию включена для всех новых веб-сайтов с 1 июля 2019 года; и значительное количество новых интернет-пользователей начинают свое цифровое путешествие с мобильных устройств.

Таким образом, предоставление превосходного мобильного опыта приветствуется с распростертыми объятиями, и их растущая важность, вероятно, подтолкнет маркетологов во всем мире уделять больше внимания этому, чтобы оставаться конкурентоспособными.

И речь идет не только о предоставлении вашим клиентам лучшего цифрового опыта, но и о привлечении новых, поскольку PWA играют важную роль с точки зрения доступности. Благодаря небольшим требованиям PWA к данным доступный цифровой опыт доступен для тех, у кого неоптимальное покрытие сети, без компромиссов с UX. Например, инициатива Uber по расширению шла рука об руку с PWA, чтобы гарантировать, что сельские и другие районы с более медленным соединением могут по-прежнему пользоваться привлекательным и отзывчивым опытом.

И теперь продавцы по всему миру могут сделать то же самое для своих нынешних и будущих клиентов, поскольку во всем мире идет внедрение PWA.

Magento приветствует PWA с распростертыми объятиями

Magento уже давно присматривается к PWA. Представленная студия PWA еще в сентябре 2017 года, она, наконец, увидела свет в январе 2019 года, и к тому времени, когда в мае вышла Magento Imagine 2019, PWA были у всех на уме и, безусловно, были горячей темой конференции.

В то время как Magento с головой погружается в PWA, и было разработано множество других решений, демонстрирующих возможности PWA, сообщество несколько неохотно следует за ним, поскольку нет окончательного решения, вокруг которого могли бы сплотиться продавцы и разработчики расширений. В свою очередь, это приводит к попыткам индивидуальной разработки, которые в конечном итоге становятся дорогостоящими и неустойчивыми, особенно когда речь идет о сильно модифицированных и сильно настраиваемых витринах, пренебрежительно принижающих принятие.

Тем не менее, в данный момент витрины PWA разрабатываются для множества продавцов Magento. Magento вкладывает значительные средства в PWA, как и весь остальной мир.

Для продавцов Magento вопрос не в том, что будет с PWA? ПВА здесь. Вопрос - как начать?

3 решения PWA для Magento

Magento — одно из самых мощных решений для электронной коммерции на рынке: на нем работает 12% всех магазинов электронной коммерции в Интернете, и его использование продолжает расти год за годом. С такой долей рынка превращение в платформу PWA может помочь Magento фундаментально переопределить Интернет, и они делают именно это, гарантируя, что любой продавец, заинтересованный в получении PWA для своего магазина, может сделать это.

Если вы хотите получить PWA для своего магазина Magento, вам доступно несколько вариантов. Вот три, которые заслуживают вашего внимания.

Magento Студия PWA

Magento PWA Studio — это ответ Magento на новое увлечение, работа над которым ведется уже несколько лет. Выпущенный вместе с Magento 2.3, это набор инструментов разработчика для создания интерфейсов PWA для Magento. Предоставляя вашим разработчикам все необходимое для разработки, развертывания и обслуживания, а также дополненную обширной документацией, студия Magento PWA, вероятно, станет незаменимым инструментом для продавцов Magento, стремящихся вывести свой магазин в будущее.

Взгляните на этот демонстрационный магазин (примечание: сделайте это на мобильном устройстве), разработанный Inchoo с использованием студийных инструментов Magento PWA, чтобы продемонстрировать, чего можно достичь.

СкандиPWA

В отличие от Magento PWA Studio, ScandiPWA (разработанная Scandiweb) — это тема Magento с открытым исходным кодом, а не набор инструментов или витрина. Это означает, что его можно установить непосредственно в вашем магазине Magento 2.3 без каких-либо изменений в инфраструктуре, и его можно расширить в соответствии с вашими потребностями способом, знакомым любому разработчику Magento. Высоко оцененная сообществом, готовая к использованию тема ScandiPWA привлекла большое внимание за простоту и великолепное решение для тех, кто ищет высокопроизводительное готовое решение PWA.

Изучите демонстрационный магазин ScandiPWA (примечание: делайте это на мобильном устройстве) или репозиторий GitHub.

Витрина магазина Vue

Vue Storefront, одно из самых популярных PWA-решений на рынке, представляет собой независимое от платформы прогрессивное веб-приложение с открытым исходным кодом для электронной коммерции, написанное на Vue.js. С быстро развивающимся сообществом это один из крупнейших центров PWA. Учитывая его большой масштаб, это довольно сложное решение. Независимость от платформы, а не Magento first означает, что некоторые функции Magento отсутствуют, однако можно ожидать, что это будет исправлено по мере продолжения разработки.

Изучите демонстрационный магазин Vue Storefront (примечание: делайте это на мобильном устройстве) или процветающий репозиторий GitHub.

Преимущества решений Magento-First PWA

Если вы являетесь продавцом на платформе Magento, решение Magento-first PWA может стать самым простым способом присоединиться к гонке PWA. Такие решения обладают дополнительными преимуществами, заключающимися в знакомстве с ними, более низких затратах на разработку и улучшенной производительности, что делает продавцов и разработчиков счастливыми.

Вот три примера того, как решение ScandiPWA, первое PWA на Magento, использует стек Magento для обеспечения впечатляющего опыта работы с PWA.

Нет промежуточного ПО

ScandiPWA — это первая тема PWA для Magento, что означает, что ее можно установить непосредственно поверх вашего магазина Magento, что, в свою очередь, имеет преимущество прямой связи с вашим бэкэндом Magento. Это избавляет продавцов от многих хлопот, так как любое промежуточное программное обеспечение добавляет дополнительный уровень сложности — необходимо перестраивать функции, разрабатывать дополнительные структуры данных, адаптировать настройки.

Вот пример: решения, созданные как отдельные витрины PWA, взаимодействуют только с базой данных веб-сайта. Это влияет на такие распространенные проблемы, как обработка редиректов. Вместо того, чтобы запускать основную установку Magento, а затем перенаправляться, как указано в бэкэнде, отдельные витрины магазинов должны разработать решение, обеспечивающее попадание пользователей туда, где они должны быть.

Промежуточное программное обеспечение имеет свои преимущества для более универсальных решений PWA, таких как Vue Storefront, поскольку оно позволяет связать одно мощное решение с несколькими платформами, однако его недостатком является то, что оно требует обширной адаптации и часто заново изобретает велосипед, поэтому говорить. Решения, ориентированные на Magento, позволяют обойти это, используя легкодоступные функции Magento, что приводит к экономии затрат на разработку для вашего бизнеса.

Знакомство с Magento и экономия времени

Существенным преимуществом решений Magento-first PWA является знакомство. Дальнейшее использование среды, знакомой вашим разработчикам, облегчит внедрение для них и вас, оптимизируя процесс разработки.

Magento зарекомендовала себя как одна из самых передовых платформ электронной коммерции в мире, и сообщество, выросшее вокруг платформы, свидетельствует об этом. Это означает, что вы можете найти специалистов Magento в любом уголке мира, и, несмотря на новизну PWA, адаптация должна быть намного более гладкой по сравнению с работой в совершенно новой среде. Инструменты Magento хорошо известны как разработчикам, так и продавцам, и имеют подтвержденную историю успеха.

Следовательно, продавцы, выбирающие решение Magento-first PWA, могут рассчитывать на более низкие затраты и быть в курсе происходящего.

Простая и недорогая миграция

ScandiPWA — это готовая к использованию тема для Magento. Любое решение, ориентированное на Magento, дает значительные преимущества, когда дело доходит до реализации. Вместо того, чтобы полностью переделывать и воссоздавать свой интерфейс с нуля, решение Magento по принципу «подключи и работай» позволяет вам использовать преимущества PWA, не рискуя поставить под угрозу свой бизнес.

Как было установлено, добавление промежуточного программного обеспечения и наличие полностью настраиваемого внешнего интерфейса вводит уровень сложности, который обычно не присутствует в решениях Magento-first. Это влечет за собой дополнительные накладные расходы, расходы на техническое обслуживание и поддержку.

Вывод

Прогрессивные веб-приложения никуда не денутся. Несмотря на осторожный взгляд на внедрение, продавцы по всему миру, тем не менее, держат руку на пульсе событий, подыскивая подходящее для них решение и стремясь повторить многие успехи пионеров PWA.

Для продавцов Magento, которые хотят войти в дверь как можно скорее, есть несколько вариантов: разработка собственного решения с использованием студии Magento PWA, выбор независимого от платформы решения PWA, такого как Vue Storefront, или использование Magento-first. тема, такая как ScandiPWA. Самый простой и экономичный способ начать работу — последний, так как он позволяет вашему бизнесу использовать весь спектр преимуществ PWA, не отходя слишком далеко от знакомого Magento.

Виестурс Абелис, ведущий специалист по контенту в Scandiweb и энергичный евангелист ScandiPWA, Виестурс всегда смотрит в будущее двумя глазами, стремясь сделать последние цифровые разработки доступными для всех.