これを押す: Bryan Smith によるヘッドレス e コマース

WMR の WordPress コミュニティ ポッドキャスト、Press This へようこそ。 各エピソードでは、コミュニティ全体からゲストが登場し、WordPress 開発者が直面している最大の問題について議論します。 以下は、元の録音の転写です。

レッドサークルが提供

Doc Pop : あなたは WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いています。 毎週、WordPress コミュニティのメンバーにスポットライトを当てています。 私はあなたのホスト、Doc Popです。 私は WP Engine での役割を通じて WordPress コミュニティをサポートし、TorqueMag.Io でポッドキャストを作成したり、漫画やチュートリアル ビデオを描いたりしています。 それをチェックしてください。

Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm でエピソードを直接ダウンロードできます。

Press This のこのエピソードでは、ヘッドレス e コマースについて話します。 しかし、最初に簡単な補足事項があります。 2011 年のこの日、レベッカ ブラックは金曜日にヒット曲を YouTube でリリースし、数か月以内にこの曲の再生回数は 1 億 6000 万回を超えました。 12年後、この曲は約3億回再生されました。

さて、当時のウェブを振り返ると、2011 年の e コマースは米国の小売売上高の 4% 強を占めていました。 それから 12 年が経ち、e コマースは米国の全小売売上高の 16.5% に達しています。 さて、急成長です。 レベッカ・ブラックのデビュー・シングルとは異なり、その数は依然として急速に増加しています。 急激な増加がまだ起こっていることがわかります。

今日のショーでは、Atlas eCommerce のプリンシパル プロダクト マネージャーである Bryan Smith に、e コマースの現在の傾向と、分離された WordPress が企業により多くの柔軟性を提供する方法について話します。 ブライアン、ショーへようこそ。 うっかりフライデーのことが頭から離れなくなってしまったらごめんなさい。

ブライアン・スミス:ええ、問題ありません。 お招きいただきありがとうございます。 ドク。 それは有り難いです。

DP:どのようにして WordPress に関わりましたか? この分野にどのくらいの期間携わっていますか?

BS:うわー、2011 年にさかのぼります。 オースティンに引っ越した頃だったと思います。 私は仕事を探していましたが、義理の兄弟は WordPress が大好きで、「自分のウェブサイトを立ち上げるべきだ」と言っていました。 これが、私が最初に立ち上げた WordPress サイトだったと思います。

しかし、私が WP Engine に参加したのは 2018 年になってからで、Genesis チームと緊密に連携しました。 WP Engineを買収した直後でした。 私はかなり長い間、そのチームのプロダクト マネージャーを務めていました。 そして今、私は 4 年半後、Atlas チームと一緒にヘッドレス e コマースに取り組んでいます。

DP:この番組では頻繁にヘッドレスについて話しています。 ヘッドレス、デカップリング、コンポーザブル e コマースなどの用語があります。 これら3つは同じものですか？

BS:確かに、ヘッドレスとデカップリングは頻繁に同じ意味で使用されます。 コンポーザブルがもっと使われていると思います。 交互に使う人もいます。 少なくとも私の経験では、ガートナーの調査レポートからコンポーザブルについて最初に読んだと思います。

しかし、より多くの企業が将来のデジタル体験を構築するためのアプローチを進化させるにつれて、本質的に最高のツールと考えられるものを使用したいと考えるようになるという考えです. 最高の CMS である WordPress が、最高の e コマース プラットフォームに必要な仕事をしてくれることを望んでいます。

最適なチェックアウト ソリューションが必要ですが、それは e コマース プロバイダーから提供されたものではない可能性があります。 最高の製品レビュー サービスが必要です。 つまり、パッケージ ビジネス機能と呼ばれるさまざまな機能があります。 そしてもちろん、マイクロサービスと API により、サイトのニーズを満たす最適なツールを選択できるようになります。 これが、コンポーザブルと言うときの本当の意味です。 同様に、必要なツールを使用してデジタル エクスペリエンスを構成したいと思うでしょう。

多くの場合、それはヘッドレスを意味します。 プレゼンテーション レイヤーはパズルのピースの 1 つにすぎないからです。

DP:わかりました。 プレゼンテーション レイヤーとは、それが Web サイトなのか、それとも何か他のものなのかということですよね? 首なしだから。 それは、iPhone アプリか、Lyft の画面で実行されている何か、またはそのようなものである可能性があります。 右？

BS:そうです。 絶対。

DP:では、最近の e コマースでヘッドレス アーキテクチャが大きな役割を果たしているのはなぜですか?

BS:ええ、多くのマーチャントが気付いていることは、過去 10 年または 20 年に出現したプラットフォームのいくつかは一種のオールインワン ソリューションであるということですが、それらはすべて、多くの場合、何らかの形で構築されているということです。そのモノリシック アーキテクチャ。 すべてが結合されています。 そして、彼らが遭遇する多くの課題は、彼らはいわばあらゆる分野のジャックであり、何のマスターでもないということです.

そして、特にこれらの API やマイクロサービスが利用可能になったことで、彼らはそれを発見しています。 彼らは別のプロバイダーから本当に良いサービスを受けることができます. これの本当に良い例は、Shopify やそのような e コマース プラットフォームを使用しているとします。

まあ、彼らは本当に優れた CMS ではありません。 したがって、コンテンツが重要な場合は、WordPress などを使用することをお勧めします。 多くの企業は、1 つのドメインにコマース サイトを配置し、ブログ サイトのサブドメインや、WordPress などのサブドメインを配置していますが、これらは実際にはまったく結合されていません。

つまり、この用語の結合を過負荷にしたくはありませんが、e コマース バックエンドからの製品データと WordPress にあるコンテンツとの間には知識がありません。 そして、顧客に最も最適化されたエクスペリエンスを提供したいのは、コンテンツとデータが互いに密接に関連付けられているこの動的な知識であるため、これらの非常にリッチで没入型のエクスペリエンスを作成できます。

DP:ちょうどその時、最適化について話しましたね。 これが従来の e コマース市場や販売よりも最適化されているのはなぜですか。

BS:ええ、多くの人が、パフォーマンス上の利点のために分離されたヘッドレス アプローチに注目し始めていると思います。変更を加える。

では、なぜそれが重要なのでしょうか? 彼らはすぐに適応できるようになりたいと思っていると思います。 どちらかといえば、ここ、特にこのスペースでは、変化は一定です。 新しいサービス、新しいプロバイダー、そして本当に優れたプロバイダーが専門化しています。 検索に関して最新のテクノロジーが必要な場合は、そのためのサードパーティの API が必要になる場合があります。 現在使用している既存のプラットフォームから、必ずしも最新かつ最高のものを入手できるとは限りません。 これはほんの一例です。 しかし、それは、支払い、チェックアウト、製品レビュー、推奨事項など、ストアでのコンバージョンを促進するためにますます重要になっているすべてのものに適用できます.

それが彼らが探しているものだと思います。最高のツールの前に言いました。

同時に、パフォーマンスが可能な限り競争力のあるものであることを保証します。これは、SEO ランキングや、サイト訪問者がページに費やしたいと思う時間などにとって本当に重要になり始めているためです。

モバイル エクスペリエンスが遅すぎると、接続が不十分な場合でも、モバイル エクスペリエンスを提供できる他の誰かに跳ね返されます。

DP:ご存知のように、ふと思いついたのですが、これについて、どちらか/またはどちらかであるかのように話しているように感じます。 どちらかですか？ ヘッドレスですか、それとも従来の Shopify や WooCommerce を行っていますか? それとも、これら2つのことですか、一緒に行くことができますか?

BS:ああ、きっと一緒に行けると思います。 私たちが目にしているのは、特に私たちが話をしている多くのエージェンシーでは、クライアントがすでにこれらの e コマース プラットフォームを利用していることです。 彼らが再プラットフォーム化を目指しているわけではありません。 彼らは、これらのプラットフォームがまだ注文管理や製品カタログに適していると考えています。 必要に応じて、SKU など、製品自体に関連して提供される多くのサービス。 彼らはそれらのことが得意ですが、それ以外のことです。 検索、レビュー、チェックアウト、データ分析、レコメンデーション、サイトを次のレベルに引き上げるためのもの。

これらのこととそれらのオーケストレーションにより、これらの分野に特化した競合他社が毎日ますます増えているため、これらのプラットフォームは少なくとも競争が激化しています.

DP:ちょっと休憩するには良い場所だと思います。 ヘッドレス e コマースと Atlas BigCommerce Blueprint について話すために、Bryan Smith に戻ってきます。 ですから、この短いメッセージの後もお楽しみに。

DP:毎週の WordPress ショー、Press This へようこそ。 私の名前はドック・ポップです。 Atlas eCommerce のプリンシパル プロダクト マネージャーである Bryan Smith と話しています。 これまで、デカップリングされた Web サイトを使用した e コマースの台頭について話し、Rebecca Black の Friday についても言及しました。

イントロに戻ったような気がしますが、約 1 年前に別の記念日がありました。 Atlas は DE{CODE} イベントで Atlas Blueprint を発表しました。 そしてブライアン、あなたはそこにいたと思いますか、それともその一部でしたか? Atlas ブループリントとは何か教えていただけますか?

BS:ええ、絶対に。 したがって、Atlas ブループリントは完全なスターター プロジェクトです。 そのため、フロントエンドの Atlas アプリが含まれています。 これらのブループリントの 1 つを Atlas プラットフォームにデプロイすると、バックエンドの CMS である WordPress サイトが含まれます。 したがって、それも規定します。 次に、サポートされているすべての Atlas プラグイン、Atlas Content Modeler、Faust フレームワーク、および WPGraphQL プラグインをインストールして、WordPress から Atlas フロントエンドにデータを取得できるようにします。

しかし、基本的には、デモ コンテンツを含む完全なストアが 5 ～ 10 分以内に完成します。 つまり、Atlas プラットフォームのツールを学習できるものになることを本当に意図しています。 そのため、そのような例として役立つ可能性があります。 しかし、それらの最終的な目標は、実際にはユーザーがこれらを使用して、基本的に自分のユース ケースや自分のプロジェクトに合わせて拡張できるようにすることです。

次のプロジェクトとその後のプロジェクトに使用できる事前構成済みのツールとテンプレートを用意します。

DP:それで、Atlas Blueprints について話しました。ショーの前にあなたが言っていた Blueprint は、スターター テーマのようなもので、この特定の Blueprint は、ショップをすぐにセットアップできるようにするものです。 Atlas は WP Engine のヘッドレス プログラムで、WordPress サイトが WPGraphQL と必要なすべてのフックを簡単に使用できるようにします。 それがアトラスですか、それともより良い説明がありますか?

BS:ええ、その通りです。 Atlas の目標は、WordPress を優れたヘッドレス CMS にすることであり、GraphQL のようなプラグインである一連のツールを提供しています。 WPGraphQL は WordPress からデータを取得するための完璧な例ですが、Atlas はヘッドレス フロントエンド用の node.js ホスティングも提供します。

DP:わかりました。 もちろん。 それは必要でしょう。 では、ヘッドレス e コマースについて話しているので、気になるのですが、多くのリスナーがヘッドレスについて深く考えずにすでによく知っているかもしれない分離型 e コマースの例はありますか?

BS:ええ。 つまり、私がよく使用するものは本当に良い例であり、常に変化していますが、Nike.com は、特集している製品に豊富なコンテンツを取り込むという素晴らしい仕事をしています. 多くの場合、すべてが同じページにあります。

DP:そして、Nike も Web アプリを持っています。 Adidas が独自の Web アプリを持っていることは知っています。 Yeezy には独自の Web アプリがあります。 つまり、これらはウェブ アプリではなく、スマートフォン アプリの例でもあります。私が知っているスニーカー好きの多くの人は、ウェブサイトだけでなくモバイル アプリも開いていて、出てきた瞬間にドロップしようとします。 .

そして、それらの両方はほとんど同じことになりますよね？ これは、オンラインで表示できる、または他のアプリからも表示できるヘッドレス Web サイトの例です。

BS:その通りです。 ええ、それだけです。 つまり、特にスニーカーの世界では、これらのタイプのサイトは、人々が最近買い物をしたい方法を実際に取り入れています. つまり、あるデバイスで開始し、別のデバイスで購入を完了する可能性があります。同様の一貫したエクスペリエンス、パーソナライズされたエクスペリエンス、および必要なスニーカーを選択する必要があります。

これは、優れたリッチ コンテンツを販売している製品と一緒にするだけでなく、そのコンテンツや製品を表示するために使用するすべてのデバイスで一貫したエクスペリエンスを提供する、非常に良い例です。

DP:マーケティングでは、誰かがあなたの製品をクリックするのに 3 回のインプレッションが必要だという考えがあります。 それがどれほど真実かはわかりませんが、物事からの移行についてあなたが言っていることを言わなければなりません. あなたは私の番号を手に入れました。 全然気づいてなかったけど、今考えてみたらそう。

私はよく eBay アプリから始めますが、ラップトップかウェブ上で何かをするまで実際に購入することはありません。 興味深いことに、それが時々どれほど流動的で、どのようにできるかについて考えたことさえありませんでした。 この種の分離された e コマース エクスペリエンスが大幅に増加しているのでしょうか。

BS:ええ、すべては視点次第だと思います。 から見ていると思います。 もちろん、デカップリング アーキテクチャは非常に長い間存在しており、最大のテクノロジー企業が非常に長い間それを採用しているのを見てきました。 そして、必ずしもテクノロジー企業ではないナイキのような企業は、必然的にその方向に進化していると主張することができるかもしれませんが、実際にそれを受け入れています.

しかし、WordPress を優れたヘッドレス CMS にすることについて話している文脈では、 これらの最高のツールを組み合わせて、必要なフロントエンドを構成できるようにします。 複雑すぎたり高価すぎたりしたこれらのテクノロジーは、中間市場や WordPress コミュニティの私たちにとっては手の届かないところにあると思います。

そして、あなたが今見ているのは、それがよりアクセスしやすくなっているということだと思います. WP Engine のようなこの分野には、WordPress コミュニティを構成する代理店やユーザーにこれをもたらすために投資を行っているプレーヤーが他にもいます。

DP:ヘッドレス e コマース サイトを運営することで、WordPress 側だけでなくアプリの開発者も必要になるため、コストが 2 倍になりますか? または、開発者の雇用に関連するコストだけでなく、追加のコストやホスティングの節約についてもお話しいただけますか?

BS:ええ、それは良い質問です。 依存すると思いますよね？ つまり、WordPress をヘッドレス化するには、開発者であるか、開発チームを持っているか、経験豊富なエージェンシーと協力している必要があります。 いくつかの異なる要因で異なると思います。

あなたが開発者で、これに興味があるだけなら、安価にセットアップする方法はたくさんあります。 実際、Atlas には、開始するための低コストのプランがいくつかあります。 しかし、私たちが現在最も緊密に協力しているターゲット層は、最新の利用可能なテクノロジーを採用することだけを真剣に検討している SMB および中規模企業にサービスを提供する代理店だと思います。

WooCommerce ストアが良い例かもしれません。 多くのママとポップタイプのショップは、オンラインでビジネスを始めたい場合、始めるのに費用がかからないという理由だけで、Shopifyや他の誰かと行くのではなく、WooCommerceを採用しています。それは素晴らしいことです.

WP Engine プラットフォームには、まさにそのカテゴリに分類される多数の顧客がいます。 ビジネスは順調に進み、規模が拡大し始め、ある時点で、少なくとも彼らの頭に「私はこのプラットフォームを超えて成長しているのか、それとも、さらにいくつかの拡張機能を取得する必要があるため、新たなコストが必要なのか」という考えが頭に浮かびます。このオンライン ビジネスを促進します。 他に行けばもっと安くなるのでは？ 首なしでいいですか？」

そして、その多くは、トランザクションの量や、ヘッドレスがもたらすパフォーマンスの必要性さえも気に入ることになります。

また、構成可能性の必要性。 顧客が望むフロント エンド エクスペリエンスを提供するために、さまざまなサードパーティ API が本当に必要ですか。 したがって、これらすべてに「はい」の場合は、ヘッドレスにする必要があり、そのパフォーマンス上の利点が必要です。 はい、エージェンシーの開発チームを雇っても構わないと思っていますし、場合によっては自分のスタッフに何人かの開発者を雇って、サイトの構築後にサイトを維持してもらいます。

そしてもちろん、複数のベンダーを集めて、ヘッドレス ストアで念頭に置いている、カスタマイズされた高性能で没入型のエクスペリエンスを構成する必要があります。 それから、ファネルを最適化しているため、多くの人が費用対効果が高いことに気付いていると思います.

彼らは顧客が何を望んでいるのかを知っています。 彼らは、顧客が最高の検索レコメンデーション、チェックアウト エクスペリエンスを必要としていることを知っています。 彼らはその結果を見ています。 また、検索結果の上位に表示される必要があります。 そのため、パフォーマンスが高く、SEO に最適化された Web サイトが必要です。 さて、従来の WordPress でそれらを実現できないわけではありません。

規模を拡大すればするほど競争が激しくなり、速度だけでなく、最高のツールを使用してサイトやモバイル アプリで頭の中にあるエクスペリエンスを作成する必要があります。 投資には十分なリターンがあります。 しかし、私が言いたいのは、特に始めたばかりの場合は難しいかもしれません.投資に対して良いリターンを出すのは難しいかもしれません. そのため、これらの構築に経験のある代理店を利用することをお勧めします。

彼らは、適切な一連の質問や、サイトに何が必要かなどを尋ねるのに最適です。 そして、彼らは適切な解決策を考え出すのに役立ちますが、適切な解決策はあなたにとって頭のないものかもしれません.

DP:ここが最後の休憩に適した場所だと思います。 戻ってきたら、Atlas BigCommerce Blueprint について Bryan と話し、エージェンシーがこの種のツールをより有効に活用する方法についても少し話そうと思います。 お楽しみに。 私たちはすぐに戻ってきます。

DP: WordPress コミュニティのポッドキャスト、Press This へようこそ。 私はあなたのホスト、Doc Popです。 私たちは、分離された e コマース、構成可能な Web サイト、およびショップについて話しています。 Atlas BigCommerce Blueprint の Bryan Smith と話をしています。 前回のセグメントで、ブライアン、あなたは一部のサイトがウェブサイトを超えて成長する可能性があることについて話していました。これらは本当に成功している WordPress サイトのようなものであり、今後も成長を続ける必要があることがわかります。分離された e コマース。 そして、あなたは私にとって興味深いことを言いました。 あなたは、私がエージェンシーのサイトを構築するのを手伝うために、その助けを得るために何度もエージェンシーに行くと言いました.

最初にちょっと興味がありますが、少なくとも皆さんが遭遇しているのは、これらのヘッドレス サイトを構築している代理店ですか、それともこれらのウェブサイトの多くが自分たちでやろうとしているのでしょうか?

BS:確かに、私たちが Atlas の顧客に遭遇しているのは、彼らがしばしば代理店を経由しているか、少なくとも代理店が関与しているということです。 スタッフに開発チームがいる場合もあります。 そうでない場合もあります。 しかし、通常、私たちが見ているものには、少なくとも代理店が関与しています. そして、サイトの構築ではないにしても、ヘッドレスのビジョンを実現するためのプロセス全体のようなものです.

DP: Atlas BigCommerce はこれらの機関をどのように支援していますか?

BS:ええ、それは素晴らしいことです。なぜなら、この青写真は実際に、BigCommerce のクライアントと協力しているエージェンシーの開発者を対象としているからです。 したがって、このツールを使用すると、代理店はこの Blueprint サイトを 10 分以内に作成できます。 これには、WordPress インスタンスのプロビジョニングが含まれます。

WP Engine は Atlas フロントエンド アプリをホストします。 GitHub リポジトリと統合されます。 すべてのプラグインをインストールしてアクティブ化し、前述のすべてのツール (Atlas Content Modeler、WPGraphQL、Faust、およびこのブループリントで導入した BigCommerce コネクタ プラグイン) を使用してストアフロントを構築します。

ヘッドレス ストアフロントを 10 分以内に構築する。 そのため、本番環境への移行を早めることができます。 それは、セットアップに多くの時間を費やさなければならないボイラープレートの一部を外部委託するようなものです。 そして実際には、代理店の開発者が、クライアントのビジョンの一部であるサイトの本当に興味深いコンポーネントに取り組むために、より多くの時間を費やすことができるように、そのようなことを引き受けることが私たちの目的です.

DP:エージェンシーの観点からこれについて考えているのは興味深いことです。彼らが e コマース サイトだけを望んでいるクライアントと話している場合、彼らはデカップリング アーキテクチャについて何も言及しません。 エージェンシーが今でもこのような売り込みをしようとする理由はありますか?

将来、これが必要になる可能性がありますか、それとも長期的にはいくらかのお金を節約できますか? 彼らがそのようなことをする理由はありますか？

BS:もちろんです。 特に私たちの緊密なパートナーであるエージェンシーは、クライアントとの会話の中で求めているものは、あなたが取り組んでいるソリューションについて教えてくれます.あなたが持っている変化について教えてください.あなたのビジョンについて教えてください。

すでに説明したように、e コマース環境は常に変化しています。 それはこれまで以上に急速に変化しています。 クライアント側に非常に迅速に行動したいという要望がある場合は、最新のテクノロジーを採用してください。 彼らは、大幅なカスタマイズをせずにサイトに変更を加えたいと考えています。 彼らは、顧客の要求に応じて迅速に行動したいと考えています。

完璧な例は、過去数年間に COVID で見られたもので、オンラインでより多くのものを購入する人が増えています。 顧客の要求に迅速に対応する必要性は、これまで以上に重要になっています。 前述のように、それらは製品カタログの管理には最適化されていますが、コンテンツや顧客関係、さらには検索などの管理には必ずしも最適化されていないため、使用しているコマース プラットフォームへの依存度を下げたい場合。と推奨事項。

では、エージェンシーがあなたにとって何が重要かを尋ねるとき、これらのことを探していると思いますか? このオンライン ストアのビジョンを教えてください。 また、最善の組み合わせツール、最速のパフォーマンス、およびそのコマース プラットフォームへの依存度の低いものを探している場合、多くの場合、ヘッドレス コンポーザブル ソリューションを提案します。

DP:ええと、ブライアン、今日の時間はこれで全部だと思います。 私はあなたと話すのがとても楽しかったです。 Atlas eCommerce のプリンシパル プロダクト マネージャーである Bryan Smith と、新しい Atlas BigCommerce Blueprint について話しました。 WordPress を使用して、ヘッドレス e コマース サイトをすばやくセットアップできます。

ブライアン、もし人々があなたについてもっと知りたがっているなら、人々がフォローする良い方法は何ですか? ショーの後に何か質問をしたり、アトラスについてもっと知りたいですか？

BS:わかりました。 うん。 SmithKBryan の Twitter で私を見つける方法はいくつかあります。 [email protected] 私は、Bryan Smith のすぐ下にある WP Engine Agency パートナー チャネルにも参加しています。 そこで私を見つけて、質問してください。 私は、ヘッドレスでコンポーザブルなコマースに関心のある人々と常に交流するのが大好きです。

DP:ええと、ブライアン、ご参加いただきありがとうございます。今日、聞いてくださったすべての方々に感謝します。

Twitter @thetorquemag で Torque マガジンの私の冒険をフォローするか、torquemag.io にアクセスして、毎日このようなチュートリアルやビデオ、インタビューを投稿してください。 Torquemag.io をチェックするか、Twitter でフォローしてください。 Press This は Red Circle、iTunes、Spotify で購読できます。また、毎週 wmr.fm から直接ダウンロードすることもできます。 私はあなたのホスト Doctor Popular です。WP Engine での役割を通じて WordPress コミュニティをサポートしています。 また、Press This で毎週コミュニティのメンバーにスポットライトを当てるのが大好きです。