ステップ1：Aftersellでウィジェットを有効にする
- Aftersell管理画面のCheckoutタブに移動します
- 設定したいウィジェットタイプ（Upsells、Cart Controls、Rewards、Trust Badges、Testimonials、Notes、Images、Text）を選択します
- Createをクリックして新しいウィジェットを作成するか、既存のウィジェットを選択して編集します
- ウィジェットの設定を構成します（以下のウィジェットの種類と設定を参照）
- ウィジェット設定の右上にあるEnableトグルをクリックします
- 制限付きまたは高度なアップセルの場合は、先に進む前にカスタムトリガーを有効にしてください
ステップ2：Shopifyチェックアウトエディターを開く
- Shopify管理画面のSettingsに移動します
- 左側のナビゲーションでCheckoutをクリックします
- 目的のチェックアウトプロファイルの横にあるCustomizeをクリックします
- AftersellのCheckoutエディターページ右下にあるOpen Shopify Checkout Editorボタンをクリックします
ステップ3：チェックアウトにアプリブロックを追加する
- ShopifyチェックアウトエディターでAdd app blockをクリックします
- 利用可能なウィジェットの一覧から目的のAftersellウィジェットを選択します
- ウィジェットの正しいプレースメントを選択します（以下の利用可能なプレースメントを参照）
- Shop Payのチェックアウトにウィジェットを表示したい場合は、Include app block in Shop Payオプションにチェックを入れます
- 右上のSaveをクリックします
ステップ4：ウィジェットを配置する
- 選択したプレースメントエリア内で、アプリブロックを目的の場所にドラッグ＆ドロップします
- 右上のSaveをクリックします
ウィジェットの種類と設定
プレースメント
利用可能なプレースメント
- Default placement：メインのプレースメント。すべてのウィジェットタイプはここから始まります。
- Additional placement 1：同じページで同じタイプの別のウィジェットを表示するための2つ目のプレースメントスロット。
- Additional placement 2：さらに分離するための3つ目のプレースメントスロット。
複数のプレースメントを使うべき場合
- 1つのチェックアウトページに同じタイプのウィジェットを複数表示する
- ページの異なるセクションにウィジェットを表示する
- 異なるオーディエンスに異なるオファーをターゲティングする
- 類似または重複するトリガーを持つウィジェットを実行する
Shopifyチェックアウトエディターでプレースメントを一致させる
Upsells
- Single Product Upsell： Add to Cartボタン付きで1つの商品を表示
- Multi-Product Upsell： スタックまたはカルーセルレイアウトで複数の商品を表示し、顧客が複数のオファーを承諾できるようにする
- Checkmark Upsell： Add to Cartボタンの代わりにチェックボックス付きで1つの商品を表示（配送保険のような低価格のアドオンに最適）
- Specific Products： アップセルする個々の商品を手動で選択
- Collection： コレクションを選択し、最大5つのランダムな商品を表示（カート内の商品は自動的に除外）
- Automatic upsell(s)： カートの内容に基づいて商品を自動的にレコメンド
- Most Expensive Product： カート内で最も高価な商品を自動的にアップセル
- Spend threshold： 顧客がリワードのしきい値に到達するのに役立つ商品をレコメンド（同じアップセルウィジェットでShow rewards barが有効な場合にのみ選択可能）
- Strategy： ルールベースのターゲティングを使って商品を動的に選択。Strategiesが有効なストアでのみ表示されます
- ウィジェット内で直接ディスカウントを追加
- サブスクリプションプランを特定のオプションに固定
- 商品レビューの星評価を表示（互換性のあるレビューアプリが必要）
- ウィジェットごとの承諾可能なオファーの最大数を設定（SingleおよびMultiアップセルタイプのみ）
Cart Controls
- Variant selector： 在庫のある別のバリエーションに変更
- Quantity selector： 商品の数量を調整
- Remove item： Show Remove Item Buttonは、アップセル商品をカートから削除します。ペアとなる設定のAllow Removal of Non-Upsell Products（デフォルトでオフ）は、削除対象をカート内のすべてに拡張します
- Subscription selector： サブスクリプションの頻度を変更
- Subscription upgrade： 単発購入をサブスクリプションにアップグレード
- Custom text： ラインアイテムの下にカスタムテキストを追加
- カート内のすべての商品に適用
- 選択した商品のみに適用
- 選択した商品を除くすべての商品に適用
- カート内の商品に商品レビューの星評価を表示
Rewards
- リワードの基準：Cart totalまたはItem count
- 金額の基準（Cart totalの場合）：Order total（送料と税を含む）、Subtotal（ディスカウント前）、またはSubtotal after discounts（税と送料を除く）
- リワードメッセージとスタイル
- プログレスバーの色とデザイン
- アップセルウィジェットと組み合わせて、顧客がリワードのしきい値に到達できるようにする
- アップセルでSpend thresholdの商品タイプを使い、差額を埋める商品を自動的にレコメンドする
- ShopifyでAutomatic Discounts（ディスカウントリワード用）またはShipping Rules（送料無料用）を使ってリワードを作成する
- 送料無料を提供する場合は、金額の基準として**Subtotal after discounts（税と送料を除く）**を使用し、ディスカウントコード適用時にバーがShopify自身のしきい値評価と一致するようにする
Trust Badges
- バッジのレイアウト：垂直スタックまたは水平表示
- 各バッジのカスタムアイコンとテキスト
- スタイルと間隔のオプション
- セキュリティ機能を強調する（安全なチェックアウト、SSL暗号化）
- 保証をアピールする（返金保証、無料返品）
- 配送のメリットを表示する（送料無料、迅速な配達）
Testimonials
- Flex Testimonials（推奨）： レビューアプリ（Judge.me、Klaviyo、Okendo、Yotpo）から実際のレビューを自動的に取得
- 選択モード：Manual（特定のレビューを選択）またはDynamic（カートの内容に基づいてレビューを自動取得）
- 表示タイプ：水平カルーセルまたは垂直スタック
- 最低評価フィルター
- Settings > Product Reviews でレビューアプリの認証情報を設定
- レビューは24時間以内に自動同期され、その後は毎週同期
Notes
- Manual notes：顧客が入力できる自由記述フィールド
- Pre-written notes：ギフトラッピングやエコ包装などのオプション用チェックボックス
Images
- 画像のアップロード
- 幅調整スライダー
- 最小サイズの要件なし
Text
- Container Style： Plain Text（デフォルト）またはBadge。以下のバナーカラーはBadgeを選択した場合にのみ表示されます
- Banner Type（Badgeのみ）：
- Info (Blue)： 情報アイコン付きの青い背景
- Success (Green)： チェックマークアイコン付きの緑の背景
- Warning (Yellow)： 警告三角アイコン付きの黄色い背景
- Critical (Red)： 感嘆符アイコン付きの赤い背景
- Bodyフィールドのテキストサイズ（SmallまたはBase）— Headingフィールドにはサイズのコントロールはありません
- HeadingフィールドとBodyフィールドの両方の配置
- 間隔：None、Extra Tight、Tight、Base、Loose、Extra Loose
トラブルシューティング
ウィジェットが表示されない
- Aftersell管理画面でウィジェットが有効になっていることを確認します
- Shopifyチェックアウトエディターでアプリブロックが追加されているか確認します
- Shopifyチェックアウトエディターでアプリブロックが保存されていることを確認します
- 正しいプレースメントが選択されていることを確認します。Shopifyチェックアウトエディターでアプリブロックを追加する際は、Default placement、Additional placement 1、Additional placement 2など、一致するプレースメントを選択する必要があります。間違ったプレースメントが選択されていると、ウィジェットが表示されないか、間違った場所に表示されることがあります。アプリブロックを削除して再追加し、意図したプレースメントが選択されていることを確認してください。
- Shop Payの場合：「Include app block in Shop Pay」にチェックが入っていることを確認します
- ブラウザのキャッシュをクリアするか、シークレットモードを試します
- 変更が反映されるまで数分待ちます
Shop Payでウィジェットが表示されない
- Shopifyチェックアウトエディターでウィジェットを開きます
- Checkout behaviourの下にあるInclude app block in Shop Payオプションにチェックを入れます
- 変更を保存します
次のステップ
- チェックアウトトリガーについて学ぶ - 条件に応じてウィジェットを表示する
- チェックアウトのA/Bテストを設定する - 配置を最適化する
- チェックアウトのブランディングを設定する - ストアのデザインに合わせる
- 高度なアップセル戦略を探る - AOVを最大化する