2月 21, 2026

チェックアウトのブランディングが安定版へ移行、カラー設定についてのアップデート情報

2月 21, 2026

チェックアウトブランディングが安定版へ移行し、カラー設定が更新されました

2023年9月15日現在、ShopifyはCheckout Branding APIのカラー設定を更新し、2023年10月の安定版リリースに移行しました。これにより、EC事業者は、チェックアウト画面の色に対する制御力が向上します。

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

これまでのCheckout Branding APIでは、色設定に関する選択肢が限定的であり、ボーダー、アイコン、フォームフィールド、ボタンの色など、細部のカラーパレットを自社ブランドに合わせてカスタマイズすることが困難でした。これは、ECサイトが自社のブランドイメージを反映し、顧客体験を最大化するための障壁となっていました。

具体的な技術的ソリューションの提案

今回のAPI更新では、新たなCheckoutBrandingColorsInput要素が導入されています。これにより、EC事業者はチェックアウト画面の色設定に対する制御力が更に強化され、より詳細なカラーパレットを自由に設定できるようになります。また、レガシーなCheckoutBrandingColorPaletteInputは廃止され、既存のAPI呼び出しは新システムに自動的に更新されます。

実装手順とコード例

新システムの使用にはAPI呼び出しをCheckoutBrandingColorsInputに変更する必要があります。これにより、新たに設定を更新する際に新システムが反映されます。

mutation {
  checkoutBrandingUpsert(input: {
    shopId: "your-shop-id",
    branding: {
      colors: {
        primary: "#your-color-code",
        secondary: "#your-color-code",
        ...
      }
    }
  }) {
    checkoutBranding {
      ...
    }
  }
}