Checkout / Changed ・ Admin

チェックアウトのフッターが
「規約とポリシー」リンク 1 つに集約

ポリシーごとに並んでいたリンクが 1 つにまとまり、クリックするとモーダルで各ポリシーを選べるようになった。ポリシーの中身は変わらず、マーチャント側の作業は不要。

このページの構成
  1. そもそも何が変わるのか(30秒で理解)
  2. 図解 : 顧客がポリシーにたどり着く流れ
  3. 変わるもの/変わらないもの
  4. 変更前 vs 変更後の比較
  5. Shopify Plus でのカスタマイズ
  6. 記事に書かれていないこと
  7. 技術者が押さえるべき5つのポイント
  8. 業務に活かせる3つのユースケース
  9. 提案で使える1行サマリ

1そもそも何が変わるのか

チェックアウト画面のフッターには、これまで ポリシーごとに個別のリンク が並んでいた。
今回から 「Terms and policies(規約とポリシー)」リンク 1 つ に置き換わり、開くとモーダルで任意のポリシーを選べる。

変更前 : リンクがポリシーの数だけ並ぶ

フッターにポリシーごとの個別リンクが表示されていた。

変更後 : 1 リンク + モーダル

「規約とポリシー」1 つだけ。クリックでモーダルが開き、顧客がそこから見たいポリシーを選ぶ。

2図解 : 顧客がポリシーにたどり着く流れ

顧客 チェックアウト中 フッター 規約とポリシー リンクは 1 つだけ クリック モーダル ストアのポリシー 1 ストアのポリシー 2 ストアのポリシー 3 … 全ポリシーから選択 ポリシー本文 内容は従来どおり
変わったのは 「入口の見せ方」だけ。顧客は 1 クリック増えるかわりに、フッターがすっきりし、モーダルの中でストアのどのポリシーにもアクセスできる。

3変わるもの/変わらないもの

変わる

フッターのリンク表示

ポリシーごとの個別リンク → 「規約とポリシー」リンク 1 つに。

変わらない

ポリシーの内容

登録済みのポリシー本文はそのまま。書き換えは発生しない。

作業不要

マーチャントの対応

何もしなくてよい、と明記されている。

4変更前 vs 変更後の比較

項目変更前変更後
フッターのリンク数 複数 ポリシーごとに 1 本 1 本 「規約とポリシー」
ポリシーの開き方 各リンクから個別に モーダルで一覧から選択
ポリシー本文 — 変更なし
マーチャント作業 — 不要
独自リンクへの差し替え 記載なし Plus のみ Checkout UI extensions で可

5Shopify Plus でのカスタマイズ

既定のフッター 規約とポリシー ① 既定フッターを非表示 Checkout UI extensions ② 拡張で実装 独自のポリシーリンク ③ 自前のリンクを配置
既定フッターの非表示+独自リンク追加ができるのは Shopify Plus プランのマーチャントのみ。Plus 以外のプランは新しい「規約とポリシー」リンク表示になる。

6記事に書かれていないこと

記載なし

モーダルに並ぶポリシーの種類・順序

「任意のポリシーを選べる」とだけあり、具体的な一覧や並び順の説明はない。

記載なし

オプトアウト(旧表示に戻す)手段

Plus の UI extensions による差し替え以外に、旧表示へ戻す設定の言及はない。

記載なし

リンク文言の言語・カスタマイズ

「Terms and policies」の多言語表記や文言変更の可否は書かれていない。

記載なし

具体的な extension target / API 名

「Checkout UI extensions で可能」とのみ。使う target 名や設定箇所は記載なし。

7技術者が押さえるべき5つのポイント

1. 変更は表示層のみ

ポリシーのデータは変わらず、フッター UI の構成だけが変更された。ポリシー本文側の改修は不要。

2. 対応作業ゼロ

マーチャントは何もしなくてよいと明記。既定フッターを使っているストアは自動で新表示になる。

UI ext

3. 個別リンクが必要なら Plus + UI extensions

既定フッターを隠し、独自のポリシーリンクを Checkout UI extensions で追加する、が公式の逃げ道。

4. 個別リンク前提の手順書・テストは見直し

「フッターの○○リンクをクリック」といった運用マニュアルや E2E テストは、モーダル経由の操作に変わる点に注意。

?

5. 詳細仕様は未記載 = 実画面で確認

モーダル内の並び順、文言のローカライズ、extension target 名などは記事に記載なし。案件で必要なら開発ストアで実際の表示を確認すること。

8業務に活かせる3つのユースケース

USE CASE 1

運用中ストアへの「影響なし」報告をすばやく出す

課題
チェックアウトの見た目が変わると、クライアントから「何か壊れた?」と問い合わせが来る。
打ち手
本変更を「表示のみの変更・ポリシー内容不変・対応不要」と先回りで共有する。
効果
問い合わせ対応の削減と、保守チームとしての信頼感の維持。
技術メモ
Plus で既定フッターを UI extensions で差し替え済みのストアは、その構成も併せて報告に含める。
USE CASE 2

Plus ストアで「ポリシーを直接見せたい」要望に応える

課題
特定のポリシーをチェックアウト上でワンクリックで見せたい、というクライアント要望がある。
打ち手
Shopify Plus なら既定フッターを非表示にし、Checkout UI extensions で独自のポリシーリンクを配置する。
効果
要件に合わせたフッター構成を、チェックアウトのテーマ改造なしで実現。
技術メモ
Plus 限定の機能。使用する extension target 名は記事に記載なし = 開発前に公式ドキュメントで確認。
USE CASE 3

運用マニュアル・E2E テストのアップデート

課題
CS 向け手順書や自動テストが「フッターの各ポリシーリンク」を前提に書かれている。
打ち手
「規約とポリシー」リンク → モーダル → 各ポリシー、という導線に手順とテストシナリオを書き換える。
効果
顧客案内のズレ防止と、テストの誤検知(リンクが見つからない等)の解消。
技術メモ
モーダル内の要素構造・並び順は記事に記載なし。セレクタは実画面で確認してから固定する。

9提案で使える1行サマリ

「チェックアウトのフッターが『規約とポリシー』1 リンク+モーダルに集約。
ポリシー内容は不変・マーチャント作業は不要。
個別リンクで見せたい場合は Shopify Plus + Checkout UI extensions で差し替え可能。」