MagentoマーチャントがPWAStudioで変換を改善した方法
公開: 2021-04-09目次
Magentoの領域内で起こっていることすべてを追跡している場合は、PWAが今までにレーダーに乗っているはずです。 そして、Magento PWAストアフロントの数が急速に増加していることを見て、Magentoは最近ウェビナー(Magentoの顧客がPWAスタジオでコンバージョンを増やした方法)を開催しました。マーチャントは、PWAStudioを利用してパフォーマンスの高いPWAを作成できます。
ウェビナーは、アドビのAPACDXコマーシャルデマンドジェネレーションマネージャーであるMaryelRoman-Priceが主催し、アドビのソリューションコンサルタントであるSamElliotが参加します。
簡単な要約とウェビナーのハイライトは次のとおりです。
I.PWAを検討する
ウェビナーは、PWAとは何か、およびPWAエクスペリエンスの違いについて簡単に要約することから始まります。
PWAとは何ですか?
プログレッシブウェブアプリの略で、PWAは拡張機能を備えたウェブページです。 より高速でアプリのようであり、最新のテクノロジーを備えているため、モバイルショッピングエクスペリエンスに関連することが多い遅延をなくすことができます。
PWAのメリット
PWAは、ハードウェアのアクセシビリティがはるかに優れています。 プッシュ通知やカメラアクセスなど、以前はネイティブアプリに限定されていた機能にアクセスできます。また、ビジネス面では、PWAははるかに優れたコスト削減のメリットをもたらします。 ホストのMaryelPriceが言ったように、複数のアプリを維持、更新、または再設計する必要がないため、節約は継続しています。
PWAがコンバージョンの改善にどのように役立つか
エリクソンモビリティレポートは心拍数を測定し、モバイルの遅延によって引き起こされるストレスのレベルが怖い映画を見るのに匹敵することを発見しました。 このレベルのストレスは、それほど少数ではないオンラインストアに存在し、顧客にそのようなストレスを与えたくないことは確かです。 1秒の遅延でもコンバージョンが20%減少する可能性があるという事実と相まって、コンバージョン率を向上させるために販売者が注意を払う必要があるのは速度です。PWAはこれに対処するための最良の方法です。
PWAとその顧客のための電光石火の経験を持つことは彼らが求めているものであり、彼らはこれに対する需要を推進するでしょう。
アドビのコマースソリューションコンサルタント、サムエリオット
PWAの経験はどのように異なりますか
ここでは、Sam Elliotが、PWAのエクスペリエンスがどのようにどこで異なるかについての技術的な詳細を説明しています。
PWAは、何よりもまず、機能が強化されたWebページです。 PWAを利用したウェブサイトは、サーバーに常に新しいコンテンツを要求するわけではありませんが、代わりに必要なすべてのコンテンツがブラウザ内に保存されています。 そして、顧客がPWAと対話するとき、すべてがブラウザーから既にレンダリングおよび提供されているため、顧客が体験するのは、代わりに超高速の体験です。
Sam Elliotはさらに、PWAのコアコンポーネントであるサービスワーカーと、それがPWA機能の多くをどのように可能にするかについて説明しました。 サービスワーカーはブラウザーと並行して実行され、キャッシュされたコンテンツを取得(フェッチ)する責任があり、一貫性のあるスムーズなフローエクスペリエンスを実現します。
II。 実用化
ウェビナーの主な焦点は、実用化、つまり商人にビジネスニーズへの真の答えを提供することです。
PWAStudioがどのように役立つか
MagentoのマーチャントはPWAを実際のアップグレードパスと見なしているため、店舗をPWAを利用するようにする方法はいくつかあります。 また、人気のあるPWAフレームワークの中で、PWA Studioは、次の理由からMagentoストアに最適なソリューションとして際立っています。
Magentoフレームワークと緊密に統合
PWA Studioは、Magentoフレームワークから直接構築されています。 このため、PWAスタジオで構築されたPWAストアフロントには、バックエンドとしてMagento2があります。 ただし、従来のMagentoテーマと比較すると、PWAストアフロントは、インフラストラクチャの接続方法(ヘッドレスで、Magentoバックエンドから切り離されている)により柔軟性が高く、ブランドにとってよりスケーラブルなアプローチになっています。
ページビルダー
MagentoCommerceで利用可能なPageBuilderは、コンテンツ作成で見られる通常の制限を取り除きます。 技術者以外のユーザーの場合、Page Builderの直感的なドラッグアンドドロップインターフェイスによりコンテンツ全体の作成が簡素化されるため、新しい機能や新しいページを実装するために開発者と常に協力する必要がなくなりました。処理する。 したがって、たとえば、新しいホームページはPage Builderを使用して設計および展開でき、最終結果は通常のレスポンシブフレームワークで表示されるのと同じようになります。
あなたが行くように最新の機能
PWA Studioは、PWAを利用したストアをまっすぐなロードマップに保ちます。 つまり、PWA Studioで構築されたストアフロントは、最終的には通常のレスポンシブMagentoフロントエンドと同じ機能を利用できるようになります。 たとえば、AdobeSenseiは最近PWAStudioに導入され、PWA Studioで構築されたPWAストアフロントは、Senseiインテリジェント製品の推奨事項の恩恵を受けることができます。
節約
実際の話、つまりPWA Studioで構築されたPWAが開発コストの削減にどのように役立つかについて詳しく説明する部分は、ウェビナーのかなり後の方で始まります。
機会費用
PWAはアプリストアに公開できるため、アプリの複数のバージョンを開発して公開する必要がなくなり、小売業者は1つの魅力的なカスタマーエクスペリエンスに集中するためのより多くのオプションを利用できます。
そして、ほとんどの顧客が毎月ゼロアプリをダウンロードするという事実と組み合わせると、マーチャントが優れたエクスペリエンスを提供し、モバイル顧客をPWA環境で変換させる本当の機会があります。一般的なモバイルウェブサイトの読み込み速度が遅い。
PWAの開発はどれくらい速いですか
PWAを使用すると、3つの異なるエクスペリエンス(iOS、Android、Web)を1つに組み合わせることができます。したがって、実際には、モバイルエクスペリエンスまたはWebサイトエクスペリエンスの機能が基本的に必須です。これらの機能をPWAに再構築する必要があります。
もちろん、PWA Studioは、すぐに使用できるさまざまな機能を提供しますが、ビジネスに非常に適した変換が可能なカスタム機能があるため、またPWAはまったく新しいフロントエンドエクスペリエンスであるため、これらのカスタム機能をPWAに再構築する必要があります。
したがって、これは、プロセスに関連する追加の時間とコストが発生することを意味します。 ただし、3回構築したり、さまざまなモバイルプロバイダーの気まぐれに基づいて3つの異なるエクスペリエンスを管理したりするのと同じコストではありません。 PWAを使用すると、Safari、Edge、またはChrome全体で1つの統合されたエクスペリエンスを取得できます。これにより、魅力的なエクスペリエンスを作成し、継続的に単一レベルで管理できます。
III。 よくある質問
ウェビナーの終わりに近づいているのはQ&Aセッションであり、あなたのニーズに対応できるはずのいくつかの興味深い質問があります。
1. Lumaテーマに基づく基本的なテーマがあると仮定すると、現在のサイトをPWAに変換するのにどれくらいの時間がかかりますか?
サム・エリオットは、「改宗者」がそれについて考える正しい方法ではないことを再確認することから始めます。 PWAは独立したフロントエンドであるため、Lumaレスポンシブフレームワークではなく、独立したフロントエンドでWebサイトを構築することになります。つまり、これは、フロントエンドを新しいエクスペリエンスに再構築する必要があることを意味します。
基本的に、(すべてをMagentoバックエンドに直接通信するのではなく)今すぐ別のPWAフロントエンドに移動するためのカスタムAPI呼び出しとともに、新しいPWAフロントエンドに引き継ぐ必要があるいくつかの機能があります。 全体として、多くの変数がありますが、基本的なLumaWebサイトが基本的なVeniaWebサイトに再構築されるには、平均して約3か月かかるはずです。
2. Magento APIを介してカスタム支払いゲートウェイを統合できますか?
箱から出して、BraintreeはすでにMagento PWAフロントエンドに接続されていますが、はい、MagentoAPIを介して任意のカスタム支払いゲートウェイを統合できます。
3. PWAを最初から開始する場合、どのくらいの時間が必要ですか?
ここでは、Sam Elliotが違いについて詳しく説明し、PWAを構築するときに必要な作業にばらつきがある理由について説明します。
Lumaに基づく標準のMagentoストアの場合、そのサイト内で現在利用可能なコア機能があります。 そして、そのコア機能の上に構築して、探しているカスタマーエクスペリエンスを提供します。 PWA内では、すべてがほぼ同じです。 唯一の違いは、現在利用可能ないくつかの小さな部分があることです。市場の拡張機能のほとんどは、PWA内で機能するように(および新しいVeniaフロントエンドで機能するように)書き直されていないため、プロセスに関係するいくつかの追加の作業になること。
ただし、各コンポーネントとモジュールの構築に関しては、時間に違いはなく、PWA内でカスタムコンポーネント/モジュールとして何かを構築するために、これまでよりも追加の作業は必要ありません。
推奨読書:SimiCartがMageplazaと手を組み、コミュニティPWAStudio拡張機能を開発する
IV。 締めくくりのアドバイス
ウェビナーの最後に、SamElliotが最後のアドバイスを残します。
誰もがPWAを次の体験として考えるべきです。 これにより、モバイルでのコンバージョンが向上し、顧客エクスペリエンスが向上します。これは、誰もが行きたい場所です。 遅れているWebサイトがあり、更新が必要だと感じた場合、またはより良いカスタマーエクスペリエンスが必要な場合は、PWAが答えになる可能性があります。これは、将来がどのようになるかを示しているためです。 PWAを利用した超高速のエクスペリエンスは、お客様が求めているものであり、これに対する需要を促進するのはお客様です。
この新しいコマースエクスペリエンスを実現したいMagentoの販売者のために、ここSimiCartは、Google認定のPWA開発代理店のチームであり、Magentoストアを変革する準備ができています。