Qikify Checkout Plusカスタマイザーを使用して Shopify チェックアウトページをカスタマイズする方法

by Ruka Okuyama

Shopifyチェックアウトの拡張機能でチェックアウトを簡単にカスタマイズする方法

この記事では、チェックアウトページ改造する理由、最もよく使われるカスタマイズ、および重要な方法について詳しく説明します。特に、強力なカスタマイズのためにコーディングスキルは必要ありません。Checkout Extensibilityにアクセスすることで、複雑で近々廃止予定のCheckout.liquidに別れを告げることができます。マーチャントは、チェックアウトページのビジュアル、コンテンツ、デザイン、カスタムフィールド、信頼を築くためのカスタムウィジェットやアップセルを含むほぼすべてをカスタマイズすることができます。
さあ、より良いチェックアウト体験を作り出し、顧客が迷うことなく購入を完了できるようにするためのチャンスを解き放ちましょう!

Qikify Checkout Extensibility:チェックアウトのカスタマイズを簡単かつ強力に



現在、マーチャントはチェックアウトページをカスタマイズするためにCheckout ExtensibilityとCheckout.liquidのどちらかを選択することができます。これらの2つの方法について知らない場合、簡単に説明すると、Checkout Extensibilityは、Shopifyパートナーの提供するチェックアウトカスタマイザーアプリを使用するか、自分自身でアプリを構築してチェックアウトページをカスタマイズする方法です。一方、Checkout.liquidはテーマファイルのコードを直接編集してチェックアウトページをカスタマイズする方法で、コードベースのチェックアウトシステムとして機能します。


しかし、高度なレベルでコーディングに熟練していない限り、Checkout.liquidの使用はお勧めしません。ミスが発生しやすく、ストアのコードに問題を引き起こす可能性があるためです。より専門的な支援が必要な場合は、プロのShopify開発者を雇うことで、プロジェクトの効率と成功を確実にすることができます。こちらはぜひGo Rideにご相談ください!


*Checkout.liquidは2024年8月13日に廃止されます。


Checkout Extensibilityは、チェックアウトカスタマイズにおいてCheckout.liquidに代わる高速で、パフォーマンスが高く、安全で、アップグレードに対応した選択肢として登場しました。特に、Checkout ExtensibilityはShop Payとシームレスに統合されます。Checkout Extensibilityに切り替えることで、以下の新機能や機能強化にアクセスできます:


  • チェックアウトカスタマイズ
  • チェックアウトエディタ
  • Shopify Pixels
  • ブランディングAPI

Checkout Extensibilityを使用することで、インストールが簡単で、アップグレードに対応したアプリに組み込まれたチェックアウトカスタマイズを作成できます。さらに、Checkout Extensibilityは新しい機能や改良された機能の導入とともに、あなたのニーズに応えるために継続的に進化しています。

柔軟性とスケーラビリティ

Checkout ExtensibilityとShopify Functionsにより、Shopifyチームはバックエンドロジックを開放し、開発者がマーチャントのほぼすべての要求に応えることができるようになりました。この柔軟性は、ディスカウント、配送、支払いの従来のバックエンドカスタマイズを超え、将来的には配送料金、チェックアウトプロセス、カートの検証などの分野にも及びます。マーチャントはチェックアウトカスタマイザーアプリをインストールし、Shopify管理画面で簡単に設定を行うことができ、コーディングの心配はありません。

使いやすさ

Shopify ScriptsやCheckout.liquidとは対照的に、Checkout Extensibilityを使用してチェックアウトページをカスタマイズすることは非常に簡単です。マーチャントは必要な機能を提供するアプリを検索し、それをインストールし、アプリエディタを通じてすべての設定を行うだけです。


アップグレードに対応

Shopifyは定期的にシステムを更新してストアが正常かつ最適に機能するようにしています。しかし、Checkout.liquidを使用すると、更新時にチェックアウトコードとの互換性の問題が発生するリスクがあります。コードを直接編集してチェックアウトページをカスタマイズしているマーチャントは、Shopifyがチェックアウトページを更新する際に、変更されたコードが互換性エラーを起こすリスクがあります。それに対して、Checkout Extensibilityはコアストアコードに影響を与えず、カスタマイズを分離します。重要な更新が発生した場合、アプリの開発チームがアプリを内部的に更新し、Shopifyの更新に合わせます。その後、マーチャントはアプリの更新を促され、コード変更の問題を気にせずにチェックアウトページをカスタマイズすることができます。これにより、アプリを使用したチェックアウトカスタマイズを行うマーチャントにとって、スムーズで心配のない体験が保証されます。


Checkout Extensibilityによる最高のパフォーマンスを発揮するチェックアウトカスタマイズ

1. カスタムブランド


チェックアウトページは単なる取引スペースではなく、顧客の購買体験において重要な役割を果たし、ブランドストーリーの継続として機能します。フォントや色、バナー、ロゴなど、すべての要素にブランドの強い個性を吹き込むことで、チェックアウト時に統一感のあるビジュアル体験を顧客に提供します。Checkout Extensibilityを使用すれば、ブランディングAPIとカスタマイズ機能を活用して、これらをシームレスに実現できます。


2. カスタムフィールド


必要な情報を収集する際に、カスタムフィールドを使用することで、追加のカスタマイズ設定が可能になります。Shopifyのデフォルトフィールドでは対応できない場合や特定の機能が不足している場合、マーチャントはカスタムフィールドを取り入れてチェックアウトページをカスタマイズできます。これらのフィールドの機能は、マーチャントの選択と設定に依存します。例えば、配送指示、ギフトメッセージなどの重要な情報を収集する際に、カスタムフィールドは非常に有用です。

マーチャントは以下のような様々な情報を収集できます:


  • オフィスビル、アパート、階段などの配送指示
  • 非接触配送の追加詳細
  • サステナブルな梱包のリクエスト
  • 注文に関連するギフトメッセージ
  • メンバーシップやID番号の記載

さらに、必要に応じてフィールドを編集または削除する柔軟性があり、追加のカスタムフィールドを取り入れながらもスムーズなチェックアウトプロセスを確保できます。この適応性により、マーチャントは独自のビジネス要件に正確に一致するチェックアウト体験を作成するためのツールを提供されます。



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


特定のケースでは、すべての顧客を転換しようとするのではなく、特定の基準に基づいて顧客を検証することが重要です。例えば、アルコールなどの年齢制限付き商品を扱う店舗では、この機能がチェックアウトプロセスに不可欠です。Shopify Functionsのカートおよびチェックアウトの検証機能により、必要な検証を確実に行います。

店舗で考慮すべき一般的な検証ケースには以下が含まれます:


  • 顧客の年齢の確認
  • チェックアウト時にカスタムフィールドを埋めるよう顧客に要求
  • 配送先住所が私書箱ではないことを確認
  • 注文に互換性のない商品(例:電池とライター)が含まれていないことを確認

これらのバリデーションを通じて、セキュリティと注文の正確性を確保し、より安全で信頼性の高いショッピング体験を提供できます。


4. カスタムディスカウント:売上最大化


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


5. カスタム配送および支払い方法


すべてのビジネスが同じ方法で運営されているわけではないため、Checkout Extensibilityを使用して、さまざまな顧客のニーズに合わせてチェックアウトを適応させることができます。地元のビジネスの場合、場所に基づいて配送と支払いオプションをカスタマイズできます。特定の地域に対してローカル配送や現金払いを提供し、ビジネスモデルに合わせた体験を提供します。顧客の要求の多様性を受け入れることで、摩擦を最小限に抑え、満足度を最大化できます。


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


チェックアウトページで非常に求められるカスタマイズは、アップセルとクロスセルです。店舗所有者は売上を増やし、平均注文額を増加させることを目指しています。Checkout Extensibilityを使用することで、マーチャントは簡単にチェックアウトページをカスタマイズし、アップセルおよびクロスセル戦略の一環としてオファーされた製品を導入できます。特に、Shopifyは、アップセルの背後にあるロジックをパワーアップするためにストアフロントAPIへのアクセスを許可するよりも、この方法を優先するよう奨励しています。Shopify Winter '23 Editionのこの更新により、マーチャントは最も関連性の高いアイテムを提案し、高いアップセル承認率を確保できます。

まとめ

Checkout Extensibilityは、Shopifyのチェックアウトページをカスタマイズするための強力で柔軟なソリューションです。カスタムブランド、カスタムフィールド、チェックアウトバリデーション、カスタムディスカウント、カスタム配送および支払い方法、そしてアップセルとクロスセルなど、さまざまなカスタマイズ機能を提供することで、マーチャントは顧客により良い購買体験を提供できます。これらの機能により、コードの編集に依存せず、簡単かつ安全にストアを最適化し、売上を最大化することが可能です。Checkout Extensibilityを活用することで、顧客のニーズに合ったパーソナライズされたチェックアウト体験を提供し、ビジネスの成功を確実にすることができます。

Ruka Okuyama

GO RIDE Engineer

この著者の記事一覧

RELATED ARTICLES


EC構築から広告運用までワンストップで提供。

資料請求 お問い合わせ