このガイドでは、Shopify Plus で Aftersell のチェックアウトウィジェットを最大限に活用する方法を説明します。Pages と Standalone ウィジェットの選び方から、upsell、トラストバッジ、リワード、テスティモニアルの設定、A/B テストの実施、よくあるセットアップミスの回避までカバーします。
Shopify の Checkout Extensibility API の制限により、チェックアウトウィジェットは Shopify Plus マーチャントのみ利用できます。購入後アップセルのベストプラクティスは、購入後のベストプラクティスを参照してください。
Aftersell では、チェックアウトにウィジェットを追加する方法として Pages と Standalone ウィジェットの 2 つを提供しています。最初に適切な構造を選ぶことで、時間を節約し、後の競合を回避できます。
Page は、単一のトリガーセットを共有するウィジェットのグループです。トリガー条件が満たされると、ページ内のすべてのウィジェットが一緒に表示されます。同じオーディエンスに連携したウィジェット群を表示したい場合に 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
目標は保存後に変更できません。別の目標が必要な場合は、ページを削除して新規作成する必要があります。ウィジェットはいつでもページに追加・削除できます。
チェックアウトの upsell は、この段階における主要な収益ドライバーです。目標は、チェックアウト離脱を増やさずに AOV を高めることです。
Aftersell は 3 つの upsell ウィジェットモードを提供しています。
- Single Product Upsell - Add to Cart ボタン付きで 1 つの商品を表示します。顧客が何を欲しがるかを正確に把握している、絞り込んだ確度の高いオファーに最適です。
- Multi-Product Upsell - 複数の商品をスタックまたはカルーセルレイアウトで表示します。顧客は複数のオファーを受け入れられます。顧客に選択肢を与えたい、カタログの広いストアに最適です。
- Checkmark Upsell - Add to Cart ボタンの代わりにチェックボックス付きで 1 つの商品を表示します。配送保護、ギフトラッピング、特急処理など、判断がシンプルで速い低価格アドオンに最適です。注: チェックボックスをあらかじめチェック済みにしたり、デフォルトで注文に自動追加したりすることはできません。Shopify がこれを許可していません。顧客が自らチェックボックスにチェックを入れて商品を追加する必要があります。
各 upsell ウィジェットは複数の商品選択方法をサポートしています。カタログと戦略に基づいて選択してください。
- Specific Products - upsell する個々の商品を手動で選択します。季節のプロモーションやキュレーションした組み合わせなど、表示内容を完全にコントロールしたい場合に使用します。
- Collection - コレクションを選択し、そこからランダムに最大 5 商品を表示します。すでにカートに入っている商品は自動的に除外されます。個々の商品を手動管理せずに、キュレーションされたセット内でバリエーションを持たせたい場合に使用します。
- AI Recommendations - 顧客のカート内容に基づいて Aftersell に商品を自動レコメンドさせます。カタログが大きく、手動キュレーションなしでパーソナライズされたレコメンデーションが欲しい場合に使用します。
- Most Expensive Product - 顧客のカートから最も高額な商品を自動的に upsell します。目玉商品の再提示が理にかなうクロスセルのシナリオで使用します。
- Spend Threshold - 送料無料のしきい値に到達するのに役立つ商品をレコメンドします(rewards ウィジェットの有効化が必要)。リワードバーと併用して、顧客の現在のカート金額と送料無料の目標とのギャップを埋めます。
チェックアウト upsell には必ず割引を付ける
- Shopify は商品ごとに一度に 1 つのラインアイテム割引しか許可しません。商品にすでに割引が適用されている場合、Aftersell の upsell 割引は同じラインアイテムに重ねて適用されません。
- 2 つの割引を組み合わせるには、両方とも Shopify 管理画面で明示的に「組み合わせ可能」に設定されている必要があります。
- 別のアプリがチェックアウトを動的に変更している場合(たとえば価格の再計算)、Aftersell の割引が想定どおりに適用されないことがあります。
互換性のあるレビューアプリをインストールしている場合は、upsell ウィジェットで商品レビューの星評価を有効にしてください。レビュー評価は信頼を築き、顧客がオファーを受け入れる可能性を高めます。最低評価のしきい値(デフォルト 4.0)を設定できるため、高評価の商品だけに星が表示されます。
対応レビューアプリには、Shopify Product Reviews、Judge.me、Okendo、Loox、Stamped など、商品メタフィールドに評価を保存するアプリが含まれます。全一覧はチェックアウトウィジェットの種類を参照してください。
コンテンツウィジェットは商品を直接提供しませんが、チェックアウト離脱を減らして信頼を築き、全体のコンバージョンを高めます。
トラストバッジは、セキュリティ機能、保証、配送特典をハイライトします。縦にスタックすることも、横に並べて表示することもできます。
効果的なトラストバッジの内容には以下が含まれます。
- 安全なチェックアウト / SSL 暗号化
- 返金保証または満足保証
- 無料返品または簡単な交換
- 無料または迅速な配送
- 顧客数や注文数(「50,000+ 人のお客様に信頼されています」)
バッジは簡潔に保ち、認知度の高いアイコンを使いましょう。顧客が最もためらいやすい支払いセクションの近くに配置してください。
Flex Testimonials は、レビューアプリ(Judge.me、Klaviyo、Okendo、Yotpo)から実際のレビューを取得し、チェックアウトに直接表示します。テスティモニアルは顧客のカート内の商品に基づいてレビューを自動取得するため、各顧客には購入しようとしている商品に関連するレビューが表示されます。
レビューはセットアップから 24 時間以内に自動同期され、その後は週次で同期されます。すぐにレビューをインポートするには、Settings > Product Reviews に移動して Sync now をクリックします。
最低評価フィルター(たとえば 4.0)を設定し、切り詰めオプションを使って長いレビューをすっきり保ちましょう。文字数制限を超えるレビューには「Read more」ボタンが自動的に表示されます。
- Order Value(注文金額)または Item Count(商品数)に基づいた目標を設定します
- Spend Threshold 商品タイプを使った upsell ウィジェットと組み合わせます。これは送料無料のしきい値までのギャップを埋めるのに役立つ商品を自動レコメンドします
- Shopify で配送ルールを変更し、目標注文額で送料無料になるように送料無料リワードを作成します
リワードバーと Spend Threshold の upsell はペアで最も効果を発揮します。バーがモチベーションを生み、upsell が到達するための商品を提供します。
カートコントロールを使うと、顧客はチェックアウトページ上で直接カートを変更できます。バリアントの変更、数量の調整、商品の削除、サブスクリプションへのアップグレードなどです。これにより摩擦が減り、変更のためにチェックアウトを離れてしまう顧客の離脱を防ぐことができます。
表示設定を使って、どの商品にカートコントロールを表示するかをターゲティングできます。すべての商品、選択した商品のみ、または選択した商品を除くすべての商品です。これにより、たとえば対象商品にのみサブスクリプションアップグレードを有効にし、他の商品に不要なコントロールを表示しないようにできます。
トリガーを使うと、どの顧客にどのウィジェットを表示するかを制御できます。トリガーを効果的に使うことで、適切な顧客に適切なオファーを適切なタイミングで表示できます。
利用可能なチェックアウトトリガーの全セット:
- Products: 特定の商品、特定のコレクション、特定商品の数量
- Cart: 小計、数量、サブスクリプション購入
- Discount: 適用された割引のタイトル、割引額
- Customer: 配送先の国、顧客の言語、顧客タグ、デバイスタイプ
- Advanced: トリガーのグループ(複数のトリガーを組み合わせて複雑なロジックを構築)
「Show to all」のベースラインから始める
- 特定の商品またはコレクション — 特定の商品やコレクションがカートに入っているときに補完商品の upsell を表示
- 特定商品の数量 — 顧客が特定の商品を一定数量持っている場合にのみウィジェットを表示(たとえば、ある商品を 2 個以上持っている顧客にボリュームディスカウントの upsell を表示)
- カート小計 — カートの金額がしきい値の範囲内にあるときだけリワードバーや upsell を表示(たとえば、送料無料が $75 から始まる場合、小計が $40〜$75 のときにリワードバーを表示)
- カート数量 — カート内の商品数に基づいてウィジェットを表示または非表示
- サブスクリプション購入 — カート内にサブスクリプション商品があるかどうかに基づいてウィジェットを表示または非表示
- 配送先の国 — 顧客の配送先に基づいて異なるコンテンツやオファーを表示
- 顧客の言語 — ロケールが特定の言語に一致する顧客に翻訳済みウィジェットを表示。トリガーを「is French」に設定し、ウィジェット内のすべての編集可能フィールドをフランス語に翻訳します
- 顧客タグ — Shopify の顧客タグに基づいて顧客をターゲティング。VIP 顧客、ロイヤルティ階層、卸売アカウントなど、Shopify で設定した任意の顧客セグメンテーションに使えます
- デバイスタイプ — 顧客がモバイルかデスクトップかに基づいてウィジェットを表示または非表示。これは配置戦略において特に重要です(下記のモバイルチェックアウトの動作セクションを参照)
Group of triggers オプションを使って複数の条件を組み合わせましょう。たとえば、カートに商品 X が含まれ、かつ小計が $50 を超える場合にのみ特定の upsell を表示するといった具合です。これにより無関係なオファーの表示を防ぎ、顧客体験が向上します。
チェックアウト内のどこにウィジェットを配置するかは、顧客がそれを見て反応する可能性に影響します。一般的なガイドライン:
- Upsells — 顧客が注文を能動的に確認している支払いセクションの上に配置。注文サマリーセクション内への配置は避けましょう(下記のモバイルに関する注意を参照)。
- トラストバッジ — ためらいが最も大きい支払いセクションの近くに配置。
- リワードバー — 顧客がインセンティブを早い段階で見て行動する時間を持てるよう、チェックアウトの上部近くに配置。
- テスティモニアル — ソーシャルプルーフの補強として upsell の下、または支払いセクションの近くに配置。
モバイルでは、Shopify は注文サマリーセクションをデフォルトで非表示のドロップダウンに折りたたみます。注文サマリーエリア内に配置されたウィジェットはそのドロップダウンの下に隠れ、ほとんどの顧客の目に触れません。これは Shopify のデフォルトの動作であり、Aftersell には制御できません。
すべての顧客に見せたいウィジェット(特に upsell とリワードバー)は、注文サマリーセクションの外に配置し、顧客が何かを展開しなくてもデスクトップとモバイルの両方で表示されるようにしてください。
デバイスタイプトリガーを使って、モバイルとデスクトップで別々のウィジェット構成を作成しましょう。たとえば、画面スペースが限られるモバイルではシンプルな単一商品 upsell を表示し、デスクトップでは複数商品のカルーセルを表示できます。あるいは、デスクトップユーザー向けには注文サマリー内(常に表示される)にウィジェットを配置し、モバイルユーザー向けには注文サマリーの外に別のウィジェットを使うこともできます。
upsell ウィジェットが注文サマリー内に配置されていて、モバイルでのインプレッションが少ない場合は、これが原因である可能性が高いです。ウィジェットを注文サマリーの外のセクションに移動するか、デバイスタイプトリガーを使ってモバイル顧客には別の場所に配置したウィジェットを表示してください。
A/B テストは、チェックアウトウィジェットのパフォーマンスを改善する最も効果的な方法です。セットアップ手順はチェックアウト A/B テストの完全ガイドを参照してください。
- A/B テストは現在 Standalone ウィジェットのみで利用可能です(Pages はまだ A/B テストをサポートしていません)
- 各ウィジェットは 2 つのバージョン(Version A と Version B)をサポートし、自動で 50/50 のトラフィック分割が行われます
- テストは単一ウィジェット内のコンテンツを比較します。異なるウィジェットタイプや異なる配置をまたいでテストすることはできません
- 用語は Version A と Version B を使います(「Layout」ではありません。それは購入後の用語です)
upsell ウィジェットのテスト:
- 特定の商品 vs. AI レコメンデーション vs. 最も高額な商品
- 補完商品 vs. 同一商品
- パーセント割引 vs. 固定額割引
- 割引あり vs. 割引なし
- 単一商品 upsell vs. チェックマーク upsell
- アクティブなオファー vs. Blank (Skip) で、upsell の表示がチェックアウト全体のコンバージョンを助けているか損なっているかを測定
コンテンツウィジェットのテスト:
- 特定のバッジあり vs. なしのトラストバッジ
- 異なるテスティモニアルの選択
- アクティブなコンテンツ vs. Blank (Skip) でウィジェット表示の影響を測定
複数の要素を一度に変更すると、どの変更が結果をもたらしたのかわからなくなります。テストはクリーンに保ちましょう。
- 良い例: 10% 割引 vs. 20% 割引(変数 1 つ)
- 避けるべき例: 10% 割引 + 商品 A vs. 20% 割引 + 商品 B(変数 2 つ)
Blank (Skip) をコントロールとして使う
upsell コンバージョンとあわせてチェックアウト離脱をモニタリングする
主要指標として注文あたりの upsell 収益を使う
❌ Aftersell と Shopify の配置の不一致 - Shopify チェックアウトエディターで選択した配置は、Aftersell で設定した配置(たとえば Default placement、Additional placement 1、Additional placement 2)と一致している必要があります。一致していないと、ウィジェットが表示されないか、誤った場所に表示されます。これはウィジェットが表示されない最も一般的な原因の 1 つです。解決方法 →
❌ Aftersell でウィジェットが有効化されていない - ウィジェットの作成と配置だけでは不十分です。Aftersell 管理画面のウィジェット設定右上のトグルでウィジェットを有効化する必要もあります。トグルがオフの場合、配置にかかわらずウィジェットは表示されません。解決方法 →
❌ Shop Pay のアプリブロック設定の欠落 - Shop Pay チェックアウトでチェックアウトウィジェットを表示したい場合は、各ウィジェットについて Shopify チェックアウトエディターで「Include app block in Shop Pay」オプションにチェックを入れる必要があります。これはデフォルトでオフです。解決方法 →
❌ 「Show to all」のベースラインがない - まずすべての顧客にウィジェットを表示するベースラインを確立せずに、いきなり複雑なトリガーロジックに飛び込むこと。まず「Show to all」から始めてパフォーマンスデータを得て、そこから学んだことに基づいてトリガーでセグメント化しましょう。解決方法 →
❌ 組み合わせ不可の割引の重ね掛け - Aftersell の upsell 割引は Shopify の標準的な割引ルールに従います。商品にすでに割引があり、どちらの割引も Shopify 管理画面で「組み合わせ可能」に設定されていない場合、Aftersell の割引は適用されません。割引が壊れていると判断する前に、Shopify の割引組み合わせ設定を確認してください。解決方法 →
❌ upsell と一緒にリワードバーを使わない - リワードバーなしで upsell ウィジェットを実行すると、顧客に「もっと追加する理由」を与える機会を逃します。upsell ウィジェットの Spend Threshold 商品タイプとリワードバーを組み合わせ、upsell が送料無料のしきい値到達を直接後押しするようにしましょう。解決方法 →
❌ Blank (Skip) でテストしない - 多くのマーチャントは異なるオファー同士を比較しますが、そもそもウィジェットを表示すること自体が役立っているかをテストしません。Blank (Skip) をコントロールとして使い、ウィジェットがチェックアウト完了を増やしているか減らしているかを測定しましょう。解決方法 →
❌ A/B テストで 1 つのバージョンしか実行しない - Standalone ウィジェットの A/B テストが機能するには、両方のバージョンが同時にアクティブである必要があります。一方のバージョンを非アクティブ化すると、すべてのトラフィックが残ったバージョンに向かい、比較データは収集されません。解決方法 →
チェックアウトウィジェットの設定や最適化についてご質問がある場合は、アプリ右下のライブチャットからサポートチームにお問い合わせください。 
