Shopify Checkout Extensibility：チェックアウトをアップグレードする方法

チェックアウトページが、スムーズで高コンバージョンな購入体験というより、迷路のように感じられた経験はありませんか？想像してみてください。見込み客がすでに「チェックアウト」ボタンを押したにもかかわらず、チェックアウトページが複雑すぎたり、時間がかかりすぎたり、十分な信頼感を与えられなかったりして、カートを放棄してしまう場面を。もし心当たりがあるなら、そろそろ本腰を入れて、そうしたカート放棄を招くチェックアウトページを、Checkout Extensibilityで高コンバージョンなものへと変える時です。

本記事では、チェックアウトページを正しくリニューアルするための理由、よく使われるカスタマイズ、そして必須の手順を掘り下げます。何より重要なのは、より強力なカスタマイズにコーディングスキルが一切不要という点です。Checkout Extensibilityを利用できれば、加盟店は複雑で、間もなく廃止されるCheckout.liquidとお別れできます。ビジュアル、コンテンツ、デザイン、カスタムフィールド、そして信頼構築やアップセル、クロスセルのためのカスタム追加ウィジェットまで、チェックアウトページのほぼすべてをカスタマイズできるようになります。

さっそく本題に入り、お客様が迷いなく購入を完了できる、より良いチェックアウト体験を作るためのチャンスを見つけていきましょう。

Checkout Extensibility：チェックアウトのカスタマイズをシンプルかつ強力にする

Checkout Extensibility vs Checkout.liquid

現在、加盟店はチェックアウトページをカスタマイズする方法として、Checkout ExtensibilityとCheckout.liquidのどちらかを選択できます。この2つの方法をご存じない方のために簡単に説明すると、Checkout Extensibilityは、Shopifyパートナーが提供するチェックアウトカスタマイザーアプリを使うか、自作アプリを構築することでチェックアウトページをカスタマイズできる方法です。一方、Checkout.liquidは、テーマファイル内のコードを直接編集してチェックアウトページをカスタマイズする方法で、コードベースのチェックアウトシステムとして機能します。ただし、高度なコーディングスキルがない限り、Checkout.liquidはミスが起こりやすく、ストアのコードに問題を引き起こす可能性があるため使用をおすすめしません。より専門的なサポートが必要な場合は、Shopify開発の専門家を雇うことで、プロジェクトの効率性と成功を確実にできます。

Checkout Extensibilityは、チェックアウトのカスタマイズにおいて、Checkout.liquidよりも高速でパフォーマンスに優れ、セキュアで、アップグレードの影響を受けにくい代替手段として登場しました。特筆すべきは、Checkout ExtensibilityがShop Payとシームレスに連携する点です。Checkout Extensibilityに切り替えることで、以下のような新機能・新しい能力にアクセスできるようになります。

• チェックアウトのカスタマイズ
• Checkout Editor
• Shopify Pixels
• Branding API

Shopifyチェックアウトのカスタマイズ

Checkout Extensibilityを使えば、すばやくインストールでき、アップグレードの影響を受けにくいアプリに組み込まれたチェックアウトカスタマイズを作成できます。さらに、Checkout Extensibilityは新しいアプリの登場とともに、新機能や機能改善によって、皆様のニーズに応えるべく進化を続けています。

必須のチェックアウトアップグレードのタイムライン：

Shopifyのcheckout.liquidは2024年8月までに廃止予定であることに留意してください。

• 2024年8月13日：Information、Shipping、Paymentページのアップグレード期限
• 2025年8月28日：Thank youページとOrder statusページ（スクリプトタグや追加スクリプトを使用するアプリを含む）のアップグレード期限

現在Checkout.liquidを使用している、または使用を予定している加盟店は、その時点でカスタマイズを失うことになります。アップグレード期限を過ぎた場合の影響について、詳しくはこちらをご覧ください。

checkout.liquid廃止に関するShopifyの通知

Checkout.liquidの代わりにCheckout Extensibilityの利用をおすすめする理由となる、いくつかのメリットをご紹介します。

柔軟性と拡張性

Checkout ExtensibilityとShopify Functionsにより、Shopifyチームはバックエンドロジックを開放し、開発者が加盟店からのほぼすべての要望に応えられるようにしました。この柔軟性は、割引・配送・決済といったおなじみのバックエンドカスタマイズにとどまらず、配送料、チェックアウトプロセス、カート検証など、将来的にはさらに幅広い領域をカバーします。加盟店はチェックアウトカスタマイザーアプリをインストールし、コーディングを気にすることなくShopify管理画面で簡単に設定できます。これこそが、あらゆるShopifyブランド独自のニーズに合わせてShopifyの機能を拡張・カスタマイズできる、堅牢な仕組みとしてCheckout Extensibilityを導入した理由です。Functionsが機能を提供し、加盟店はアプリのインストールを通じてシンプルかつ完全なコントロールを手にできます。

使いやすさ

Shopify ScriptsやCheckout.liquidとは対照的に、Checkout Extensibilityを使ったチェックアウトページのカスタマイズは格段に簡単です。加盟店は必要な機能を提供するアプリを探してインストールし、アプリのエディターですべての設定を行うだけで済みます。

アップグレードの影響を受けにくい

Shopifyは、ストアが正しく最適に機能し続けるよう、定期的にシステムを更新しています。しかし、Checkout.liquidを使用していると、アップデート時にチェックアウトコードとの互換性の問題が発生するリスクがあります。コードを直接編集してチェックアウトページをカスタマイズしている加盟店の場合、Shopifyがチェックアウトページのアップデートを展開すると、コードベースのファイルが変更されたコードとの互換性エラーを起こす可能性があります。一方、Checkout Extensibilityはストアのコアコードに影響を与えず、カスタマイズをそこから分離しています。重要なアップデートが行われる際には、アプリの開発チームが独自にShopifyのアップデートに合わせてアプリを社内で更新します。その後、加盟店にアプリの更新が促され、コード変更の問題を気にすることなくチェックアウトページをカスタマイズできます。これにより、チェックアウトカスタマイズにアプリを利用する加盟店にとって、スムーズで安心な体験が保証されます。

Checkout Extensibilityによる、効果の高いチェックアウトカスタマイズ6選

1. カスタムブランディング

チェックアウトページは単なる取引の場ではなく、お客様の購入体験の中で重要な役割を担い、ブランドストーリーの延長として機能します。チェックアウトページをカスタマイズして活用し、あらゆる要素にブランドの強い個性を吹き込みましょう。フォントや色から、バナー、ロゴに至るまで、チェックアウト中のお客様に一貫したビジュアル体験を提供します。Checkout Extensibilityでは、ブランディングAPIとカスタマイズ機能を活用することで、これらをシームレスに実現できます。

2. カスタムフィールド

追加のカスタマイズ設定にカスタムフィールドを使用できることで、必要な情報の収集がより柔軟になります。Shopifyのデフォルトフィールドでは不十分だったり、特定の機能が欠けていたりする場合、加盟店はカスタムフィールドを追加することでチェックアウトページをカスタマイズできます。これらのフィールドの機能は、加盟店の選択や設定によって決まります。配送指示やギフトメッセージなど、重要な情報を収集したい場合、チェックアウトページのカスタムフィールドは非常に役立ちます。

加盟店は、以下のようなさまざまな種類の情報を収集できます。

• オフィスビル、アパート、階段などの配送指示
• 非対面配送に関する追加情報
• サステナブルな梱包のリクエスト
• 注文に関連するギフトメッセージ
• 会員番号やID番号の記載

さらに、必要に応じてフィールドを編集・削除する柔軟性もあり、追加のカスタムフィールドを組み込みながらも、チェックアウトプロセスを効率的に保つことができます。この適応力によって、加盟店は自社独自のビジネス要件に正確に合ったチェックアウト体験を作るためのツールを手にできます。

3. チェックアウトバリデーション：セキュリティと注文精度の確保

特定のケースでは、すべてのお客様をコンバージョンさせようとするのではなく、特定の基準に基づいてお客様を検証することが不可欠になります。例えば、アルコールなど年齢制限のある商品を扱うストアでは、チェックアウトプロセスにこの機能が必要です。Shopify Functionsは、CartおよびCheckoutのバリデーション機能により、必要な検証を確実に行えます。

ストアで検討すべき代表的なバリデーションのケースには、以下のようなものがあります。

• お客様の年齢確認
• チェックアウト時にカスタムフィールドへの入力を必須にする
• 配送先住所が私書箱でないことの確認
• 注文に組み合わせ不可の商品（例：電池とライターなど）が含まれていないことの確認

VapeSupoerstoreは年齢確認にチェックアウトバリデーションを使用しています

4. カスタム割引：売上を最大化する

売上を伸ばすには、割引の疑いようのない力を活用することが多くなります。しかし、Checkout Extensibilityを使えば、一般的な割引構造に縛られることはありません。特定のシナリオに合わせてオファーを調整し、お客様の購入額を増やすことができます。例えば、100ドル以上の注文で送料無料にするなど、カート合計額に基づいた割引を作成できます。Checkout Extensibilityの柔軟性は、魅力的なプロモーションを作るための無限の可能性を開きます。

5. カスタム配送・決済方法

すべてのビジネスが同じように運営されているわけではないことを踏まえ、Checkout Extensibilityは多様な顧客ニーズに合わせてチェックアウトを調整できるようにします。地域密着型のビジネスであれば、地域に応じて配送・決済オプションをカスタマイズできます。特定のエリアに対して地域配送や現金払いを提供し、自社のビジネスモデルに合わせた体験を実現しましょう。多様な顧客要件を取り入れることで、摩擦を最小限に抑え、満足度を最大化できます。

6. アップセルとクロスセル

チェックアウトページで非常に人気の高いカスタマイズが、アップセルとクロスセルです。ストアオーナーは、売上と平均注文額の向上を目指しています。Checkout Extensibilityを使えば、加盟店はアップセルやクロスセル戦略の一環として、おすすめ商品を紹介するチェックアウトページを簡単にカスタマイズできます。特筆すべきは、Shopifyがアップセルのロジックを動かすためにストアフロントAPIへのアクセスを許可するよりも、この方法を優先するよう加盟店に推奨している点です。Shopify Winter '23 Editionでのこの更新により、加盟店は最も関連性の高い商品を提案できるようになり、アップセルの承認率の向上につながります。

Blue Spruceは、クロスセルとしてチェックアウトページにProduct Offersを組み込んでいます

Checkout.liquidからCheckout Extensibilityへアップグレードする方法

現在Checkout.liquidを利用しており、Checkout Extensibilityへの移行を検討している加盟店様向けに、このセクションでは必須のガイダンスを提供します。前述の通り、Shopifyのcheckout.liquidは廃止が目前に迫っており、廃止前に機能を維持できるよう、積極的にチェックアウトを準備しておく必要があります。

今後の変更を踏まえると、移行プロセスを開始することは、単なる予防策ではなく、シームレスな移行と途切れないチェックアウト運用を確実にするための戦略的な取り組みでもあります。この移行への準備は、チェックアウト機能を保護し、堅牢性を保ちながら進化し続けるShopifyの基準に対応し続けることにつながります。

以下は、Checkout Extensibilityへアップグレードするためのステップバイステップガイドです。

ステップ1：既存のチェックアウトカスタマイズを確認する

1. Shopify管理画面から＞設定＞チェックアウトに移動します。
2. Checkout ExtensibilityへのアップグレードセクションでView personalized reportをクリックし、既存のカスタマイズに関する情報が記載されたページを開きます（レポートはCSVファイルとしてエクスポート可能です）

ステップ2：Thank youページとOrder statusページのカスタマイズを確認する

1. Shopify管理画面から設定＞チェックアウトに移動します。
2. Shopify管理画面から設定＞アプリに移動し、Thank youページやOrder statusページをカスタマイズしているインストール済みアプリを確認します。

Thank YouページとOrder Statusページを確認する

ステップ3：新しいカスタマイズを作成して公開する

1. Shopify管理画面から＞設定＞チェックアウトに移動します。
2. アプリを追加したり、ブランディングを編集したりして、チェックアウト、Thank youページ、Order statusページをカスタマイズします。
3. 変更内容を確認します。この新しいチェックアウトを使用する準備ができたら、公開をクリックします。
4. ポップアップウィンドウで公開するページを選択し、公開をクリックして既存のカスタマイズを置き換えることを確認します。新しいチェックアウトが自動的に更新されます。

オプション設定：

• チェックアウトアプリのインストール：Shopifyアプリストアからチェックアウトアプリをインストールすると、チェックアウトページのカスタマイズがより簡単になります。
• Pixelsの設定：現在checkout.liquidを使ってお客様の行動を追跡している場合は、下書きのチェックアウトを公開する前にPixelsに置き換えてください。
• 追加のファーストパーティ機能の設定：checkout.liquidでのカスタマイズの一部は、現在Shopifyでサポートされている可能性があります。下書きのチェックアウトを公開する前に、該当する機能を確認し設定してください。

まとめ：チェックアウトカスタマイズで売上を伸ばす

加盟店には、戦略的なカスタマイズを通じてチェックアウトページを最適化するだけでなく、コンバージョンの可能性を大幅に高める、無数のチャンスがあります。本記事ではチェックアウトUI拡張機能とShopify Functionsについて掘り下げましたが、可能性の領域はさらに広がっていることを理解しておくことが重要です。

チェックアウトUIとFunctionsの先には、購入後拡張機能や、お客様の行動を理解するための効果的なピクセルトラッキングによって、加盟店がさらなる最適化のマイルストーンを達成できる道があります。これらの手段は、購入体験全体を磨き上げるための、まだ活用されていない可能性を秘めています。

今すぐチェックアウトページの主導権を握り、Checkout Extensibilityの力で売上の急増を実感してください。この取り組みを始める準備ができていて、信頼できるチェックアウトカスタマイザーアプリをお探しの方には、Qikify Checkout Customizerをおすすめします。このアプリは、カスタムブランディング、カスタムフィールド、アップセル、クロスセル、パーソナライズされた決済・配送方法など、重要なニーズに応える必須の拡張機能を提供します。

無料プランと、14日間の無料トライアル付きの有料プランの両方を備えたQikify Checkout Customizerは、チェックアウト体験を変革し、売上を新たな高みへと押し上げるために必要なツールを提供します。

オンラインストアのパフォーマンスを高めましょう。今すぐCheckout Extensibilityでカスタマイズを始めてください。