スムーズに買い物できて成約につながるはずのチェックアウトページが、まるで迷路のようになっていませんか？想像してみてください。見込み客が「チェックアウト」ボタンを押したのに、チェックアウトページが複雑すぎる、時間がかかりすぎる、あるいは信頼感が足りないという理由でカートを放置してしまう。思い当たる節があるなら、今こそ本腰を入れて、Checkout Extensibilityでかご落ちが起きているチェックアウトページを成約につながるページへと変えるときです。
本記事では、チェックアウトページを適切に作り変えるための理由、よく使われるカスタマイズ、そして欠かせない手順を詳しく解説します。何より、より強力なカスタマイズにもコーディングの知識は必要ありません。Checkout Extensibilityを使えば、マーチャントは複雑で廃止予定のCheckout.liquidから卒業できます。ビジュアル、コンテンツ、デザイン、カスタムフィールド、そして信頼感の向上やアップセル・クロスセルのための追加ウィジェットなど、チェックアウトページのほぼすべてをカスタマイズできます。
さっそく、お客様が迷わず、離脱せずに購入を完了できる、より良いチェックアウト体験を作るチャンスを見ていきましょう。
Checkout Extensibility：チェックアウトのカスタマイズをシンプルに、より強力に
Checkout Extensibilityと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に切り替えると、次のような新しい機能を利用できるようになります。
- チェックアウトのカスタマイズ
- チェックアウトエディター
- Shopify Pixels
- Branding API
Shopifyチェックアウトのカスタマイズ
Checkout Extensibilityを使えば、すばやくインストールでき、アップデートの影響を受けないアプリ組み込み型のチェックアウトカスタマイズを作成できます。さらに、Checkout Extensibilityは新しいアプリの登場とともに、新機能や改善された機能でニーズに応えるよう進化し続けています。
チェックアウトのアップグレード期限：
なお、Shopifyのcheckout.liquidは廃止されています。期限は次のとおりです。
- 2024年8月13日：情報入力、配送、支払いページのアップグレード期限。
- 2025年8月28日：スクリプトタグや追加スクリプトを使用しているアプリを含む、サンキューページと注文状況ページのアップグレード期限。
Checkout.liquidを使用中、または使用を予定しているマーチャントは、それまでにカスタマイズが失われます。アップグレード期限を過ぎた場合の影響について詳しくはこちらをご覧ください。
checkout.liquid廃止に関するShopifyのお知らせ
Checkout.liquidではなくCheckout Extensibilityの利用をおすすめする理由となる、主なメリットは次のとおりです。
柔軟性と拡張性
Checkout ExtensibilityとShopify Functionsにより、Shopifyチームはバックエンドのロジックを開放し、開発者がマーチャントのほぼあらゆる要望に応えられるようにしました。この柔軟性は、割引、配送、支払いといったおなじみのバックエンドのカスタマイズだけでなく、今後は送料、チェックアウトの流れ、カートの検証など、さらに幅広い領域に広がります。マーチャントはチェックアウトカスタマイズアプリをインストールし、コーディングを気にすることなく、Shopifyの管理画面でかんたんに設定できます。だからこそ、私たちはCheckout Extensibilityをご紹介しています。あらゆるShopifyブランドの独自のニーズに合わせて、Shopifyの機能を拡張・カスタマイズできる確かな方法です。Functionsが機能を提供し、マーチャントはアプリをインストールするだけで、シンプルかつ完全にコントロールできます。
使いやすさ
Shopify ScriptsやCheckout.liquidと比べて、Checkout Extensibilityを使ったチェックアウトページのカスタマイズははるかにかんたんです。マーチャントは必要な機能を備えたアプリを探してインストールし、アプリのエディターですべての設定を行うだけです。
アップデートの影響を受けない
Shopifyは、ストアが正しく最適に動作するよう、定期的にシステムを更新しています。しかし、Checkout.liquidを使っていると、アップデートの際にチェックアウトのコードとの互換性の問題が起きるリスクがあります。コードを直接編集してチェックアウトページをカスタマイズしているマーチャントの場合、Shopifyがチェックアウトページのアップデートを行うと、変更したコードとの間で互換性エラーが起きるおそれがあります。一方、Checkout Extensibilityはストアのコアコードに影響を与えず、カスタマイズとは切り離されています。重要なアップデートがあった場合は、アプリの開発チームがShopifyのアップデートに合わせて独自にアプリを更新します。マーチャントはアプリを更新するだけで、コード変更の問題を気にすることなくチェックアウトページをカスタマイズできます。アプリでチェックアウトをカスタマイズするマーチャントにとって、スムーズで安心な体験が保証されます。
利用条件に関するお知らせ：
現在、Checkout ExtensibilityはShopify Plusのマーチャントのみ利用できます。
Shopify Plusへのアップグレードをご検討ください。Shopifyのすべての特典に加えて、当社のQikify Checkout Customizerアプリを永久無料でご利用いただけます。
個別のご相談やサポートをご希望の方は、support@qikify.zohodesk.comまでお気軽にお問い合わせください。
Checkout Extensibilityで実現できる、成果の高いチェックアウトのカスタマイズ6選
1. ブランドに合わせたカスタマイズ
チェックアウトページは、単なる決済の場ではありません。お客様の購入体験において重要な役割を果たし、ブランドストーリーの続きを伝える場所でもあります。チェックアウトページをカスタマイズして、あらゆる要素にブランドの個性を反映させましょう。フォントや色からバナーやロゴまで、チェックアウト中のお客様に統一感のあるビジュアル体験を提供できます。Checkout Extensibilityなら、Branding APIとカスタマイズ機能を使って、これらすべてをスムーズに実現できます。
2. カスタムフィールド
カスタムフィールドを使えば、追加のカスタマイズ設定で、必要な情報をより柔軟に集められます。Shopifyの標準フィールドでは足りない場合や、特定の機能がない場合は、カスタムフィールドを追加してチェックアウトページをカスタマイズできます。これらのフィールドの機能は、マーチャントの選択と設定によって決まります。配達時の指示、ギフトメッセージ、その他の重要な情報を集めたいときに、チェックアウトページのカスタムフィールドは非常に役立ちます。
マーチャントは、次のようなさまざまな情報を集められます。
- オフィスビル、マンション、階段などに関する配達時の指示
- 置き配のための追加情報
- 環境に配慮した梱包のリクエスト
- 注文に添えるギフトメッセージ
- 会員番号やID番号
さらに、必要に応じてフィールドを編集・削除できるため、カスタムフィールドを追加しながらもチェックアウトの流れをすっきり保てます。この柔軟性により、マーチャントは自社ならではのビジネス要件にぴったり合ったチェックアウト体験を作れます。
3. チェックアウトの検証：安全性と注文の正確さを確保
場合によっては、すべてのお客様を購入につなげようとするのではなく、特定の条件に基づいてお客様を検証することが必要になります。たとえば、お酒などの年齢制限のある商品を扱うストアでは、チェックアウトでこの機能が欠かせません。Shopify Functionsのカートとチェックアウトの検証機能で、必要な確認を確実に行えます。
ストアで検討したい代表的な検証のケースには、次のようなものがあります。
- お客様の年齢確認
- チェックアウト時にカスタムフィールドへの入力を必須にする
- 配送先住所が私書箱でないことの確認
- 注文に同梱できない商品（例：電池とライター）が含まれていないことの確認
VapeSupoerstoreは、年齢確認にチェックアウトの検証機能を活用しています
4. カスタム割引：売上を最大化
売上を伸ばすには、割引の力を活用するのが効果的です。しかし、Checkout Extensibilityなら、ありきたりな割引の仕組みにとらわれる必要はありません。特定のシナリオに合わせてオファーを調整し、お客様の購入金額アップを促しましょう。たとえば、100ドル以上の注文で送料無料にするなど、カートの合計金額に応じた割引を作成できます。Checkout Extensibilityの柔軟性によって、魅力的なキャンペーン作りの可能性は無限に広がります。
5. 配送方法と支払い方法のカスタマイズ
ビジネスの運営方法はそれぞれ異なります。Checkout Extensibilityなら、多様なお客様のニーズに合わせてチェックアウトを調整できます。地域密着型のビジネスであれば、地域に応じて配送方法や支払い方法をカスタマイズしましょう。特定のエリアに地域配送や現金払いを提供するなど、ビジネスモデルに合ったきめ細かな体験を実現できます。多様なお客様の要望に応えることで、購入の妨げを最小限に抑え、満足度を最大化できます。
6. アップセルとクロスセル
チェックアウトページのカスタマイズで特に人気が高いのが、アップセルとクロスセルです。ストアオーナーは、売上を伸ばし、客単価を高めたいと考えています。Checkout Extensibilityを使えば、アップセルやクロスセル戦略の一環として、チェックアウトページでおすすめ商品をかんたんに紹介できます。特にShopifyは、アップセルのロジックにストアフロントAPIへのアクセスを使うのではなく、この方法を優先するようマーチャントに推奨しています。Shopify Winter '23 Editionでのこのアップデートにより、マーチャントは最も関連性の高い商品を提案でき、アップセルの成約率を高められます。
Blue Spruceは、クロスセルとしてチェックアウトページに商品オファーを表示しています
Checkout.liquidからCheckout Extensibilityへアップグレードする方法
現在Checkout.liquidを使っていて、Checkout Extensibilityへの移行を検討しているマーチャントの方に向けて、このセクションでは重要なポイントをご案内します。前述のとおり、ShopifyのCheckout.liquidは廃止が目前に迫っており、廃止前にチェックアウトの機能を維持できるよう、前もって準備しておくことが重要です。
今後の変更を踏まえると、移行を早めに始めることは、単なる前倒しの対応ではありません。スムーズな移行とチェックアウトの安定した運用を確保するための戦略的な一手です。この移行に備えることで、チェックアウトの機能を守り、変化し続けるShopifyの基準に準拠した、堅牢な状態を保てます。
Checkout Extensibilityへアップグレードするための手順は次のとおりです。
ステップ1：既存のチェックアウトのカスタマイズを確認する
- Shopifyの管理画面 > 設定 > チェックアウトを開きます。
- Checkout Extensibilityにアップグレードセクションでパーソナライズされたレポートを表示をクリックし、既存のカスタマイズに関する情報が記載されたページを開きます（レポートはCSVファイルとしてエクスポートできます）
ステップ2：サンキューページと注文状況ページのカスタマイズを確認する
- Shopifyの管理画面で設定 > チェックアウトに移動します。
- Shopifyの管理画面で設定 > アプリに移動し、サンキューページと注文状況ページをカスタマイズしているインストール済みのアプリを確認します。
サンキューページと注文状況ページを確認
ステップ3：新しいカスタマイズを作成して公開する
- Shopifyの管理画面 > 設定 > チェックアウトを開きます。
- アプリを追加したりブランディングを編集したりして、チェックアウト、サンキューページ、注文状況ページをカスタマイズします。
- 変更内容を確認します。新しいチェックアウトを使う準備ができたら、公開をクリックします。
- ポップアップウィンドウで公開するページを選び、公開をクリックして既存のカスタマイズを置き換えることを確定します。新しいチェックアウトが自動的に反映されます。
任意の設定：
- チェックアウトアプリのインストール：チェックアウトページをよりかんたんにカスタマイズするために、Shopify App Storeのチェックアウトアプリのインストールをご検討ください。
- Pixelsの設定：現在checkout.liquidを使ってお客様の行動を追跡している場合は、下書きのチェックアウトを公開する前にPixelsに置き換えましょう。
- その他のShopify標準機能の設定：checkout.liquidで行っていたカスタマイズの一部は、現在Shopifyの標準機能で対応できる可能性があります。下書きのチェックアウトを公開する前に、該当する機能を確認して設定しましょう。
Checkout.liquidからCheckout Extensibilityへの移行相談を予約：
Checkout.liquidでの現在のチェックアウトのカスタマイズを確認・評価し、Checkout Extensibilityへのアップグレードをサポートいたしますので、お気軽にお問い合わせください。
まとめ：チェックアウトのカスタマイズで売上を伸ばしましょう
マーチャントには、戦略的なカスタマイズによって、チェックアウトページを最適化するだけでなく、コンバージョンの可能性を大きく高めるチャンスがたくさんあります。本記事ではチェックアウトUI拡張機能とShopify Functionsを中心にご紹介しましたが、可能性はさらに広がっています。
チェックアウトUIやFunctionsのほかにも、購入後の拡張機能や、お客様の行動を把握するための効果的なPixelによるトラッキングで、さらなる最適化を実現できます。これらは、買い物体験全体を磨き上げるための、まだ活かしきれていない可能性を秘めています。
今日からチェックアウトページを見直し、Checkout Extensibilityの力で売上アップを実感してください。信頼できるチェックアウトカスタマイズアプリをお探しなら、Qikify Checkout Customizerがおすすめです。カスタムブランディング、カスタムフィールド、アップセル、クロスセル、パーソナライズされた支払い方法・配送方法など、重要なニーズに応える拡張機能を備えています。
無料プランと、14日間の無料トライアル付きの有料プランをご用意しているQikify Checkout Customizerは、チェックアウト体験を一新し、売上をさらに伸ばすためのツールを提供します。
ストアの成果を高めましょう。今日からCheckout Extensibilityでカスタマイズを始めてください。
その他のお役立ちリソース：
- Checkout Extensibilityをテーマにしたウェビナー
- 電子書籍：Checkout Extensibilityへのアップグレード完全ガイド
