Magento 판매자가 PWA Studio로 전환을 개선한 방법

Magento 영역 내에서 일어나는 모든 일을 추적하고 있다면 지금쯤 PWA가 레이더에 있어야 합니다. 그리고 Magento PWA 매장 수가 급격히 증가함에 따라 Magento는 최근에 Magento의 PWA에 대한 모든 필수 정보를 자세히 설명하는 웨비나(Magento 고객이 PWA studio로 전환율을 높이는 방법 ) 를 개최했습니다. 판매자는 PWA Studio를 활용하여 고성능 PWA를 만들 수 있습니다.

웹 세미나는 Adobe의 APAC DX 상업 수요 창출 관리자인 Ms. Maryel Roman-Price가 주최하고 Adobe의 솔루션 컨설턴트인 Sam Elliot이 웹 세미나에 참여합니다.

다음은 웨비나의 주요 내용과 간략한 요약입니다.

I. PWA 넘어가기

웹 세미나는 PWA가 무엇이며 PWA 경험이 얼마나 다른지에 대한 간략한 요약으로 시작됩니다.

PWA 란 무엇입니까?

Progressive Web App의 줄임말인 PWA는 기능이 향상된 웹 페이지입니다. 더 빠르고 앱과 유사하며 모바일 쇼핑 경험과 관련하여 자주 발생하는 지연을 제거하는 데 도움이 되는 최신 기술을 갖추고 있습니다.

PWA의 이점

PWA는 훨씬 더 나은 하드웨어 접근성을 가지고 있습니다. 푸시 알림, 카메라 액세스 등과 같은 이전에는 기본 앱에만 있던 기능에 액세스할 수 있습니다. 그리고 비즈니스 측면에서 PWA는 훨씬 더 나은 비용 절감 이점을 제공 합니다. 호스트 Maryel Price가 말했듯이 여러 앱을 유지 관리, 업데이트 또는 재설계하지 않기 때문에 비용 절감은 계속 됩니다.

PWA가 전환 개선에 도움이 되는 방법

Ericsson Mobility Report는 심박수를 측정한 결과 모바일 지연으로 인한 스트레스 수준이 무서운 영화를 보는 것과 비슷하다는 것을 발견했습니다. 이러한 수준의 스트레스는 적지 않은 수의 온라인 상점에 존재하며 고객이 그러한 스트레스를 받는 것을 원하지 않을 것입니다. 1초 지연이 전환율을 20%까지 감소시킬 수 있다는 사실과 함께 속도 는 판매자가 전환율을 개선하기 위해 주의를 기울여야 하는 한 가지 사항이며 PWA는 이를 해결하는 가장 좋은 방법입니다.

고객을 위한 PWA 및 번개 경험을 갖는 것이 고객이 추구하는 것이며 이에 대한 수요를 주도할 것입니다.

Sam Elliot, Adobe 상거래 솔루션 컨설턴트

PWA 경험은 얼마나 다른가

여기에서 Sam Elliot이 PWA 경험이 어떻게 그리고 어디에서 다른지에 대한 기술적인 세부 정보를 제공합니다.

PWA는 무엇보다도 향상된 기능을 갖춘 웹페이지입니다. PWA 기반 웹사이트는 항상 새로운 콘텐츠에 대해 서버를 요청하지 않지만 대신 브라우저에 필요한 모든 콘텐츠가 저장되어 있습니다. 그리고 고객이 PWA와 상호 작용할 때 모든 것이 이미 브라우저에서 렌더링되고 제공되기 때문에 그들이 경험하는 것은 번개처럼 빠른 경험 입니다.

Sam Elliot은 PWA의 핵심 구성 요소인 서비스 작업자와 이것이 PWA 기능의 많은 부분을 허용하는 방법에 대해 계속 설명했습니다. 서비스 작업자는 브라우저와 병렬로 실행되며 캐시된 콘텐츠를 검색(가져오기)하여 일관되고 원활한 경험을 가능하게 합니다.

Ⅱ. 실용화

웨비나의 주요 초점은 판매자에게 비즈니스 요구 사항에 대한 실제 답변을 제공하는 데 있습니다.

PWA 스튜디오가 도움이 되는 방법

Magento 판매자는 PWA를 실제 업그레이드 경로로 보고 있으므로 상점을 PWA 기반으로 만드는 다양한 방법이 있습니다. 그리고 인기 있는 PWA 프레임워크 중에서 PWA Studio는 다음과 같은 이유로 Magento 매장을 위한 완벽한 솔루션으로 두드러집니다.

Magento 프레임워크와 긴밀하게 통합

PWA Studio는 Magento 프레임워크에서 직접 구축됩니다. 이 때문에 PWA 스튜디오로 구축된 PWA 매장에는 Magento 2 가 백엔드로 사용됩니다. 그러나 기존 Magento 테마와 비교하여 PWA 매장은 인프라가 연결되는 방식으로 인해 더 유연합니다. 헤드리스 및 Magento 백엔드에서 분리되어 브랜드에 대해 보다 확장 가능한 접근 방식을 제공합니다.

페이지 빌더

Magento Commerce에서 사용 가능한 Page Builder는 콘텐츠 생성에서 발견되는 일반적인 제한을 제거합니다. 비기술적인 사용자의 경우, Page Builder의 직관적인 끌어서 놓기 인터페이스가 전체 콘텐츠 생성을 단순화하는 데 도움이 되므로 이제 더 이상 새 기능 및/또는 새 페이지를 구현하기 위해 개발자와 지속적으로 작업할 필요가 없습니다. 프로세스. 예를 들어 새로운 홈페이지는 Page Builder를 사용하여 디자인 및 배포할 수 있으며 최종 결과는 일반적인 반응형 프레임워크에서 볼 수 있는 것과 같습니다.

이동에 따른 최신 기능

PWA Studio는 PWA 기반 스토어를 직선 로드맵으로 유지합니다. 즉, PWA Studio로 구축된 상점은 결국 일반 반응형 Magento 프론트엔드와 동일한 기능을 갖게 됩니다. 예를 들어 Adobe Sensei는 최근 PWA Studio에 도입되었으며 PWA Studio로 구축된 PWA 매장은 이제 Sensei 지능형 제품 추천의 이점을 누릴 수 있습니다.

절감액

PWA Studio로 구축된 PWA가 개발 비용을 줄이는 데 어떻게 도움이 되는지에 대해 자세히 설명하는 실제 이야기는 훨씬 나중에 웨비나에서 시작됩니다.

기회 비용

PWA를 앱 스토어에 게시할 수 있기 때문에 더 이상 여러 버전의 앱을 개발하고 게시할 필요가 없으므로 소매업체는 하나의 매력적인 고객 경험에 집중할 수 있는 더 많은 옵션을 사용할 수 있습니다.

그리고 대부분의 고객이 매월 제로 앱을 다운로드한다는 사실과 결합하면 판매자가 훌륭한 경험을 제공하고 모바일 고객이 PWA 환경에서 전환되도록 할 수 있는 진정한 기회가 있습니다. 일반적인 모바일 웹사이트의 느린 로딩 속도.

PWA를 개발하는 것이 얼마나 빠릅니까?

PWA를 사용하면 세 가지 다른 경험(iOS, Android, 웹)을 하나로 결합하게 됩니다. 따라서 실제로는 모바일 경험이나 웹사이트 경험의 기능이 기본적으로 있어야 합니다. 이러한 특징과 기능을 PWA에 다시 구축해야 합니다.

물론 PWA Studio는 즉시 사용 가능한 다양한 기능을 제공하지만, 비즈니스에 매우 적합하게 변환할 수 있는 사용자 지정 기능이 있고 PWA는 완전히 새로운 프론트엔드 환경 이기 때문에 이러한 사용자 지정 기능을 PWA에 다시 빌드해야 합니다.

결과적으로 이는 프로세스와 관련된 추가 시간과 비용이 있음을 의미합니다. 그러나 세 번 구축하거나 다른 이동통신사의 변덕에 따라 세 가지 다른 경험을 관리하는 것과 같은 비용은 아닙니다. PWA를 사용하면 Safari, Edge 또는 Chrome 전반에 걸쳐 하나의 통합된 경험을 얻을 수 있으며, 이로 인해 매력적인 경험을 만들고 단일 수준에서 지속적으로 관리할 수 있습니다.

III. 자주하는 질문

웨비나가 거의 끝나갈 무렵에 Q&A 세션이 있으며 귀하의 요구 사항을 해결할 수 있는 몇 가지 흥미로운 질문이 있습니다.

1. Luma 테마를 기반으로 하는 기본 테마가 있다고 가정할 때 현재 사이트를 PWA로 얼마나 빨리 변환할 수 있습니까?

Sam Elliot은 " 개종 "이 실제로 올바른 사고 방식이 아님을 재확인하는 것으로 시작합니다. PWA는 별도의 프론트엔드이므로 Luma 응답 프레임워크가 아닌 별도의 프론트엔드에서 웹사이트를 구축하게 됩니다. 이는 본질적으로 프론트엔드를 새로운 경험으로 재구축해야 함을 의미합니다.

기본적으로 (모든 것을 Magento 백엔드에 직접 통신하는 대신) 별도의 PWA 프론트엔드로 이동하기 위한 사용자 정의 API 호출과 함께 새로운 PWA 프론트엔드로 이전해야 하는 몇 가지 기능이 있습니다. 전반적으로 변수가 많지만, 기본 Luma 웹사이트를 기본 Venia 웹사이트로 재구축하려면 평균 3개월 정도 소요됩니다.

2. Magento API를 통해 맞춤형 결제 게이트웨이를 통합할 수 있습니까?

기본적으로 Braintree는 이미 Magento PWA 프론트엔드에 연결되어 있지만 예, Magento API를 통해 모든 사용자 지정 결제 게이트웨이를 통합할 수 있습니다.

3. PWA를 처음부터 시작하는 경우 필요한 시간은 얼마입니까?

여기에서 Sam Elliot은 차이점이 무엇인지, 그리고 PWA를 구축할 때 필요한 노력에 변화가 있는 이유에 대해 자세히 설명합니다.

Luma를 기반으로 하는 표준 Magento 스토어의 경우 해당 사이트 내에서 현재 사용할 수 있는 핵심 기능이 있습니다. 그런 다음 핵심 기능을 기반으로 구축하여 원하는 고객 경험을 렌더링합니다. PWA 내에서는 모든 것이 거의 동일합니다. 유일한 차이점은 현재 사용 가능한 몇 가지 작은 부분이 있을 것이고 시장의 대부분의 확장이 PWA 내에서 작동하도록 다시 작성되지 않았기 때문에(또한 새로운 Venia 프론트엔드에서 작동하도록) 그 과정에 몇 가지 추가 작업이 포함됩니다.

그러나 각 구성 요소와 모듈을 구축하는 면 에서는 시간의 차이가 없으며 PWA 내에서 과거와 달리 사용자 지정 구성 요소/모듈로 무언가를 구축하는 데 추가 노력이 필요하지 않습니다.

 추천 자료: SimiCart, Mageplaza와 협력하여 커뮤니티 PWA Studio 확장 개발

IV. 마무리 조언

웨비나의 끝에서 Sam Elliot은 우리에게 마지막 조언을 남깁니다.

모두가 PWA를 다음 경험으로 생각해야 합니다. 모바일에서 더 나은 전환과 더 나은 고객 경험을 제공할 것입니다. 이는 모두가 가고 싶어하는 곳입니다. 웹 사이트가 뒤처져 있고 새로 고침이 필요하다고 느끼거나 더 나은 고객 경험이 필요한 경우 PWA가 답이 될 것입니다. 왜냐하면 그것이 미래의 모습이기 때문입니다. PWA가 제공하는 번개처럼 빠른 경험은 고객이 추구하는 것이며, 고객이 이에 대한 수요를 주도할 것입니다.

이 새로운 상거래 경험을 원하는 Magento 판매자를 위해 여기 SimiCart에서 Google 공인 PWA 개발 대행사 팀으로 Magento 매장을 혁신할 준비가 되어 있습니다.