> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# チェックアウトのベストプラクティス

> Aftersell のチェックアウトウィジェットを設定、最適化、テストするための完全な戦略ガイド

<div id="checkout-best-practices">
  # チェックアウトのベストプラクティス
</div>

このガイドでは、Shopify Plus で Aftersell のチェックアウトウィジェットを最大限に活用する方法を説明します。Pages と Standalone ウィジェットの選び方から、upsell、トラストバッジ、リワード、テスティモニアルの設定、A/B テストの実施、よくあるセットアップミスの回避までカバーします。

<Note>
  Shopify の Checkout Extensibility API の制限により、チェックアウトウィジェットは Shopify Plus マーチャントのみ利用できます。購入後アップセルのベストプラクティスは、[購入後のベストプラクティス](/ja/aftersell/best_practices)を参照してください。
</Note>

***

<div id="choose-the-right-widget-structure">
  ## 適切なウィジェット構造を選ぶ
</div>

Aftersell では、チェックアウトにウィジェットを追加する方法として **Pages** と **Standalone ウィジェット**の 2 つを提供しています。最初に適切な構造を選ぶことで、時間を節約し、後の競合を回避できます。

<div id="when-to-use-pages">
  ### Pages を使うべきとき
</div>

[Page](/ja/aftersell/pages-vs-standalone-widgets) は、単一のトリガーセットを共有するウィジェットのグループです。トリガー条件が満たされると、ページ内のすべてのウィジェットが一緒に表示されます。同じオーディエンスに連携したウィジェット群を表示したい場合に Pages を使います。たとえば、特定の顧客セグメントに upsell、トラストバッジ、テスティモニアルをまとめて表示するといったケースです。

Pages は、選択した目標に基づいてウィジェットを推奨するガイド付きセットアップをサポートしています。

* **Increase AOV and conversion rate** - Upsells、Trust Badges、Testimonials
* **Build customer trust and reduce abandonment** - Trust Badges、Cart Controls、Text
* **Promote add-ons and accessories** - Checkbox Upsells、Images、Testimonials
* **Encourage customers to reach free shipping threshold** - Upsells(Rewards 付き)、Text

<Warning>
  目標は保存後に変更できません。別の目標が必要な場合は、ページを削除して新規作成する必要があります。ウィジェットはいつでもページに追加・削除できます。
</Warning>

<div id="when-to-use-standalone-widgets">
  ### Standalone ウィジェットを使うべきとき
</div>

[Standalone ウィジェット](/ja/aftersell/pages-vs-standalone-widgets)は独立して機能し、それぞれがバリアントレベルで設定された独自のトリガーと優先度を持ちます。単体で動作する 1 つのウィジェットが必要な場合、またはウィジェットごとに異なるトリガー条件が必要な場合に Standalone ウィジェットを使います。

Standalone ウィジェットは A/B テストもサポートしています(Pages はまだ A/B テストをサポートしていません)。テストが戦略の一部なら Standalone を使ってください。

<div id="block-limits">
  ### ブロック制限
</div>

Pages ではウィジェットタイプごとに最大 5 ブロックまで使用できます。Standalone ウィジェットではウィジェットタイプごとに最大 3 ブロックです。すべてのブロックが使用中の場合、既存のブロックを削除するまで同じタイプのウィジェットを追加作成できません。

***

<div id="upsell-widget-strategy">
  ## upsell ウィジェット戦略
</div>

チェックアウトの upsell は、この段階における主要な収益ドライバーです。目標は、チェックアウト離脱を増やさずに AOV を高めることです。

<div id="choose-the-right-upsell-mode">
  ### 適切な upsell モードを選ぶ
</div>

Aftersell は 3 つの upsell ウィジェットモードを提供しています。

* **Single Product Upsell** - Add to Cart ボタン付きで 1 つの商品を表示します。顧客が何を欲しがるかを正確に把握している、絞り込んだ確度の高いオファーに最適です。
* **Multi-Product Upsell** - 複数の商品をスタックまたはカルーセルレイアウトで表示します。顧客は複数のオファーを受け入れられます。顧客に選択肢を与えたい、カタログの広いストアに最適です。
* **Checkmark Upsell** - Add to Cart ボタンの代わりにチェックボックス付きで 1 つの商品を表示します。配送保護、ギフトラッピング、特急処理など、判断がシンプルで速い低価格アドオンに最適です。注: チェックボックスをあらかじめチェック済みにしたり、デフォルトで注文に自動追加したりすることはできません。Shopify がこれを許可していません。顧客が自らチェックボックスにチェックを入れて商品を追加する必要があります。

<div id="choose-the-right-product-selection-method">
  ### 適切な商品選択方法を選ぶ
</div>

各 upsell ウィジェットは複数の商品選択方法をサポートしています。カタログと戦略に基づいて選択してください。

* **Specific Products** - upsell する個々の商品を手動で選択します。季節のプロモーションやキュレーションした組み合わせなど、表示内容を完全にコントロールしたい場合に使用します。
* **Collection** - コレクションを選択し、そこからランダムに最大 5 商品を表示します。すでにカートに入っている商品は自動的に除外されます。個々の商品を手動管理せずに、キュレーションされたセット内でバリエーションを持たせたい場合に使用します。
* **AI Recommendations** - 顧客のカート内容に基づいて Aftersell に商品を自動レコメンドさせます。カタログが大きく、手動キュレーションなしでパーソナライズされたレコメンデーションが欲しい場合に使用します。
* **Most Expensive Product** - 顧客のカートから最も高額な商品を自動的に upsell します。目玉商品の再提示が理にかなうクロスセルのシナリオで使用します。
* **Spend Threshold** - 送料無料のしきい値に到達するのに役立つ商品をレコメンドします(rewards ウィジェットの有効化が必要)。リワードバーと併用して、顧客の現在のカート金額と送料無料の目標とのギャップを埋めます。

<div id="always-add-a-discount-to-your-checkout-upsells">
  ### チェックアウト upsell には必ず割引を付ける
</div>

すべてのチェックアウト upsell ウィジェットに割引を追加することを強くお勧めします。割引は、顧客が商品を注文に追加する即座のインセンティブとなり、受け入れ率を大幅に高めます。小さな割引でも価値を伝えるシグナルになり、顧客がオファーに反応するか無視するかの分かれ目になることがあります。

割引は Aftersell の upsell ウィジェット内で直接設定され、顧客が upsell 商品を注文に追加すると自動的に適用されます。既存の Aftersell チェックアウト割引を選択するか、ウィジェットエディター内で新しい割引(パーセントまたは固定額)を作成できます。割引設定の詳細は[チェックアウトウィジェットの種類](/ja/aftersell/checkout_widget_types)を参照してください。

以下の点に注意してください。

* Shopify は商品ごとに一度に 1 つのラインアイテム割引しか許可しません。商品にすでに割引が適用されている場合、Aftersell の upsell 割引は同じラインアイテムに重ねて適用されません。
* 2 つの割引を組み合わせるには、両方とも Shopify 管理画面で明示的に「組み合わせ可能」に設定されている必要があります。
* 別のアプリがチェックアウトを動的に変更している場合(たとえば価格の再計算)、Aftersell の割引が想定どおりに適用されないことがあります。

<div id="enable-product-review-stars">
  ### 商品レビューの星評価を有効にする
</div>

互換性のあるレビューアプリをインストールしている場合は、upsell ウィジェットで商品レビューの星評価を有効にしてください。レビュー評価は信頼を築き、顧客がオファーを受け入れる可能性を高めます。最低評価のしきい値(デフォルト 4.0)を設定できるため、高評価の商品だけに星が表示されます。

対応レビューアプリには、Shopify Product Reviews、Judge.me、Okendo、Loox、Stamped など、商品メタフィールドに評価を保存するアプリが含まれます。全一覧は[チェックアウトウィジェットの種類](/ja/aftersell/checkout_widget_types)を参照してください。

***

<div id="content-widgets-that-increase-conversion">
  ## コンバージョンを高めるコンテンツウィジェット
</div>

コンテンツウィジェットは商品を直接提供しませんが、チェックアウト離脱を減らして信頼を築き、全体のコンバージョンを高めます。

<div id="trust-badges">
  ### トラストバッジ
</div>

[トラストバッジ](/ja/aftersell/checkout_widget_types)は、セキュリティ機能、保証、配送特典をハイライトします。縦にスタックすることも、横に並べて表示することもできます。

効果的なトラストバッジの内容には以下が含まれます。

* 安全なチェックアウト / SSL 暗号化
* 返金保証または満足保証
* 無料返品または簡単な交換
* 無料または迅速な配送
* 顧客数や注文数(「50,000+ 人のお客様に信頼されています」)

バッジは簡潔に保ち、認知度の高いアイコンを使いましょう。顧客が最もためらいやすい支払いセクションの近くに配置してください。

<div id="testimonials">
  ### テスティモニアル
</div>

[Flex Testimonials](/ja/aftersell/checkout_widget_types) は、レビューアプリ(Judge.me、Klaviyo、Okendo、Yotpo)から実際のレビューを取得し、チェックアウトに直接表示します。テスティモニアルは顧客のカート内の商品に基づいてレビューを自動取得するため、各顧客には購入しようとしている商品に関連するレビューが表示されます。

レビューはセットアップから 24 時間以内に自動同期され、その後は週次で同期されます。すぐにレビューをインポートするには、Settings > Product Reviews に移動して Sync now をクリックします。

<Tip>
  最低評価フィルター(たとえば 4.0)を設定し、切り詰めオプションを使って長いレビューをすっきり保ちましょう。文字数制限を超えるレビューには「Read more」ボタンが自動的に表示されます。
</Tip>

<div id="rewards-bar">
  ### リワードバー
</div>

[リワードバー](/ja/aftersell/checkout_widget_types)は、送料無料の獲得まであとどれくらいかを顧客に示します。これは、注文に商品を追加する自然なインセンティブになります。

リワードバーを最大限に活用するには:

1. **Order Value**(注文金額)または **Item Count**(商品数)に基づいた目標を設定します
2. **Spend Threshold** 商品タイプを使った upsell ウィジェットと組み合わせます。これは送料無料のしきい値までのギャップを埋めるのに役立つ商品を自動レコメンドします
3. Shopify で**配送ルール**を変更し、目標注文額で送料無料になるように送料無料リワードを作成します

リワードバーと Spend Threshold の upsell はペアで最も効果を発揮します。バーがモチベーションを生み、upsell が到達するための商品を提供します。

<div id="cart-controls">
  ### カートコントロール
</div>

[カートコントロール](/ja/aftersell/checkout_widget_types)を使うと、顧客はチェックアウトページ上で直接カートを変更できます。バリアントの変更、数量の調整、商品の削除、サブスクリプションへのアップグレードなどです。これにより摩擦が減り、変更のためにチェックアウトを離れてしまう顧客の離脱を防ぐことができます。

表示設定を使って、どの商品にカートコントロールを表示するかをターゲティングできます。すべての商品、選択した商品のみ、または選択した商品を除くすべての商品です。これにより、たとえば対象商品にのみサブスクリプションアップグレードを有効にし、他の商品に不要なコントロールを表示しないようにできます。

***

<div id="triggers">
  ## トリガー
</div>

[トリガー](/ja/aftersell/checkout_triggers)を使うと、どの顧客にどのウィジェットを表示するかを制御できます。トリガーを効果的に使うことで、適切な顧客に適切なオファーを適切なタイミングで表示できます。

利用可能なチェックアウトトリガーの全セット:

* **Products:** 特定の商品、特定のコレクション、特定商品の数量
* **Cart:** 小計、数量、サブスクリプション購入
* **Discount:** 適用された割引のタイトル、割引額
* **Customer:** 配送先の国、顧客の言語、顧客タグ、デバイスタイプ
* **Advanced:** トリガーのグループ(複数のトリガーを組み合わせて複雑なロジックを構築)

<div id="start-with-a-show-to-all-baseline">
  ### 「Show to all」のベースラインから始める
</div>

複雑なトリガーロジックを構築する前に、主要なウィジェットをすべての顧客に表示するように設定しましょう。これにより、すべてのチェックアウトセッションでオファーが表示され、セグメント化を始める前の測定基準となるベースラインが得られます。

<div id="segment-with-product-and-cart-triggers">
  ### 商品トリガーとカートトリガーでセグメント化する
</div>

upsell に最も効果的なトリガー:

* **特定の商品またはコレクション** -- 特定の商品やコレクションがカートに入っているときに補完商品の upsell を表示
* **特定商品の数量** -- 顧客が特定の商品を一定数量持っている場合にのみウィジェットを表示(たとえば、ある商品を 2 個以上持っている顧客にボリュームディスカウントの upsell を表示)
* **カート小計** -- カートの金額がしきい値の範囲内にあるときだけリワードバーや upsell を表示(たとえば、送料無料が \$75 から始まる場合、小計が \$40〜\$75 のときにリワードバーを表示)
* **カート数量** -- カート内の商品数に基づいてウィジェットを表示または非表示
* **サブスクリプション購入** -- カート内にサブスクリプション商品があるかどうかに基づいてウィジェットを表示または非表示

<div id="use-customer-triggers-for-personalization">
  ### 顧客トリガーでパーソナライズする
</div>

* **配送先の国** -- 顧客の配送先に基づいて異なるコンテンツやオファーを表示
* **顧客の言語** -- ロケールが特定の言語に一致する顧客に翻訳済みウィジェットを表示。トリガーを「is French」に設定し、ウィジェット内のすべての編集可能フィールドをフランス語に翻訳します
* **顧客タグ** -- Shopify の顧客タグに基づいて顧客をターゲティング。VIP 顧客、ロイヤルティ階層、卸売アカウントなど、Shopify で設定した任意の顧客セグメンテーションに使えます
* **デバイスタイプ** -- 顧客がモバイルかデスクトップかに基づいてウィジェットを表示または非表示。これは配置戦略において特に重要です(下記のモバイルチェックアウトの動作セクションを参照)

<div id="combine-triggers-with-advanced-logic">
  ### 高度なロジックでトリガーを組み合わせる
</div>

**Group of triggers** オプションを使って複数の条件を組み合わせましょう。たとえば、カートに商品 X が含まれ、かつ小計が \$50 を超える場合にのみ特定の upsell を表示するといった具合です。これにより無関係なオファーの表示を防ぎ、顧客体験が向上します。

***

<div id="placement-and-branding">
  ## 配置とブランディング
</div>

<div id="place-widgets-thoughtfully">
  ### ウィジェットを慎重に配置する
</div>

チェックアウト内のどこにウィジェットを配置するかは、顧客がそれを見て反応する可能性に影響します。一般的なガイドライン:

* **Upsells** -- 顧客が注文を能動的に確認している支払いセクションの上に配置。注文サマリーセクション内への配置は避けましょう(下記のモバイルに関する注意を参照)。
* **トラストバッジ** -- ためらいが最も大きい支払いセクションの近くに配置。
* **リワードバー** -- 顧客がインセンティブを早い段階で見て行動する時間を持てるよう、チェックアウトの上部近くに配置。
* **テスティモニアル** -- ソーシャルプルーフの補強として upsell の下、または支払いセクションの近くに配置。

<div id="be-aware-of-mobile-checkout-behavior">
  ### モバイルチェックアウトの動作に注意する
</div>

モバイルでは、Shopify は注文サマリーセクションをデフォルトで非表示のドロップダウンに折りたたみます。注文サマリーエリア内に配置されたウィジェットはそのドロップダウンの下に隠れ、ほとんどの顧客の目に触れません。これは Shopify のデフォルトの動作であり、Aftersell には制御できません。

すべての顧客に見せたいウィジェット(特に upsell とリワードバー)は、注文サマリーセクションの外に配置し、顧客が何かを展開しなくてもデスクトップとモバイルの両方で表示されるようにしてください。

**デバイスタイプ**トリガーを使って、モバイルとデスクトップで別々のウィジェット構成を作成しましょう。たとえば、画面スペースが限られるモバイルではシンプルな単一商品 upsell を表示し、デスクトップでは複数商品のカルーセルを表示できます。あるいは、デスクトップユーザー向けには注文サマリー内(常に表示される)にウィジェットを配置し、モバイルユーザー向けには注文サマリーの外に別のウィジェットを使うこともできます。

<Warning>
  upsell ウィジェットが注文サマリー内に配置されていて、モバイルでのインプレッションが少ない場合は、これが原因である可能性が高いです。ウィジェットを注文サマリーの外のセクションに移動するか、デバイスタイプトリガーを使ってモバイル顧客には別の場所に配置したウィジェットを表示してください。
</Warning>

Shopify チェックアウトエディターでウィジェットを配置した後、Shop Pay チェックアウトでもウィジェットを表示したい場合は「Include app block in Shop Pay」オプションにチェックを入れてください。セットアップの詳細は [Shop Pay ウィジェット](/ja/aftersell/show_checkout_widgets_in_shop_pay)を参照してください。

<div id="match-your-checkout-to-your-storefront">
  ### チェックアウトをストアフロントに合わせる
</div>

ストアフロントと見た目が異なるチェックアウトは信頼を損ない、離脱を増やす可能性があります。[チェックアウトブランディング設定](/ja/aftersell/checkout_branding_settings)を使って、チェックアウトのボタンカラー、角の丸み、本文カラーをストアのデザインに合わせましょう。ストアが Shopify Plus でない場合は、代わりに Shopify チェックアウトエディター(**設定 → チェックアウト → カスタマイズ**)で変更してください。特にプライマリボタンのスタイリングに注意を払いましょう。これはチェックアウトで最も目立つ要素であり、ストアフロントの CTA ボタンと一貫している必要があります。

***

<div id="ab-testing">
  ## A/B テスト
</div>

A/B テストは、チェックアウトウィジェットのパフォーマンスを改善する最も効果的な方法です。セットアップ手順は[チェックアウト A/B テスト](/ja/aftersell/checkout_a_b_testing)の完全ガイドを参照してください。

<div id="key-concepts">
  ### 主要な概念
</div>

* A/B テストは現在 **Standalone ウィジェットのみ**で利用可能です(Pages はまだ A/B テストをサポートしていません)
* 各ウィジェットは **2 つのバージョン**(Version A と Version B)をサポートし、自動で **50/50 のトラフィック分割**が行われます
* テストは**単一ウィジェット内のコンテンツ**を比較します。異なるウィジェットタイプや異なる配置をまたいでテストすることはできません
* 用語は **Version A** と **Version B** を使います(「Layout」ではありません。それは購入後の用語です)

<div id="most-valuable-tests-to-run">
  ### 最も価値のあるテスト
</div>

**upsell ウィジェットのテスト:**

* 特定の商品 vs. AI レコメンデーション vs. 最も高額な商品
* 補完商品 vs. 同一商品
* パーセント割引 vs. 固定額割引
* 割引あり vs. 割引なし
* 単一商品 upsell vs. チェックマーク upsell
* アクティブなオファー vs. Blank (Skip) で、upsell の表示がチェックアウト全体のコンバージョンを助けているか損なっているかを測定

**コンテンツウィジェットのテスト:**

* 特定のバッジあり vs. なしのトラストバッジ
* 異なるテスティモニアルの選択
* アクティブなコンテンツ vs. Blank (Skip) でウィジェット表示の影響を測定

<div id="test-one-variable-at-a-time">
  ### 一度に 1 つの変数をテストする
</div>

複数の要素を一度に変更すると、どの変更が結果をもたらしたのかわからなくなります。テストはクリーンに保ちましょう。

* 良い例: 10% 割引 vs. 20% 割引(変数 1 つ)
* 避けるべき例: 10% 割引 + 商品 A vs. 20% 割引 + 商品 B(変数 2 つ)

<div id="use-blank-skip-as-a-control">
  ### Blank (Skip) をコントロールとして使う
</div>

これは実行できる最も価値のあるテストの 1 つです。Blank バージョンは割り当てられた顧客に何も表示しないため、真のベースラインが得られます。Blank バージョンのほうがチェックアウト完了率が高い場合、ウィジェットがコンバージョンを損なっている可能性があり、見直しが必要です。

<div id="monitor-checkout-abandonment-alongside-upsell-conversion">
  ### upsell コンバージョンとあわせてチェックアウト離脱をモニタリングする
</div>

upsell の受け入れ率が高くても、同時にチェックアウト離脱が増えていては意味がありません。A/B テストの実行中は、Analytics > Checkout タブで **Checkout abandonment rate** を追跡してください。コンテンツウィジェットの場合、バージョンごとのアナリティクスにも Checkout abandonment rate 指標が含まれます。

<div id="use-upsell-revenue-per-order-as-your-primary-metric">
  ### 主要指標として注文あたりの upsell 収益を使う
</div>

**Upsell revenue per order**(チェックアウト upsell 収益 / 購入済み注文数)は、チェックアウトウィジェットのパフォーマンスを継続的に測定するための推奨指標です。upsell の受け入れと注文完了の両方を考慮するため、全体像を把握できます。

***

<div id="common-mistakes">
  ## よくあるミス
</div>

❌ **Aftersell と Shopify の配置の不一致** - Shopify チェックアウトエディターで選択した配置は、Aftersell で設定した配置(たとえば Default placement、Additional placement 1、Additional placement 2)と一致している必要があります。一致していないと、ウィジェットが表示されないか、誤った場所に表示されます。これはウィジェットが表示されない最も一般的な原因の 1 つです。[解決方法 →](/ja/aftersell/how_to_configure_checkout_widgets)

❌ **Aftersell でウィジェットが有効化されていない** - ウィジェットの作成と配置だけでは不十分です。Aftersell 管理画面のウィジェット設定右上のトグルでウィジェットを有効化する必要もあります。トグルがオフの場合、配置にかかわらずウィジェットは表示されません。[解決方法 →](/ja/aftersell/how_to_configure_checkout_widgets)

❌ **Shop Pay のアプリブロック設定の欠落** - Shop Pay チェックアウトでチェックアウトウィジェットを表示したい場合は、各ウィジェットについて Shopify チェックアウトエディターで「Include app block in Shop Pay」オプションにチェックを入れる必要があります。これはデフォルトでオフです。[解決方法 →](/ja/aftersell/show_checkout_widgets_in_shop_pay)

❌ **「Show to all」のベースラインがない** - まずすべての顧客にウィジェットを表示するベースラインを確立せずに、いきなり複雑なトリガーロジックに飛び込むこと。まず「Show to all」から始めてパフォーマンスデータを得て、そこから学んだことに基づいてトリガーでセグメント化しましょう。[解決方法 →](/ja/aftersell/checkout_triggers)

❌ **組み合わせ不可の割引の重ね掛け** - Aftersell の upsell 割引は Shopify の標準的な割引ルールに従います。商品にすでに割引があり、どちらの割引も Shopify 管理画面で「組み合わせ可能」に設定されていない場合、Aftersell の割引は適用されません。割引が壊れていると判断する前に、Shopify の割引組み合わせ設定を確認してください。[解決方法 →](/ja/aftersell/checkout_widget_types)

❌ **upsell と一緒にリワードバーを使わない** - リワードバーなしで upsell ウィジェットを実行すると、顧客に「もっと追加する理由」を与える機会を逃します。upsell ウィジェットの Spend Threshold 商品タイプとリワードバーを組み合わせ、upsell が送料無料のしきい値到達を直接後押しするようにしましょう。[解決方法 →](/ja/aftersell/checkout_widget_types)

❌ **Blank (Skip) でテストしない** - 多くのマーチャントは異なるオファー同士を比較しますが、そもそもウィジェットを表示すること自体が役立っているかをテストしません。Blank (Skip) をコントロールとして使い、ウィジェットがチェックアウト完了を増やしているか減らしているかを測定しましょう。[解決方法 →](/ja/aftersell/checkout_a_b_testing)

❌ **A/B テストで 1 つのバージョンしか実行しない** - Standalone ウィジェットの A/B テストが機能するには、両方のバージョンが同時にアクティブである必要があります。一方のバージョンを非アクティブ化すると、すべてのトラフィックが残ったバージョンに向かい、比較データは収集されません。[解決方法 →](/ja/aftersell/checkout_a_b_testing)

***

<div id="need-help">
  ## サポートが必要ですか?
</div>

チェックアウトウィジェットの設定や最適化についてご質問がある場合は、アプリ右下のライブチャットからサポートチームにお問い合わせください。