# チェックアウトページへの設置

> STEP 2-4

チェックアウトページ（カートページの次の画面）にも、あんしんプラスのチェックボックスを表示します。カートページを経由せず「今すぐ購入」からチェックアウトに進む購入者にも、あんしんプラスを案内できます。

> **注意: Shopify Plus プランのみ対応です**
>
> チェックアウトページへの表示には Checkout UI Extensions が利用できるプラン（Shopify Plus）が必要です。該当しない場合、このページの設定は不要です。

> **注意: 保存するとすぐに本番環境に反映されます**
>
> テーマ編集のようなプレビュー・公開の区別がなく、保存した内容は即時ライブのチェックアウトページに表示されます。文言は事前に決めてから設定してください。

## 1. チェックアウト拡張機能を追加する

1. Shopify管理画面 > 設定 > チェックアウト を開き、「編集」をクリックします

    ![Shopify管理画面の設定 > チェックアウト。「checkout-plusの設定（アクティブ）」の行の右端にある「編集」ボタンが青枠で示されている](images/checkout-plus_02f_checkout-settings.png)

2. 左サイドバーの「ブロックを追加」から **Checkout Plus** を追加します
3. ブロックはチェックアウトページ内の任意の位置に配置できます。左サイドバーでドラッグして位置を調整します

    [動画: checkout-block-position.mp4]

## 2. 表示をカスタマイズする（任意）

Checkout Plus ブロックを選択すると表示される設定から、文言とデザインを変更できます。入力した文字は即時反映されます。

| 設定項目 | 説明 |
|---|---|
| デザイン | plain（説明文もアラートも地の文）／ banner_info（説明文をグレーの囲みで表示し、対象外商品のアラートを赤文字にする）。未設定は plain |
| チェックボックスの説明文 | 商品名と価格の下に表示する説明文。未入力時は「あんしんプラスで、さまざまな特典をご利用いただけます」 |
| 対象外商品のアラートテキスト | カートに対象外商品があるときの注意文。`{excludedItem}` が対象外商品名に置き換わります。未入力時は「※{excludedItem}は対象外商品です。」 |
| 対象外商品のアラートを表示 | オフにするとチェックアウトページではアラートを表示しません（カートページの表示には影響しません） |
| 特典モーダル タイトル／サブタイトル | (i) アイコンから開くモーダルの見出しです |
| 返品送料無料 タイトル／説明文 | 返品送料無料の特典行の文言です。アイコンは固定 |
| クーポンバック タイトル／説明文 | キャッシュバッククレジットの特典行の文言です。アイコンは固定 |
| 注記・免責テキスト | モーダル下部の注記です。改行で段落を分けられます。URLはリンクになりません |

※チェックアウトページの特典モーダルには、画像（ヒーロー画像・ロゴ画像）を表示できません。表示できるのは文言のみです

※特典モーダルの文言には既定値がなく、**入力した項目だけが表示されます**。タイトル・サブタイトル・両特典タイトル・注記がすべて空欄のときは (i) アイコンもモーダルも表示されません