注文ステータスページとサンキューページにUI拡張機能が導入されました

「注文完了ページおよび注文ステータスページのUI拡張機能がローンチされました」

Shopify Plusのユーザーにとって、購入プロセス全体を通じた一貫したカスタマイズが可能になりました。本記事では、注文完了ページと注文ステータスページのUI拡張機能について詳しく解説します。

1. 技術的課題の定義と現状分析

Shopify Plusマーチャントは、これまでcheckout.liquidやscriptタグ付きのアプリ、追加スクリプトを用いて購入プロセスのカスタマイズを行ってきました。しかし、これらの方法は一部のページで非推奨となり、将来的には完全に廃止される予定です。

2. 技術的ソリューションの提案

これに対する新たな解決策として、Shopifyは2023年11月7日よりUI拡張機能をローンチしました。これにより、コードを記述することなく、アプリベースで、アップグレードに対応したカスタマイズを行うことが可能になります。これにより、購入経験全体をより一貫したものにすることが可能となります。

3. 実装手順とコード例

新しいUI拡張機能を使用するためには、具体的な手順を踏む必要があります。まずは、Shopify Plusのマーチャントであることを確認し、Shopify管理画面からUI拡張機能を有効化します。その後、使用するアプリを選択し、該当のページに対してカスタマイズを行います。このプロセスはコードフリーで行うことが可能です。

4. パフォーマンス・コスト分析

新しいUI拡張機能は、従来のcheckout.liquidやscriptタグ付きのアプリ、追加スクリプトに比べて、パフォーマンスとコストの面で優れた結果をもたらします。これは、新しい拡張機能がアップグレードに対応しているため、将来的なメンテナンスコストを削減することができるからです。

5. 実装時の注意点・ベストプラクティス

UI拡張機能の利用にあたっては、以下の日程を確認しておくことが重要です。2024年8月13日は、checkout.liquidの非推奨日で、2025年8月28日は、checkout.liquid、scriptタグ付きのアプリ、追加スクリプトの完全廃止日となります。これらの日付までにアップグレードを完了させない場合、デフォルトのShopify Checkoutに更新される可能性があります。

6. 次のステップ・発展案

UI拡張機能の導入により、Shopify Plusマーチャントは、購入プロセス全体のカスタマイズをより簡単に、そして効率的に行うことが可能となりました。今後は、さらなるカスタマイズ性とスケーラビリティを追求し、より一貫した購入経験の提供に注力していくことが期待されます。

参考記事: UI extensions on the Thank you and Order status pages have launched