チェックアウトのプロセスは、Shopifyマーチャントにとって極めて重要です。訪問者がお客様へと変わり、実際の売上につながる決定的な場面だからです。このステップを改善するのは簡単ではありませんが、ShopifyはShopify Checkout Extensibilityを通じて、役立つツールを絶えず提供しています。最新のテクノロジープラットフォーム上に構築されたCheckout Extensibilityは、チェックアウトページの最適化を容易にし、アップグレードしたShopifyマーチャントに特別なメリットと高度な機能をもたらします。
本記事では、経験豊富な開発者の方にも、コーディングにあまり詳しくないマーチャントの方にも分かりやすいかたちで、Checkout Extensibilityをご紹介します。その中心となる側面・機能・実践的なユースケースを取り上げ、マーチャントがチェックアウトページを最適化するだけでなく、その可能性を最大限に引き出すための基礎知識をお届けします。
Shopify Checkout Extensibilityとは？
Shopify Checkout Extensibilityは、チェックアウトのカスタマイズにおいてCheckout.liquidに代わるものです。アプリベースで、かつ高い成約率につながるかたちで、カスタマイズのプロセスを効率化する強力な機能を備えています。Checkout Extensibilityによって、マーチャントは次のような高度で便利な機能を利用できます。
- チェックアウトのカスタマイズ
- Checkout Editor
- Shopify Pixels
- Branding API
なお、現時点でCheckout Extensibilityを利用できるのはShopify Plusマーチャントに限られる点にご注意ください。また、Checkout.liquidとは互換性がなく、両方を同時に使うことはできません。Checkout.liquidをお使いの場合は、Checkout Extensibilityを効果的に活用するために、Checkout.liquid内のすべての設定を削除または置き換える必要があります。
Shopify Plusへのアップグレードに関するお問い合わせ：
Shopify Plusへのアップグレードのメリットをご覧ください。Shopifyのあらゆる特典をフルにご利用いただけるだけでなく、Qikify Checkout Customizerアプリの永久無料サブスクリプションもお楽しみいただけます。
個別のコンサルティングやサポートについては、私たちのチーム support@qikify.zohodesk.com までお気軽にご連絡ください。
Shopify Checkout Extensibilityのメリット
1. コード不要のカスタマイズ
Checkout.liquidでチェックアウトページをカスタマイズする方法とは異なり、Checkout Extensibilityはアプリベースのカスタマイズによって、コード不要のアプローチを実現します。Shopify Checkout Extensibilityなら、マーチャントはコーディングなしで手軽にチェックアウトページをカスタマイズできます。Checkout EditorとBranding APIを活用すれば、色・フォント・ロゴといった視覚的な要素を思いのままに操作・変更できます。
さらに、Shopifyプラットフォーム上のサードパーティパートナーが提供するアプリを通じて機能を追加し、チェックアウトの機能性を高めることもできます。Shopifyがチェックアウト拡張機能をサポートしていることで、アプリ開発者はカスタム機能を作成でき、Shopifyマーチャントはアプリをインストールするだけで、自店のチェックアウトフローでそれを試せるようになりました。たとえばCheckout UI extensionsを使えば、マーチャントはコーディングスキルなしで、商品情報や配送・決済方法などをチェックアウトページにカスタマイズできます。
2. アップグレードに強く、セキュリティも強化
Checkout Extensibilityなら、定期的なアップグレードが不要になります。Shopifyの新リリースのたびに手動でコードを更新しなければならないCheckout.liquidのマーチャントとは違い、Checkout Extensibilityを利用するマーチャントは、新機能をリリースと同時にすぐ使えます。
さらに、Checkout Extensibilityを支えるコンポーネントとAPIはサンドボックス化された環境で動作し、全体的なセキュリティ対策を強化します。
3. 速度とコンバージョンの向上
Shopifyは最新のプラットフォーム技術を用いてCheckout Extensibilityを作り上げました。マーチャントのお客様により速いチェックアウト体験を提供し、コンバージョン率を高めることを目指しています。
Shopifyによれば、Checkout Extensibilityはチェックアウト速度を2倍に高め、コンバージョン率の平均1%向上につながるとされています。
4. Shop Payとのスムーズな連携
Shop Payは、Shopifyが誇る決済ソリューションです。チェックアウトのプロセスを速め、安全な決済を確かなものにし、「インターネット上で最も成約率の高いチェックアウト」という評価を得ています。Shopifyの調査によれば、Shop Payはモバイル端末で91%高いコンバージョン率をもたらす可能性があり、4倍速いチェックアウト体験を提供します。
Shop Payのようなエクスプレスチェックアウトを利用しつつ、競合なくチェックアウトページをカスタマイズしたいマーチャントにとって、Checkout Extensibilityは最適な選択肢です。Shopify Checkout Extensibilityを使えば、Checkout Editor上の簡単な操作で、さまざまなチェックアウトのカスタマイズをShop Payに手軽に取り込むことができ、わずか数クリックでスムーズに設定できます。
Shop Payは、チェックアウトをより安全に、より速くします。
5. 強力な新しいチェックアウト機能の活用
Checkout Extensibilityにアップグレードすると、マーチャントはShopifyが導入した数々の強力な新しいチェックアウト機能をスムーズに解放できます。たとえば次のようなものです。
- 新しい購入オプション：Pre-orders（プレオーダー）
- 新しい決済オプション：Shop Pay Installments
- 新しい配送・お届け機能：Shop Promise、配送予定日、受取スポットへの配送、サブスクリプション配送料名
- 新しい割引機能：割引の組み合わせ、送料割引
- 新しいマーケティング機能：SMSマーケティングのオプトイン、メールマーケティングのオプトイン
- 新しいB2B機能：保存済みクレジットカード、柔軟な配送先住所、カスタマイズ可能なチェックアウト体験
- 新しいチェックアウト機能：ワンページチェックアウト、税額目安のツールチップ
6. 高度なカスタマイズの実現
さらに、ShopifyがBackend Logicを開放したことで、開発者は高度なカスタマイズでより自由に創意工夫できるようになり、多様なビジネスニーズに応えられます。マーチャントは、自社の開発チームやShopify Partnersに所属する開発者の力を借りて、こうした高度なカスタマイズを利用できます。
Checkout Extensibilityにはどんな機能があるのでしょうか？
1. Checkout Editor
- ドラッグ＆ドロップの操作で、チェックアウトページのカスタマイズをシンプルに。
- 色・フォント・ロゴ・背景などの視覚的な要素を思いのままに編集。
- Shopifyのチェックアウト拡張アプリから、カスタムのチェックアウト機能をドラッグ＆ドロップ。
Checkout Editor（左）と、スタイルをカスタマイズしたチェックアウトページ（右）
2. チェックアウトアプリ
- App Store上にある数多くのShopifyチェックアウト拡張アプリから選べます。
- アプリベースのソリューションを使って、新しいUI extensions、カスタムロジック、入力フィールド、購入後ページ、ピクセルなどでチェックアウトページを強化できます。
3. Shopify Pixels Manager
- ストアとチェックアウトページのすべてのトラッキングピクセルを、一元的な場所で安全に管理できます。
4. Branding API
- ボタンの枠線のような細部から全体の見た目まで、チェックアウトの外観を隅々までコントロールできます。
5. カスタムアプリ向けのコンポーネント
- Shopifyが開放したBackend Logicを活用して、開発者はカスタムアプリを作成できます。
- Checkout Extensibilityを利用するマーチャントは、こうしたカスタムアプリの機能を使ったり、自社のビジネスニーズに合わせて独自に構築したりできます。
チェックアウトのカスタマイズ方法とユースケース
Shopify Checkout Extensibilityならではの機能とメリットをご紹介したところで、次のセクションでは、マーチャント向けの実践的なユースケースとカスタマイズの選択肢を見ていきます。分かりやすく整理するため、これらのユースケースはカスタマイズ技術ごとに分類し、Shopifyがあらかじめ定めたカテゴリーとぴったり対応するようにしています。
1. Checkout UI Extensions
カスタマイズの種類：カスタムUIやコンテンツで、チェックアウトページとOrder Statusページをカスタマイズ。
ユースケース：
- 商品オファーを表示してチェックアウトでアップセル・クロスセル
- お客様から追加情報を集めるためのカスタムフィールドを作成
- より多くの情報やお知らせを表示するカスタムバナーを作成
- チェックアウトのプロセスにアンケートを組み込む
- お客様が有効なデータを入力しているか、一定の要件を満たしているかを確認するバリデーションフィールドを作成。
- 新規のお客様に紹介コードを提供。
ストアFussyが、Product Offersをアップセルとしてチェックアウトをカスタマイズした例。
2. Branding API
カスタマイズの種類：チェックアウトページの見た目をカスタマイズ
ユースケース：ブランドのスタイルに沿うよう、チェックアウトページのデザインをカスタマイズ
3. Shopify Functions
カスタマイズの種類：Shopifyのバックエンドでカスタムロジックを作成
ユースケース：
- 「Volume discount（数量割引）」のような割引の仕組みを構築し、お客様が適用して特典を得られるようにする。
- 決済方法のカスタマイズ：トリガー設定に応じて、決済方法の名称変更・並び替え・非表示・表示を行う。
- 配送オプションのカスタマイズ：トリガー設定に応じて、配送方法の名称変更・並び替え・非表示・表示を行う。
- ロケーションルールを構築し、明細ごとに優先したいロケーションを設定する。
- カートとチェックアウトのバリデーションを作成し、購入履歴が十分でないお客様に注文上限を設ける。このユースケースは、お客様がチェックアウトを進めないようにするために使われます。
- フルフィルメント制約を構築し、フルフィルメントの過程で出荷・配送の方針をカスタマイズする。代表的なユースケースは、特定の商品を常に特定の店舗ロケーションから出荷するよう、こうしたフルフィルメント制約を使うことです。
4. 購入後（Post-purchase）のShopifyチェックアウト拡張機能
カスタマイズの種類：購入後ページにカスタムコンテンツを追加
ユースケース：
- お客様が支払いを完了したあとの購入後ページで、アップセルやクロスセルのための商品オファーを作成する。
- 購入後ページをカスタマイズして、お客様から追加情報を集める。
5. Web pixel app extensions
カスタマイズの種類：購入後ページにカスタムコンテンツを追加
ユースケース：お客様の行動をトラッキングし、マーケティングや販売の戦略を最適化する。
ここまでご紹介した機能やユースケースの多くは、Checkout.liquidでは利用できません。現在Checkout.liquidをお使いの場合は、Shopify Checkout Extensibilityへのアップグレードを強くおすすめします。特別なメリットを利用できるようになるだけでなく、Checkout.liquidが2024年8月までに廃止されることを考えると、これは欠かせない対応です。
現在のCheckout.liquidの見直しやCheckout Extensibilityへのアップグレードにサポートが必要でしたら、お気軽にご連絡ください。
まとめ
まとめると、Shopify Checkout Extensibilityは、チェックアウト体験と最適化のプロセスを高めるための、柔軟なツールキットをマーチャントに提供します。本記事では、その基本的な定義から、特別なメリット、機能、実践的なユースケースまで、細部にわたってご紹介してきました。
Checkout Extensibilityは、ストアの機能性を高めるだけでなく、あなたのビジネスをイノベーションの最前線へと押し上げます。チェックアウトのプロセスを効率化したい方、コンバージョン率を最大化したい方、あるいは自社に合わせたソリューションを導入したい方——Checkout Extensibilityは、スムーズで顧客中心のEC体験を形づくる力を与えてくれます。
そして、Shopifyのチェックアウト拡張のロードマップに沿って、これからさらに探求できることが増えていきます。Shopifyは今後もチェックアウトプラットフォームを改善し、ますます良いものにし続けていくと私たちは考えています。
この変革の可能性を、どうか見逃さないでください。より最適化された、躍動感のあるオンラインストア体験のために、今すぐCheckout Extensibilityへアップグレードしましょう。
