Как продавцы Magento улучшили конверсию с помощью PWA Studio

Если вы следите за всем, что происходит в сфере Magento, PWA уже должны быть на вашем радаре. И, учитывая, что количество витрин Magento PWA быстро растет, Magento недавно провела вебинар (Как клиенты Magento увеличили конверсию с помощью PWA studio ) , в котором была подробно описана вся необходимая информация о PWA в Magento: что это такое, как оно работает и как продавцы могут воспользоваться преимуществами PWA Studio для создания эффективных PWA.

Вебинар ведет г-жа Мариэль Роман-Прайс, менеджер по формированию коммерческого спроса APAC DX в Adobe, а к вебинару присоединился Сэм Эллиот, консультант по решениям в Adobe.

Вот краткие итоги, а также основные моменты вебинара:

I. Переходим к PWA

Вебинар начинается с краткого обзора того, что такое PWA и чем он отличается от PWA.

Что такое ПВА?

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

Преимущества PWA

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

Как PWA помогает повысить конверсию

В отчете Ericsson Mobility Report измерялась частота сердечных сокращений, и было обнаружено, что уровень стресса, вызванного задержкой мобильного телефона, сравним с просмотром фильма ужасов. Такой уровень стресса присутствует в немалом количестве интернет-магазинов, и вы, конечно же, не хотите такого стресса для своих клиентов. В сочетании с тем фактом, что даже задержка в одну секунду может снизить конверсию на 20%, скорость — это то, на что продавцы должны обращать внимание, чтобы повысить коэффициент конверсии, и PWA — лучший способ решить эту проблему.

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

Сэм Эллиот, консультант по коммерческим решениям в Adobe

Чем отличается опыт PWA

Здесь у нас есть Сэм Эллиот, который дает технические подробности о том, как и чем отличается опыт PWA.

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

Далее Сэм Эллиот продолжил объяснение основного компонента PWA — сервис-воркеров — и того, как он обеспечивает большую часть возможностей PWA. Сервисные работники работают параллельно с браузером и несут ответственность за извлечение кэшированного контента, обеспечивая согласованную и плавную работу.

II. Практичность

Основное внимание на вебинаре уделяется практическим занятиям — предоставлению продавцам реальных ответов на их бизнес-потребности.

Чем помогает PWA Studio

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

Тесно интегрирован с фреймворком Magento

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

Конструктор страниц

Конструктор страниц, доступный в Magento Commerce, устраняет обычное ограничение, связанное с созданием контента. Для нетехнических пользователей теперь больше не нужно постоянно работать с разработчиками, чтобы реализовать новую функцию и/или новую страницу, поскольку интуитивно понятный интерфейс перетаскивания Page Builder помогает упростить создание всего контента. процесс. Таким образом, например, новую домашнюю страницу можно спроектировать и развернуть с помощью Page Builder, и конечный результат будет таким же, как в обычной адаптивной среде.

Новейшие возможности

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

Экономия

Настоящая беседа — та часть, где подробно рассказывается о том, как PWA, созданная с помощью PWA Studio, может помочь снизить затраты на разработку, — начинается намного позже на вебинаре.

Возможность стоит

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

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

Насколько быстрее разработать PWA

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

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

Следовательно, это означает, что процесс потребует дополнительного времени и затрат; тем не менее, это не такая же стоимость, как создание его трижды или управление тремя разными способами, основанными на прихоти разных мобильных провайдеров. С PWA вы получаете единый интерфейс для Safari, Edge или Chrome, и благодаря этому вы можете создать привлекательный интерфейс и постоянно управлять им на одном уровне.

III. Часто задаваемые вопросы

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

1. Как быстро мой текущий сайт может преобразоваться в PWA, при условии, что у меня есть базовые темы, основанные на теме Luma?

Сэм Эллиот начинает с того, что подтверждает, что « обращать » — не совсем правильный способ думать об этом. PWA — это отдельный интерфейс, поэтому вы собираетесь создавать веб-сайт на отдельном интерфейсе, а не на адаптивной платформе Luma, и, по сути, это означает, что ваш интерфейс нужно будет перестроить под новый интерфейс.

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

2. Можете ли вы интегрировать пользовательские платежные шлюзы через API Magento?

По умолчанию Braintree уже подключен к внешнему интерфейсу Magento PWA, но да, вы можете интегрировать любой пользовательский платежный шлюз через API Magento.

3. Сколько времени потребуется, если вы начнете PWA с нуля?

Здесь Сэм Эллиот подробно рассказывает о различиях и причинах различий в усилиях, которые требуются при создании PWA.

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

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

 Рекомендуемая литература: SimiCart объединяется с Mageplaza для разработки расширений сообщества PWA Studio

IV. Заключительный совет

В конце вебинара Сэм Эллиот оставляет нам заключительный совет:

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

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