2月 21, 2026

チェックアウトにおけるヘッダーとフッターのカスタマイズが可能に

2月 21, 2026

チェックアウトのヘッダーとフッターのカスタマイズが可能に

Shopifyのチェックアウトページは、ビジネスブランドの強化とユーザーナビゲーションの向上に大きな役割を果たしています。しかし、従来の設定では、チェックアウトページのヘッダーとフッターのカスタマイズが限定的であったため、ブランドの一貫性を確保し、顧客体験を最適化する上での課題がありました。

技術的ソリューション

2024年1月31日以降、Checkout Extensibilityを通じて、これらの問題は解消されました。この新機能により、GraphQL Admin APIを使用して、チェックアウトのヘッダーとフッターをブランドやナビゲーション意図に合わせてカスタマイズすることが可能になりました。

具体的には、次のような操作が可能になりました：

ロゴ、パンくずリスト、デフォルトのフッターコンテンツ、カートへ戻るリンクの非表示
フッターの位置と整列の制御

さらに、チェックアウトUIの拡張機能を使用して、新たなヘッダーとフッターの拡張ターゲットをチェックアウトページとサンクスページに追加し、非表示にしたコンテンツを置き換えたり追加したりすることも可能になりました。

実装手順とコード例

新しいヘッダーとフッターのカスタマイズは、GraphQL Admin APIを通じて行います。以下に、ロゴを非表示にするためのGraphQLクエリの例を示します：


    mutation {
        checkoutSettingsUpdate(input: {branding: {logo: {hide: true}}}) {
            checkoutSettings {
                branding {
                    logo {
                        hide
                    }
                }
            }
        }
    }

上記のクエリをGraphQL Admin APIに送信すると、チェックアウトページのロゴが非表示になります。